public/stylesheets/site.css

   1 a {\r
   2   color: #0000ff;\r
   3   text-decoration: none;\r
   4 }\r
   5 a:visited {\r
   6   color: #0000ff;\r
   7   text-decoration: none;\r
   8 }\r
   9 a:active {\r
  10   color: #0000ff;\r
  11   text-decoration: none;\r
  12 }\r
  13 a:link {\r
  14   color: #0000ff;\r
  15   text-decoration: none;\r
  16 }\r
  17 a:hover {\r
  18   color: #0000ff;\r
  19   text-decoration: underline;\r
  20 }\r
  21 \r
  22 #frontpage_main {\r
  23   width: 100%;\r
  24   text-align: center;\r
  25   font-family: sans-serif;\r
  26 }\r
  27 \r
  28 \r
  29 #frontpage_MAIN h1 {\r
  30   font-size: xx-large;\r
  31   font-weight: normal;\r
  32 }\r
  33 \r
  34 body {\r
  35   font-family: Arial,sans-serif;\r
  36   color: Black;\r
  37   margin: 0;\r
  38   padding: 0;\r
  39 }\r
  40 \r
  41 #left {\r
  42   position: absolute;\r
  43   top: -8px;\r
  44   min-width: 150px;\r
  45 }\r
  46 \r
  47 #logo {\r
  48   width: 150px;\r
  49   min-width: 150px;\r
  50   padding: 10px;\r
  51   margin: 10px;\r
  52   height: 150px;\r
  53   background: #ffffff;\r
  54   border: 1px solid #ccccdd;\r
  55 }\r
  56 #logo h1 {\r
  57   font-size: 14px;\r
  58   text-align: center;\r
  59   margin: 0;\r
  60 }\r
  61 #logo h2 {\r
  62   font-size: 10px;\r
  63   margin: 0;\r
  64 }\r
  65 \r
  66 #greeting {\r
  67   float: right;\r
  68   padding-right: 10px;\r
  69   padding-top: 5px;\r
  70   padding-bottom: 7px;\r
  71   font-size: 13px;\r
  72   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
  73 }\r
  74 \r
  75 #intro {\r
  76   width: 150px;\r
  77   margin: 10px;\r
  78   padding: 10px;\r
  79   border: 1px solid #ccc;\r
  80   font-size: 11px;\r
  81 }\r
  82 \r
  83 #left_menu {\r
  84   width: 150px;\r
  85   min-width: 150px;\r
  86   margin: 10px;\r
  87   padding: 10px;\r
  88   border: 1px solid #ccc;\r
  89   left: 0px;\r
  90   background: #ddd;\r
  91   line-height: 1.2em;\r
  92   text-align: Left;\r
  93   font-size: 14px;\r
  94   font-weight: bold;\r
  95 }\r
  96 #left_menu td {\r
  97   font-size: 12px;\r
  98   padding-right: 4px;\r
  99 }\r
 100 #left_menu h1 {\r
 101   font-style: normal;\r
 102   font-size: 15px;\r
 103   padding: 0 0 0 1em;\r
 104   text-align: left;\r
 105 }\r
 106 \r
 107 #left_menu ul {\r
 108   /*list-style: none;*/\r
 109   padding-left: 10px;\r
 110   margin: 0;\r
 111 }\r
 112 \r
 113 #left_menu li {\r
 114   margin:0;\r
 115   padding:0;\r
 116 }\r
 117 \r
 118 #left_menu img {\r
 119   margin: 2px 8px 0 0;\r
 120 }\r
 121 \r
 122 #left_menu a {\r
 123   color: #000000;\r
 124   text-decoration: none;\r
 125 }\r
 126 \r
 127 #left_menu a:visited {\r
 128   color: #000000;\r
 129   text-decoration: none;\r
 130 }\r
 131 \r
 132 #left_menu a:active {\r
 133   color: #000000;\r
 134   text-decoration: none;\r
 135 }\r
 136 \r
 137 #left_menu a:link {\r
 138   color: #000000;\r
 139   text-decoration: none;\r
 140 }\r
 141 \r
 142 #left_menu a:hover {\r
 143   color: #000000;\r
 144   text-decoration: underline;\r
 145 }\r
 146 \r
 147 \r
 148 #content {\r
 149   width: 700px;\r
 150   padding: 0;\r
 151   /*padding-left: 1em;*/\r
 152   margin: 0;\r
 153   position: absolute;\r
 154   left: 192px;\r
 155   top: 35px;\r
 156   background: none;\r
 157   line-height: 1.2em;\r
 158   text-align: left;\r
 159 }\r
 160 \r
 161 #bottom_bar {\r
 162   position: absolute;\r
 163   bottom: 0px;\r
 164   width: 100%;\r
 165   font-size: x-small;\r
 166   text-align: center;\r
 167 }\r
 168 \r
 169 \r
 170 #mapImage {\r
 171   position: absolute;\r
 172   left: 0px;\r
 173 }\r
 174 #drag {\r
 175   top: 0px;\r
 176   left: 14px;\r
 177 }\r
 178 #mapEpilog {\r
 179   font-size: x-small;\r
 180 \r
 181 }\r
 182 \r
 183 #keyvalue {\r
 184   font-size: small;\r
 185   text-align: left;\r
 186   border-collapse: collapse;\r
 187   border-width: 0;\r
 188 }\r
 189 \r
 190 #keyvalue.th {\r
 191   font-weight: bold;\r
 192 }\r
 193 \r
 194 .emphasized {\r
 195   background-color: #82bcff;\r
 196 }\r
 197 \r
 198 \r
 199 #header {\r
 200   float:left;\r
 201   width:100%;\r
 202   background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
 203   font-size:93%;\r
 204   line-height:normal;\r
 205 }\r
 206 #header ul {\r
 207   margin:0;\r
 208   padding:10px 10px 0px 215px;\r
 209   list-style:none;\r
 210 }\r
 211 #header li {\r
 212   float:left;\r
 213   /*background:url("left.gif") no-repeat left top;*/\r
 214   margin:0;\r
 215   padding:0 0 0 9px;\r
 216 }\r
 217 #header li a {\r
 218   float:left;\r
 219   display:block;\r
 220   /*background:url("right.gif") no-repeat right top;*/\r
 221   padding:5px 15px 4px 6px;\r
 222   text-decoration:none;\r
 223   font-weight:bold;\r
 224   color:#765;\r
 225 }\r
 226 /* Commented Backslash Hack\r
 227 hides rule from IE5-Mac \*/\r
 228 #header li a {float:none;}\r
 229 /* End IE5-Mac hack */\r
 230 #header li a:hover {\r
 231   color:#333;\r
 232 }\r
 233 #header #current {\r
 234   /* background-image:url("left_on.gif"); */\r
 235 }\r
 236 #header #current a {\r
 237   background-image:url("right_on.gif");\r
 238   color:#333;\r
 239   padding-bottom:5px;\r
 240 }\r
 241 \r
 242 #tabnav\r
 243 {\r
 244   height: 20px;\r
 245   margin: 0;\r
 246   padding-left: 215px;\r
 247   padding-top: 5px;\r
 248   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 249 }\r
 250 #tabnav li\r
 251 {\r
 252   margin: 0; \r
 253   padding: 0;\r
 254   display: inline;\r
 255   list-style-type: none;\r
 256 }\r
 257 #tabnav a, #tabnav a:link, #tabnav a:visited \r
 258 {\r
 259   float: left;\r
 260   background: #f3f3f3;\r
 261   font-size: 13px;\r
 262   line-height: 14px;\r
 263   font-weight: bold;\r
 264   padding: 2px 10px 2px 10px;\r
 265   margin-right: 4px;\r
 266   border: 1px solid #ccc;\r
 267   text-decoration: none;\r
 268   color: #333;\r
 269 }\r
 270 #tabnav a:link.active, #tabnav a:visited.active\r
 271 {\r
 272   border-bottom: 1px solid #fff;\r
 273   background: #fff;\r
 274   color: #000;\r
 275 }\r
 276 #tabnav a:link:hover\r
 277 {\r
 278   background: #fff;\r
 279 }\r
 280 \r
 281 #gads {\r
 282   /*  position: absolute; */\r
 283   left: 100px;\r
 284   width: 700px;\r
 285   text-align: center;\r
 286   font-size: 10px;\r
 287 }\r
 288 \r
 289 #geocoder {\r
 290   font-size: 12px;\r
 291   padding-top: 5px;\r
 292   padding-left: 14px;\r
 293 }\r
 294 \r
 295 .gpxsummary {\r
 296   font-size: 12px;\r
 297   color: gray;\r
 298 }\r
 299 \r
 300 .gpxdesc {\r
 301   font-style: italic;\r
 302 }\r
 303 \r
 304 .table0 { \r
 305   background: #f6f6f6;\r
 306 }\r
 307 \r
 308 .table1 { \r
 309   background: #fff;\r
 310 }\r
 311 \r
 312 \r
 313 .optionalbox {\r
 314   width: 150px;\r
 315   min-width: 150px;\r
 316   margin: 10px;\r
 317   padding: 10px;\r
 318   border: 1px solid #ccc;\r
 319   left: 0px;\r
 320   line-height: 1.2em;\r
 321   text-align: Left;\r
 322   font-size: 12px;\r
 323   background: #eee;\r
 324 }\r
 325 \r
 326 .oboxheader {\r
 327   font-size: 18px;\r
 328 }\r
 329 \r
 330 .rsssmall {\r
 331   position: relative;\r
 332   top: 4px;\r
 333 }\r
 334 \r
 335 #cclogo {\r
 336   width: 150px;\r
 337   min-width: 150px;\r
 338   margin: 10px;\r
 339   padding: 10px;\r
 340   left: 0px;\r
 341   line-height: 1.2em;\r
 342   text-align: Left;\r
 343   font-size: 14px;\r
 344   font-weight: bold;\r
 345   background: #fff;\r
 346 }\r
 347 \r
 348 #controls img\r
 349 {\r
 350   z-index: 9999;\r
 351 }\r
 352 \r
 353 #controls\r
 354 {\r
 355   position:absolute;\r
 356   top:0px;\r
 357   left:0px;\r
 358   width:64px;\r
 359   height:32px;\r
 360   z-index: 9998;\r
 361   cursor: pointer;\r
 362 }\r
 363 \r
 364 \r
 365 /* rails error field stuff */\r
 366 \r
 367 .fieldWithErrors {\r
 368   padding: 2px;\r
 369   background-color: red;\r
 370   display: table;\r
 371 }\r
 372 \r
 373 #notice {\r
 374   width: 400px;\r
 375   border: 1px solid black;\r
 376   padding: 7px;\r
 377   background-color: #f0f0f0;\r
 378 }\r
 379 \r
 380 #errorExplanation {\r
 381   width: 400px;\r
 382   border: 2px solid red;\r
 383   padding: 7px;\r
 384   padding-bottom: 12px;\r
 385   margin-bottom: 20px;\r
 386   background-color: #f0f0f0;\r
 387 }\r
 388 \r
 389 #errorExplanation h2 {\r
 390   text-align: left;\r
 391   font-weight: bold;\r
 392   padding: 5px 5px 5px 15px;\r
 393   font-size: 12px;\r
 394   margin: -7px;\r
 395   background-color: #c00;\r
 396   color: #fff;\r
 397 }\r
 398 \r
 399 #errorExplanation p {\r
 400   color: #333;\r
 401   margin-bottom: 0;\r
 402   padding: 5px;\r
 403 }\r
 404 \r
 405 #errorExplanation ul li {\r
 406   font-size: 12px;\r
 407   list-style: square;\r
 408 }\r
 409 \r
 410 input {\r
 411  border: 1px solid black;\r
 412 }\r