theme/default/style/html.css

   1 /**************************************************************\r
   2    AUTHOR:  Pat Heard (fullahead.org)\r
   3    DATE:    2006.09.12 \r
   4    PURPOSE: Styles the html elements\r
   5  **************************************************************/\r
   6 \r
   7 /* Forces horizontal scrollbar on in Mozilla */\r
   8 html {\r
   9   margin-bottom: 1px;\r
  10 }\r
  11 \r
  12 html,\r
  13 body {\r
  14   height: 100%;\r
  15 }\r
  16 \r
  17 body {\r
  18   margin: 0;\r
  19   padding: 0;\r
  20   text-align: center;\r
  21 \r
  22   font: 400 0.8em georgia, serif;\r
  23   line-height: 180%;\r
  24 \r
  25   background: url(../image/body.jpg) repeat top left;\r
  26   color: #6D6864;\r
  27 }\r
  28 \r
  29 h1, h2, h3, h4, h5, h6, p, dl {\r
  30   margin: 0;\r
  31   padding: 10px 0;\r
  32 }\r
  33 \r
  34 h1 {   \r
  35   clear: both;\r
  36   font: 400 1.9em georgia, serif;\r
  37   color: #532406;  \r
  38 }\r
  39 \r
  40 h2 {\r
  41   clear: both;\r
  42   font: 400 1.3em georgia, serif;\r
  43   color: #61804E;\r
  44 }\r
  45 \r
  46 h3 {\r
  47   font: 700 1.1em georgia, serif;\r
  48   color: #8F512A;\r
  49 }\r
  50 \r
  51 h4 {\r
  52   font: 400 0.9em georgia, serif;\r
  53   text-transform: uppercase;\r
  54 }\r
  55 \r
  56 a {\r
  57   text-decoration: none;\r
  58   color: #5E9040;  \r
  59   border-bottom: 1px solid #B8E78B;\r
  60 }\r
  61 \r
  62 \r
  63 a:visited {\r
  64   background-color: #F1FFE3;\r
  65 }\r
  66 \r
  67 a:hover {\r
  68   color: #3C5D29;\r
  69   background-color: #F1FFE3;\r
  70   border-bottom: 1px solid #4A6E35;\r
  71 }\r
  72 \r
  73 \r
  74 ol {  \r
  75   margin: 10px 30px;\r
  76   padding: 0 30px;\r
  77 \r
  78   font-size: 1.4em;\r
  79   color: #532406;\r
  80   background-color: #FFF;\r
  81 }\r
  82 \r
  83 ol span {\r
  84   font-size: 0.7em;\r
  85   color: #6D6864;\r
  86 }\r
  87 \r
  88 ul {\r
  89   margin: 10px 30px;\r
  90   padding: 0 30px 0 5px;\r
  91   list-style: none;\r
  92 }\r
  93 \r
  94 ul li {\r
  95   padding-left: 25px;\r
  96   background: url(../image/bullet.gif) no-repeat;\r
  97   background-position: 0 3px;\r
  98 }\r
  99 \r
 100 acronym {\r
 101   cursor: help;\r
 102   border-bottom: 1px solid #DDD;\r
 103 }\r
 104 \r
 105 blockquote {\r
 106   margin: 10px 0;\r
 107   background-color: #F1FFE3;\r
 108   border-bottom: 1px solid #B8E78B;\r
 109 }\r
 110 \r
 111 blockquote p {\r
 112   margin: 0.4em 0.8em;\r
 113 }\r
 114 \r
 115 del {\r
 116   color: #AAA;\r
 117 }\r
 118 \r
 119 code {\r
 120   margin: 15px 0;\r
 121   padding: 10px;\r
 122   display: block;\r
 123   overflow: auto;\r
 124   \r
 125   font: 400 1em courier, monospace;\r
 126   line-height: 120%;\r
 127   white-space: pre;\r
 128   \r
 129   background: #F4F4F4;\r
 130   border-bottom: 1px solid #D3D3D3;\r
 131 }\r
 132 \r
 133 \r
 134 \r
 135 /**************************************************************\r
 136    Tables\r
 137  **************************************************************/\r
 138 \r
 139 table {\r
 140   width: 100%;\r
 141   margin-bottom: 10px;  \r
 142   \r
 143   font-size: 1em;\r
 144   border-collapse: collapse;\r
 145 }\r
 146 \r
 147 table caption {\r
 148   margin-top: 10px;\r
 149   padding: 0 0 0.5em 3px;\r
 150 \r
 151   font: 400 0.8em georgia, sans-serif;\r
 152   text-align: left;  \r
 153 }\r
 154 \r
 155 table th,\r
 156 table td {\r
 157   text-align: left;\r
 158   vertical-align: top;\r
 159   padding: 4px 7px !important;\r
 160   padding: 6px 10px;\r
 161 }\r
 162 \r
 163 \r
 164 thead th {\r
 165   background-color: #F1FFE3;\r
 166   border-bottom: 1px solid #B8E78B;\r
 167 }\r
 168 \r
 169 tbody tr.dark {\r
 170   background-color: #F5F5F5;\r
 171 }\r
 172 \r
 173 tbody td {\r
 174   border-bottom: 1px solid #DDD;\r
 175 }\r
 176 \r
 177 tbody tr:hover {\r
 178   background-color: #FBFEDF;\r
 179 }\r
 180 \r
 181 /**************************************************************\r
 182    Form Elements\r
 183  **************************************************************/\r
 184 \r
 185 label {\r
 186   float: left;\r
 187   text-align: right;\r
 188   width: 9em;\r
 189   padding-right: 1em;\r
 190   \r
 191 }\r
 192 \r
 193 \r
 194 input,\r
 195 textarea,\r
 196 select {\r
 197   padding: 4px;\r
 198   font: 400 1em georgia, sans-serif;\r
 199   \r
 200   color: #666;\r
 201   background: #FFF;\r
 202   border-width: 1px;\r
 203   border-style: solid;\r
 204   border-color: #888 #DDD #DDD #888;  \r
 205 }\r
 206 \r
 207 \r
 208 input:focus,\r
 209 textarea:focus,\r
 210 select:focus {  \r
 211   padding: 3px;\r
 212   color: #000;\r
 213   background: #F1FFE3;\r
 214   border-width: 2px;\r
 215 }\r
 216 \r
 217 input.button {\r
 218   padding: 1px 10px;\r
 219 \r
 220   font: 400 1em georgia, sans-serif;\r
 221   cursor: pointer;\r
 222 \r
 223   color: #fff;\r
 224   background: #508231;\r
 225   border-width: 1px;\r
 226   border-style: solid;\r
 227   border-color: #B8E78B #2D5018 #2D5018 #B8E78B;\r
 228 }\r
 229 \r
 230 .required {\r
 231   cursor: help;\r
 232   border-bottom: 1px solid #CCC;\r
 233 }\r
 234 \r
 235 \r
 236 \r
 237 /**************************************************************\r
 238    Images\r
 239  **************************************************************/\r
 240 \r
 241 img.floatRight {\r
 242   margin: 5px 0px 10px 15px;  \r
 243 }\r
 244 \r
 245 img.floatLeft {\r
 246   margin: 5px 15px 10px 0px;\r
 247 }\r
 248 \r
 249 a img {  \r
 250   border: 4px solid #D5C9C2;\r
 251 }\r
 252 \r
 253 a:hover img {  \r
 254   border: 4px solid #BAAAA1;\r
 255 }\r