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 }