css/typography.css

   1
   2 body {
   3         font:1em/1.625em "lucida grande","lucida sans unicode", sans-serif; background-color:#FFFEF0;
   4         font-size-adjust:none;
   5         font-style:normal;
   6         font-variant:normal;
   7         font-weight:normal;
   8         padding: 15px;
   9         margin: 15px auto;
  10 }
  11
  12 article {
  13         border: 3px solid grey;
  14         max-width:700px;
  15         margin: 15px auto;
  16         padding: 15px;
  17 }
  18
  19 footer {
  20         border: 1px solid black;
  21         padding: 15px;
  22         margin: 15px auto;
  23 }
  24
  25 p { padding:0 0  0.8125em 0; color:#111; font-weight:300;}
  26
  27 p + p { text-indent:1.625em;}
  28
  29 img       { display: block; margin: 0.5em 0.8125em 0.8125em 0; padding: 0; }
  30
  31 p > img { display: inline-block; margin: 0; }
  32
  33 h1,h2{ font-weight:normal; color: #333; font-family:Georgia, serif;  }
  34 h3,h4,h5,h6 { font-weight: normal; color: #333; font-family:Georgia, serif; }
  35
  36
  37 h1 { font-size: 2.125em; margin-bottom: 0.765em; line-height: 1.5em;}
  38 h2 { font-size: 1.9em;  margin-bottom: 0.855em; }
  39 h3 { font-size: 1.7em;  margin-bottom: 0.956em; }
  40 h4 { font-size: 1.4em;  margin-bottom: 1.161em; }
  41 h5,h6 { font-size: 1.313em;  margin-bottom: 1.238em; }
  42
  43
  44
  45 ul{list-style-position:outside;}
  46 li ul,
  47 li ol  { margin:0 1.625em;  }
  48 ul, ol { margin: 0 0 1.625em 0; }
  49
  50
  51 dl { margin: 0 0 1.625em 0; }
  52 dl dt { font-weight: bold; }
  53 dl dd { margin-left: 1.625em; }
  54
  55 a { color:#005AF2; text-decoration:none; }
  56 a:hover { text-decoration: underline; }
  57
  58
  59 table { margin-bottom:1.625em; border-collapse: collapse; }
  60 th { font-weight:bold; }
  61 tr,th,td { margin:0; padding:0 1.625em 0 1em; height:26px; }
  62 tfoot { font-style: italic; }
  63 caption { text-align:center; font-family:Georgia, serif; }
  64
  65
  66 abbr, acronym { border-bottom:1px dotted #000; }
  67 address { margin-top:1.625em; font-style: italic; }
  68 del {color:#000;}
  69
  70
  71 blockquote { padding:1em 1em 1.625em 1em; font-family:georgia,serif;font-style: italic;  }
  72 blockquote:before { content:"\201C";font-size:3em;margin-left:-.625em; font-family:georgia,serif;color:#aaa;line-height:0;}/* From Tripoli  */
  73 blockquote > p {padding:0; margin:0; }
  74
  75 strong { font-weight: bold; }
  76 em, dfn { font-style: italic; }
  77 dfn { font-weight: bold; }
  78 pre, code { margin: 1.625em 0; white-space: pre; }
  79 pre, code, tt { font: 1em monospace; line-height: 1.5; }
  80 tt { display: block; margin: 1.625em 0; }
  81 hr { margin-bottom:1.625em; }
  82
  83 .oldbook { font-family:"Warnock Pro","Goudy Old Style","Book Antiqua","Palatino",Georgia,serif; }
  84 .note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; }
  85 .mono { font-family:"Courier New", Courier, monospace; }