960 Text Styles


/ Published in: CSS
Save to your folder(s)

960 Grid, Text Styles


Copy this code and paste it in your HTML
  1. /*
  2.   960 Grid System ~ Text CSS.
  3.   Learn more ~ http://960.gs/
  4.  
  5.   Licensed under GPL and MIT.
  6. */
  7.  
  8. /* `Basic HTML
  9. ----------------------------------------------------------------------------------------------------*/
  10.  
  11. body {
  12. font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  13. }
  14.  
  15. pre,
  16. code {
  17. font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
  18. }
  19.  
  20. hr {
  21. border: 0 #ccc solid;
  22. border-top-width: 1px;
  23. clear: both;
  24. height: 0;
  25. }
  26.  
  27. /* `Headings
  28. ----------------------------------------------------------------------------------------------------*/
  29.  
  30. h1 {
  31. font-size: 25px;
  32. }
  33.  
  34. h2 {
  35. font-size: 23px;
  36. }
  37.  
  38. h3 {
  39. font-size: 21px;
  40. }
  41.  
  42. h4 {
  43. font-size: 19px;
  44. }
  45.  
  46. h5 {
  47. font-size: 17px;
  48. }
  49.  
  50. h6 {
  51. font-size: 15px;
  52. }
  53.  
  54. /* `Spacing
  55. ----------------------------------------------------------------------------------------------------*/
  56.  
  57. ol {
  58. list-style: decimal;
  59. }
  60.  
  61. ul {
  62. list-style: disc;
  63. }
  64.  
  65. li {
  66. margin-left: 30px;
  67. }
  68.  
  69. p,
  70. dl,
  71. hr,
  72. h1,
  73. h2,
  74. h3,
  75. h4,
  76. h5,
  77. h6,
  78. ol,
  79. ul,
  80. pre,
  81. table,
  82. address,
  83. fieldset,
  84. figure {
  85. margin-bottom: 20px;
  86. }

URL: http://960.gs

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.