style.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. /* --------------------------------------------------------------
  2. typography.css
  3. * Sets up some sensible default typography.
  4. http://www.blueprintcss.org/blueprint/src/typography.css
  5. -------------------------------------------------------------- */
  6. /* Default font settings.
  7. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
  8. html { font-size:100.01%; }
  9. body {
  10. font-size: 75%;
  11. color: #222;
  12. background: #fff;
  13. font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  14. }
  15. /* Headings
  16. -------------------------------------------------------------- */
  17. h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
  18. h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
  19. h2 { font-size: 2em; margin-bottom: 0.75em; }
  20. h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
  21. h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
  22. h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
  23. h6 { font-size: 1em; font-weight: bold; }
  24. h1 img, h2 img, h3 img,
  25. h4 img, h5 img, h6 img {
  26. margin: 0;
  27. }
  28. /* Text elements
  29. -------------------------------------------------------------- */
  30. p { margin: 0 0 1.5em; }
  31. /*
  32. These can be used to pull an image at the start of a paragraph, so
  33. that the text flows around it (usage: <p><img class="left">Text</p>)
  34. */
  35. .left { float: left !important; }
  36. p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
  37. .right { float: right !important; }
  38. p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
  39. a:focus,
  40. a:hover { color: #09f; }
  41. a { color: #06c; text-decoration: underline; }
  42. blockquote { margin: 1.5em; color: #666; font-style: italic; }
  43. strong,dfn { font-weight: bold; }
  44. em,dfn { font-style: italic; }
  45. sup, sub { line-height: 0; }
  46. abbr,
  47. acronym { border-bottom: 1px dotted #666; }
  48. address { margin: 0 0 1.5em; font-style: italic; }
  49. del { color:#666; }
  50. pre { margin: 1.5em 0; white-space: pre; }
  51. pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
  52. /* Lists
  53. -------------------------------------------------------------- */
  54. li ul,
  55. li ol { margin: 0; }
  56. ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
  57. ul { list-style-type: disc; }
  58. ol { list-style-type: decimal; }
  59. dl { margin: 0 0 1.5em 0; }
  60. dl dt { font-weight: bold; }
  61. dd { margin-left: 1.5em;}
  62. /* Tables
  63. -------------------------------------------------------------- */
  64. /*
  65. Because of the need for padding on TH and TD, the vertical rhythm
  66. on table cells has to be 27px, instead of the standard 18px or 36px
  67. of other elements.
  68. */
  69. table { margin-bottom: 1.4em; width:100%; }
  70. th { font-weight: bold; }
  71. thead th { background: #c3d9ff; }
  72. th,td,caption { padding: 4px 10px 4px 5px; }
  73. /*
  74. You can zebra-stripe your tables in outdated browsers by adding
  75. the class "even" to every other table row.
  76. */
  77. tbody tr:nth-child(even) td,
  78. tbody tr.even td {
  79. background: #e5ecf9;
  80. }
  81. tfoot { font-style: italic; }
  82. caption { background: #eee; }
  83. /*Images
  84. -------------------------------------------------------------- */
  85. img { width:400px; height:auto;}
  86. /* Misc classes
  87. -------------------------------------------------------------- */
  88. .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
  89. .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
  90. .hide { display: none; }
  91. .quiet { color: #666; }
  92. .loud { color: #000; }
  93. .highlight { background:#ff0; }
  94. .added { background:#060; color: #fff; }
  95. .removed { background:#900; color: #fff; }
  96. .first { margin-left:0; padding-left:0; }
  97. .last { margin-right:0; padding-right:0; }
  98. .top { margin-top:0; padding-top:0; }
  99. .bottom { margin-bottom:0; padding-bottom:0; }
  100. /* Page setup
  101. -------------------------------------------------------------- */
  102. @page {
  103. @bottom-center{
  104. content: counter(page) " / " counter(pages);
  105. font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  106. }
  107. }