WordPress Theme Development 14 – Typography Stylesheet

For font wise, all the contents are Georgia, serif. The code will be Monaco, monospace. I just bold with all the headers. Simple circle for list style in the post.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
  1. /* *** Typography *** */
  2.  
  3. /* Begin Structure */
  4. h1, h2, h3, h4, h5, h6 {
  5. font-weight: bold;
  6. }
  7.  
  8. body {
  9. text-align: center;
  10. }
  11.  
  12. #main {
  13. text-align:left
  14. }
  15. /* End Structure */
  16.  
  17. /* Begin Header */
  18. div#header a, div#footer a {
  19. text-decoration: none;
  20. }
  21. /* End Header */
  22.  
  23. /* Begin NavMenu */
  24. #navmenu
  25. {
  26. font-size: 14px;
  27. font-weight: bold;
  28. }
  29. /* End NavMenu */
  30.  
  31. /* Begin Entry */
  32. body, input, textarea {
  33. font: 15px Georgia,serif;
  34. line-height: 22px;
  35. }
  36.  
  37. pre, code {
  38. font: 14px Monaco, monospace;
  39. line-height: 22px;
  40. }
  41.  
  42. div.entry-title {
  43. margin: 1em 0 0.5em;
  44. }
  45.  
  46. div.entry-content ul li {
  47. list-style:circle;
  48. }
  49.  
  50. div.entry-meta {
  51. font-size: 0.75em;
  52. }
  53. /* End Entry */
  54.  
  55. /* Begin Comment Form */
  56. div#formcontainer .note {
  57. font-size: 0.75em;
  58. line-height: 15px;
  59. }
  60. /* End Comment Form */
  61.  
  62. /* Begin sidebar */
  63. #sidebar li {
  64. font-weight: bold;
  65. }
  66.  
  67. #sidebar ul ul li {
  68. font-weight: normal;
  69. }
  70. /* End sidebar */

References

No Comments

No comments yet.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">