maps/css/MAPSPlain.css

   1 /************************************************************************/
   2 /* File:        MAPSPlain.css                                           */
   3 /* Description: Cascading Style Sheet definitions for MAPS (plain       */
   4 /*              version)                                                */
   5 /* Author:      Andrew@DeFaria.com                                      */
   6 /* Created:     Mon Nov  3 21:55:05 PST 2003                            */
   7 /* Language:    Cascading Style Sheet                                   */
   8 /*                                                                      */
   9 /* (c) Copyright 2003, Andrew@DeFaria.com, all rights reserved.         */
  10 /************************************************************************/
  11 body {
  12   background-color:     white;
  13   color:                #000066;
  14   font-family:          trebuchet MS,
  15                         trebuchet,
  16                         verdana,
  17                         arial,
  18                         sans-serif;
  19   font-size:            16px;
  20   margin:               10px;
  21 }
  22
  23 .heading {
  24   margin-left:          140px;
  25   margin-top:           5px;
  26   padding:              5px;
  27 }
  28
  29 .leftbar {
  30   height:               auto;
  31   left:                 2px;
  32   position:             absolute;
  33   top:                  5px;
  34   width:                135px;
  35 }
  36
  37 .username {
  38   color:                white;
  39   font-family:          veranda, arial;
  40   font-style:           bold;
  41   font-size:            14px;
  42   margin-left:          2px;
  43   margin-bottom:        5px;
  44   text-align:           center;
  45   width:                125px;
  46 }
  47
  48 .menu {
  49   background-color:     #579;
  50   background-image:     url(/maps/images/world.gif);
  51   border:               2px groove black;
  52   font-family:          verdana, geneva, arial, helvetica, sans-serif;
  53   font-size:            14px;
  54   font-weight:          bold;
  55   line-height:          150%;
  56   margin:               2px;
  57   padding:              2px;
  58   width:                122px;
  59 }
  60
  61 .intromenu {
  62   background-color:     #579;
  63   border:               2px groove black;
  64   font-family:          verdana, geneva, arial, helvetica, sans-serif;
  65   font-size:            14px;
  66   font-weight:          bold;
  67   line-height:          150%;
  68   margin:               2px;
  69   padding:              2px;
  70   width:                125px;
  71 }
  72
  73 .search {
  74   background:           #4682b4;
  75   border:               2px groove black;
  76   color:                white;
  77   font-family:          veranda, arial;
  78   font-style:           bold;
  79   margin-left:          2px;
  80   margin-right:         5px;
  81   text-align:           center;
  82   width:                125px;
  83 }
  84
  85 .quickstats {
  86   background-color:     #ffffcc;
  87   border:               2px groove #336699;
  88   color:                black;
  89   font-size:            10px;
  90   line-height:          10px;
  91   margin:               2px;
  92   padding:              2;
  93   width:                125px;
  94 }
  95
  96 .content {
  97   background:           #fff;
  98   border:               0.1px solid #fff;
  99   color:                #666;
 100   font-family:          trebuchet MS, trebuchet, verdana, arial, sans-serif;
 101   margin:               5px;
 102   padding:              5px;
 103   width:                auto;
 104 }
 105
 106 .copyright {
 107   border-bottom:        1px dotted #ccc;
 108   border-top:           1px dotted #ccc;
 109   color:                #666;
 110   font-family:          verdana, arial, sans-serif;
 111   font-size:            10px;
 112   margin-top:           5px;
 113   text-align:           center;
 114   width:                auto;
 115 }
 116
 117 .label {
 118   color:                #993333;
 119   font-weight:          bold;
 120   font-size:            14px;
 121 }
 122
 123 .smalllabel {
 124   color:                #993333;
 125   font-weight:          bold;
 126   font-size:            12px;
 127 }
 128
 129 .smallnumber {
 130   color:                black;
 131   font-size:            12px;
 132 }
 133
 134 .header {
 135   color:                #000099;
 136   font-weight:          bold;
 137 }
 138
 139 .standout {
 140   color:                red
 141 }
 142
 143 .error {
 144   color:                red;
 145   font-style:           bold;
 146 }
 147
 148 .dim {
 149   color:                #999999;
 150 }
 151
 152 .dimsmall {
 153   color:                #999999;
 154   font-size:            0.9em;
 155   font-family:          Times;
 156 }
 157
 158 .highlite {
 159   color:                #000099;
 160   font-weight:          bold;
 161 }
 162
 163 .inputfield {
 164   background:           #ece9d8;
 165   color:                Black;
 166   font-family:          Veranda,
 167                         Times;
 168   font-size:            12px;
 169   padding-top:          0px;
 170   padding-bottom:       0px;
 171 }
 172
 173 .note {
 174   background:           #339999;
 175   color:                White;
 176   font-weight:          bold;
 177 }
 178
 179 .notetext {
 180   color:                #333;
 181   font-size:            12px;
 182   font-weight:          italic;
 183 }
 184
 185 # Headers
 186 h1, h2, h3, h4, h5 {
 187   color:                #000099;
 188 }
 189
 190 h1 {
 191   font-size:            18pt;
 192 }
 193
 194 h2 {
 195   font-size:            14pt;
 196 }
 197
 198 h3 {
 199   font-size:            10pt;
 200 }
 201
 202 h4 {
 203   font-size:            8pt;
 204 }
 205
 206 # Global anchor effects
 207 a {
 208   background:           transparent;
 209   text-decoration:      none;
 210 }
 211
 212 a:link {
 213   color:                #0000ee;
 214 }
 215
 216 a:visited {
 217   color:                #cc33cc;
 218 }
 219
 220 a:hover {
 221   color:                White;
 222   background:           #0054e3;
 223 }
 224
 225 a:active {
 226   color:                #ff0000;
 227 }
 228
 229 # Special anchor effects
 230 .sender {
 231   font-weight:          bold
 232 }
 233
 234 .sender a:link {
 235   color:                Red;
 236 }
 237
 238 .sender a:visited {
 239   color:                #0054e3;
 240 }
 241
 242 .sender a:hover {
 243   color:                White;
 244   background:           Red;
 245 }
 246
 247 .sender a:active {
 248   color:                Yellow;
 249 }
 250
 251 # Menu anchors
 252 .menu {
 253   font-weight:          bold;
 254 }
 255
 256 .menu a:link {
 257   color:                Red;
 258 }
 259
 260 .menu a:visited {
 261   color:                white;
 262 }
 263
 264 .menu a:hover {
 265   color:                White;
 266   background:           Red;
 267 }
 268
 269 .menu a:active {
 270   color:                Yellow;
 271 }
 272
 273 # Intromenu anchors
 274 .intromenu {
 275   font-weight:          bold;
 276 }
 277
 278 .intromenu a:link {
 279   color:                Red;
 280 }
 281
 282 .intromenu a:visited {
 283   color:                white;
 284 }
 285
 286 .intromenu a:hover {
 287   color:                White;
 288   background:           Red;
 289 }
 290
 291 .intromenu a:active {
 292   color:                Yellow;
 293 }
 294
 295 .leftbox {
 296   border:               thin silver solid;
 297   float:                left;
 298   width:                25%;
 299   margin:               0.5em;
 300   padding:              0.5em;
 301   background:           #f8f8f8;
 302   color:                black;
 303   font-size:            12px;
 304   -moz-border-radius:   10px;
 305 }
 306
 307 .rightbox {
 308   border:               thin silver solid;
 309   float:                right;
 310   width:                25%;
 311   margin:               0.5em;
 312   padding:              0.5em;
 313   background:           #f8f8f8;
 314   color:                black;
 315   font-size:            12px;
 316   -moz-border-radius:   10px;
 317 }