web/css/LevelThePlayingField.css

   1 /*****************************************************************************
   2 lpf.css -- Level the Playing Field. Majorly modified form of
   3 "undohtml.css" (C) 2004 by Tantek Celik. Some Rights Reserved. His
   4 style sheet is licensed under a Creative Commons License.
   5
   6 See http://creativecommons.org/licenses/by/2.0
   7
   8 Modifications made by Paul Pomeroy, July 2005.
   9
  10 Whatever isn't Tantek's, consider it free for the taking but as I have
  11 no idea what your requirments may be and no control over how you use
  12 the following, all risks are assumed by you. Okay?
  13
  14 Purpose: undo some of the default styling of common (X)HTML browsers
  15 so all browers can start from the same settings (or as close as
  16 possible)
  17 *****************************************************************************/
  18 * {
  19   /* IE5/Mac likes this, doesn't like ...:relative;. */
  20   /* hide from IE5/Mac */
  21   position:     static;
  22   /* rumored to help with some IE problems (other than IE5/Mac. */
  23   position:     relative;
  24   /* IE sometimes decides to center stuff for the heck of it */
  25   text-align:   left;
  26   font-size:    1em;
  27 }
  28
  29 body {
  30   margin:       0;
  31   padding:      0;
  32 }
  33
  34 /*ul,
  35 ol,*/
  36
  37 li,
  38 h1,
  39 h2,
  40 h3,
  41 h4,
  42 h5,
  43 h6,
  44 pre,
  45 form,
  46 body,
  47 html,
  48 p,
  49 blockquote,
  50 fieldset,
  51 input {
  52   margin:       0;
  53 }
  54
  55 dt {
  56   padding-left: 12px;
  57 }
  58
  59 blockquote {
  60   padding-left: 25px;
  61 }
  62
  63 /*****************************************************************************
  64 No list-markers by default, since lists are used more often for semantics
  65 *****************************************************************************/
  66 /* ul,ol { list-style:none; }*/
  67
  68 /*****************************************************************************
  69 Link underlines tend to make hypertext less readable, because
  70 underlines obscure the shapes of the lower halves of words
  71 *****************************************************************************/
  72 :link,:visited {
  73   text-decoration:      none;
  74 }
  75
  76 /*****************************************************************************
  77 Try getting rid of blue linked borders.
  78 *****************************************************************************/
  79 #page a {
  80   border:       none;
  81   font-weight:  bold;
  82 }
  83
  84 #page a:link {
  85   color:        red;
  86 }
  87
  88 #page a:visited {
  89   color:        teal;
  90 }
  91
  92 #page a:active {
  93   color:        red;
  94 }
  95
  96 #page a:hover {
  97   color:        blue;
  98   background:   #ffff80;
  99 }
 100
 101 a img,
 102 :link img,
 103 :visited img {
 104   border:       none;
 105 }
 106
 107 /*****************************************************************************
 108 Now set up the default fonts and font sizes...
 109
 110 We'll start with a size of 12px (1em = 12px)
 111 *****************************************************************************/
 112
 113 body {
 114   font-family:  verdana, arial, sans-serif;
 115   font-size:    75%; /* assumes a 14-16px default size */
 116   line-height:  137%;
 117 }
 118
 119 /*****************************************************************************
 120 Let IE use percentage for base font size so it can still zoom
 121 text. Everyone else we'll give a pixel value to ...
 122 *****************************************************************************/
 123 html>body {
 124   font-size:    12px; /* For everyone except IE ... */
 125 }
 126
 127 p {
 128   font-size:    1.0em; /* ~12px */
 129 }
 130
 131 h1, h2, h3, h4, h5, h6 { /* georgia is a better x-browser font */
 132   font-family:          georgia, "new century schoolbook", times, serif;
 133   margin-top:           4px;
 134   margin-bottom:        10px;
 135   color:                #993333;
 136 }
 137
 138 h1 {
 139   font-weight:          normal;
 140 }
 141 h2, h3, h4, h5, h6 {
 142   font-weight:          bolder;
 143 }
 144
 145
 146 h1 {
 147   font-size:    2em;
 148   font-variant: small-caps;
 149   text-align:   center;
 150 }
 151
 152 h2 {
 153   font-size:    1.5em;
 154   font-variant: small-caps;
 155   font-weight:  bolder;
 156 }
 157
 158 h3 {
 159   font-size:    1em;
 160   font-weight:  bolder;
 161 }
 162
 163 h4 {
 164   font-size:    0.8em;
 165   font-style:   italic;
 166 }
 167
 168 h5 {
 169   font-size:    0.6em;
 170   font-style:   italic;
 171 }
 172
 173 h6 {
 174   font-size:    0.4em;
 175   font-weight:  bold;
 176 }
 177
 178 .standout {
 179   font-family:          verdana,
 180                         arial,
 181                         sans-serif;
 182   font-size:            12px;
 183   color:                #933;
 184   line-height:          13px;
 185   font-weight:          bold;
 186   margin-bottom:        10px;
 187 }
 188
 189 .dim {
 190   color:                #999;
 191 }