Posted By

wza on 05/04/09


Tagged

css textmate typography boilerplate


Versions (?)

Who likes this?

5 people have marked this snippet as a favorite

jfherring
kurokikaze
WinterCrow
aleyst
LeeRJohnson


typography css (boilerplate)


 / Published in: Other
 

  1. /* --------------------------------------------------------------
  2.  
  3. Boilerplate typography.css
  4. * Sets up some sensible default typography.
  5.  
  6. -------------------------------------------------------------- */
  7.  
  8. /* This is where you set your desired font size. The line-heights
  9. and vertical margins are automatically calculated from this.
  10. The percentage is of 16px (0.75 * 16px = 12px). */
  11. body { font-size: 75%; }
  12.  
  13.  
  14. /* Default fonts and colors. */
  15. body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }
  16.  
  17.  
  18. /* Headings
  19. -------------------------------------------------------------- */
  20.  
  21. h1,h2,h3,h4,h5,h6 { font-weight: bold; }
  22.  
  23. h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
  24. h2 { font-size: 2em; margin-bottom: 0.75em; }
  25. h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
  26. h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
  27. h5 { font-size: 1em; margin-bottom: 1.5em; }
  28. h6 { font-size: 1em; }
  29.  
  30.  
  31. /* Text elements
  32. -------------------------------------------------------------- */
  33.  
  34. p { margin: 0 0 1.5em; }
  35.  
  36. ul, ol { margin: 0 1.5em 1.5em 1.5em; }
  37. ul { list-style-type: circle; }
  38. ol { list-style-type: decimal; }
  39.  
  40. dl { margin: 0 0 1.5em 0; }
  41. dl dt { font-weight: bold; }
  42. dl dd { margin-left: 1.5em; }
  43.  
  44. abbr, acronym { border-bottom: 1px dotted #000; }
  45. address { margin-top: 1.5em; font-style: italic; }
  46. del { color: #000; }
  47.  
  48. a { color: #009; text-decoration: none; }
  49. a:hover { text-decoration: underline; }
  50.  
  51. blockquote { margin: 1.5em; }
  52. strong { font-weight: bold; }
  53. em, dfn { font-style: italic; }
  54. dfn { font-weight: bold; }
  55. pre, code { margin: 1.5em 0; white-space: pre; }
  56. pre, code, tt { font: 1em monospace; line-height: 1.5; }
  57. tt { display: block; margin: 1.5em 0; line-height: 1.5; }
  58.  
  59.  
  60. /* Tables
  61. -------------------------------------------------------------- */
  62.  
  63. table { margin-bottom: 1.4em; }
  64. th { border-bottom: 2px solid #ddd; font-weight: bold; }
  65. td { border-bottom: 1px solid #ddd; }
  66. th,td { padding: 4px 10px 4px 0; }
  67. tfoot { font-style: italic; }
  68. caption { background: #ffc; }
  69.  
  70.  
  71. /* Some default classes
  72. -------------------------------------------------------------- */
  73.  
  74. .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
  75. .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
  76. .quiet { color: #999; }
  77.  
  78. .hide { display: none; }
  79. .highlight { background: #ffc; }
  80.  
  81. .top { margin-top: 0; padding-top: 0; }
  82. .bottom { margin-bottom: 0; padding-bottom: 0; }
  83.  
  84.  
  85.  

Report this snippet  

You need to login to post a comment.