maps/doc/maps.css

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