website/blueprint/src/typography.css

   1 /* --------------------------------------------------------------
   2
   3    typography.css
   4    * Sets up some sensible default typography.
   5
   6 -------------------------------------------------------------- */
   7
   8 /* Default font settings.
   9    The font-size percentage is of 16px. (0.75 * 16px = 12px) */
  10 html { font-size:100.01%; }
  11 body {
  12   font-size: 75%;
  13   color: #222;
  14   background: #fff;
  15   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  16 }
  17
  18
  19 /* Headings
  20 -------------------------------------------------------------- */
  21
  22 h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
  23
  24 h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
  25 h2 { font-size: 2em; margin-bottom: 0.75em; }
  26 h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
  27 h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
  28 h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
  29 h6 { font-size: 1em; font-weight: bold; }
  30
  31 h1 img, h2 img, h3 img,
  32 h4 img, h5 img, h6 img {
  33   margin: 0;
  34 }
  35
  36
  37 /* Text elements
  38 -------------------------------------------------------------- */
  39
  40 p           { margin: 0 0 1.5em; }
  41 p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
  42 p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
  43
  44 a:focus,
  45 a:hover     { color: #000; }
  46 a           { color: #009; text-decoration: underline; }
  47
  48 blockquote  { margin: 1.5em; color: #666; font-style: italic; }
  49 strong      { font-weight: bold; }
  50 em,dfn      { font-style: italic; }
  51 dfn         { font-weight: bold; }
  52 sup, sub    { line-height: 0; }
  53
  54 abbr,
  55 acronym     { border-bottom: 1px dotted #666; }
  56 address     { margin: 0 0 1.5em; font-style: italic; }
  57 del         { color:#666; }
  58
  59 pre         { margin: 1.5em 0; white-space: pre; }
  60 pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
  61
  62
  63 /* Lists
  64 -------------------------------------------------------------- */
  65
  66 li ul,
  67 li ol       { margin: 0; }
  68 ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
  69
  70 ul          { list-style-type: disc; }
  71 ol          { list-style-type: decimal; }
  72
  73 dl          { margin: 0 0 1.5em 0; }
  74 dl dt       { font-weight: bold; }
  75 dd          { margin-left: 1.5em;}
  76
  77
  78 /* Tables
  79 -------------------------------------------------------------- */
  80
  81 table       { margin-bottom: 1.4em; width:100%; }
  82 th          { font-weight: bold; }
  83 thead th    { background: #c3d9ff; }
  84 th,td,caption { padding: 4px 10px 4px 5px; }
  85 tr.even td  { background: #e5ecf9; }
  86 tfoot       { font-style: italic; }
  87 caption     { background: #eee; }
  88
  89
  90 /* Misc classes
  91 -------------------------------------------------------------- */
  92
  93 .small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
  94 .large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
  95 .hide       { display: none; }
  96
  97 .quiet      { color: #666; }
  98 .loud       { color: #000; }
  99 .highlight  { background:#ff0; }
 100 .added      { background:#060; color: #fff; }
 101 .removed    { background:#900; color: #fff; }
 102
 103 .first      { margin-left:0; padding-left:0; }
 104 .last       { margin-right:0; padding-right:0; }
 105 .top        { margin-top:0; padding-top:0; }
 106 .bottom     { margin-bottom:0; padding-bottom:0; }