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 a {
  80   border:      none;
  81   font-weight: bold;
  82 }
  83
  84 a:link {
  85   color:  red;
  86   text-decoration: underline;
  87 }
  88
  89 a:visited {
  90   color:  teal;
  91   text-decoration: underline;
  92 }
  93
  94 a:active {
  95   color:  red;
  96   text-decoration: underline;
  97 }
  98
  99 a:hover {
 100   color:      blue;
 101   background: #ffff80;
 102   text-decoration: underline;
 103 }
 104
 105 a img,
 106 :link img,
 107 :visited img {
 108   border:  none;
 109 }
 110
 111 /*****************************************************************************
 112 Now set up the default fonts and font sizes...
 113
 114 We'll start with a size of 12px (1em = 12px)
 115 *****************************************************************************/
 116
 117 body {
 118   font-family: verdana, arial, sans-serif;
 119   font-size:   75%; /* assumes a 14-16px default size */
 120   line-height: 137%;
 121 }
 122
 123 /*****************************************************************************
 124 Let IE use percentage for base font size so it can still zoom
 125 text. Everyone else we'll give a pixel value to ...
 126 *****************************************************************************/
 127 html>body {
 128   font-size:  12px; /* For everyone except IE ... */
 129 }
 130
 131 p {
 132   font-size:  1.0em; /* ~12px */
 133 }
 134
 135 h1, h2, h3, h4, h5, h6 { /* georgia is a better x-browser font */
 136   font-family:   georgia, "new century schoolbook", times, serif;
 137   margin-top:    4px;
 138   margin-bottom: 10px;
 139   color:         #993333;
 140 }
 141
 142 h1 {
 143   font-weight:    normal;
 144 }
 145 h2, h3, h4, h5, h6 {
 146   font-weight:    bolder;
 147 }
 148
 149
 150 h1 {
 151   font-size:    2em;
 152   font-variant: small-caps;
 153   text-align:   center;
 154 }
 155
 156 h2 {
 157   font-size:    1.75em;
 158   font-variant: small-caps;
 159   font-weight:  bolder;
 160 }
 161
 162 h3 {
 163   font-size:    1.5em;
 164   font-weight:  bolder;
 165 }
 166
 167 h4 {
 168   font-size:   1.25em;
 169   font-style:  italic;
 170 }
 171
 172 h5 {
 173   font-size:   1.0em;
 174   font-style:  italic;
 175 }
 176
 177 h6 {
 178   font-size:    0.8em;
 179   font-weight:  bold;
 180 }
 181
 182 .standout {
 183   font-family:   verdana,
 184                  arial,
 185                  sans-serif;
 186   font-size:     12px;
 187   color:         #933;
 188   line-height:   13px;
 189   font-weight:   bold;
 190   margin-bottom: 10px;
 191 }
 192
 193 .dim {
 194   color:    #999;
 195 }