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   height: 20px;\r
  69   margin: 0px;\r
  70   padding-right: 10px;\r
  71   padding-top: 5px;\r
  72   font-size: 13px;\r
  73   line-height: 14px;\r
  74   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
  75 }\r
  76 \r
  77 #intro {\r
  78   width: 150px;\r
  79   margin: 10px;\r
  80   padding: 10px;\r
  81   border: 1px solid #ccc;\r
  82   font-size: 11px;\r
  83 }\r
  84 \r
  85 #alert {\r
  86   width: 150px;\r
  87   margin: 10px;\r
  88   padding: 10px;\r
  89   border: 1px solid #ccc;\r
  90   background: #d00;\r
  91   line-height: 1.2em;\r
  92   text-align: left;\r
  93   font-size: 14px;\r
  94 }\r
  95 \r
  96 .left_menu {\r
  97   width: 150px;\r
  98   min-width: 150px;\r
  99   margin: 10px;\r
 100   padding: 10px;\r
 101   border: 1px solid #ccc;\r
 102   left: 0px;\r
 103   background: #ddd;\r
 104   line-height: 1.2em;\r
 105   text-align: Left;\r
 106   font-size: 14px;\r
 107   font-weight: bold;\r
 108 }\r
 109 \r
 110 .left_menu td {\r
 111   font-size: 12px;\r
 112   padding-right: 4px;\r
 113 }\r
 114 \r
 115 .left_menu h1 {\r
 116   font-style: normal;\r
 117   font-size: 15px;\r
 118   padding: 0 0 0 1em;\r
 119   text-align: left;\r
 120 }\r
 121 \r
 122 .left_menu ul {\r
 123   /*list-style: none;*/\r
 124   padding-left: 10px;\r
 125   margin: 0;\r
 126 }\r
 127 \r
 128 .left_menu li {\r
 129   margin:0;\r
 130   padding:0;\r
 131 }\r
 132 \r
 133 .left_menu img {\r
 134   margin: 2px 8px 0 0;\r
 135 }\r
 136 \r
 137 .left_menu a {\r
 138   color: #000000;\r
 139   text-decoration: none;\r
 140 }\r
 141 \r
 142 .left_menu a:visited {\r
 143   color: #000000;\r
 144   text-decoration: none;\r
 145 }\r
 146 \r
 147 .left_menu a:active {\r
 148   color: #000000;\r
 149   text-decoration: none;\r
 150 }\r
 151 \r
 152 .left_menu a:link {\r
 153   color: #000000;\r
 154   text-decoration: none;\r
 155 }\r
 156 \r
 157 .left_menu a:hover {\r
 158   color: #000000;\r
 159   text-decoration: underline;\r
 160 }\r
 161 \r
 162 #messages {\r
 163   border: 1px solid #ccc;\r
 164 }\r
 165 \r
 166 \r
 167 #content {\r
 168   padding: 0;\r
 169   margin: 0;\r
 170   position: absolute; \r
 171   left: 192px;\r
 172   right: 10px;\r
 173   top: 35px;\r
 174   bottom: 10px;\r
 175   line-height: 1.2em;\r
 176   text-align: left;\r
 177 }\r
 178 \r
 179 #bottom_bar {\r
 180   position: absolute;\r
 181   bottom: 0px;\r
 182   width: 100%;\r
 183   font-size: x-small;\r
 184   text-align: center;\r
 185 }\r
 186 \r
 187 #mapImage {\r
 188   position: absolute;\r
 189   left: 0px;\r
 190 }\r
 191 #drag {\r
 192   top: 0px;\r
 193   left: 14px;\r
 194 }\r
 195 \r
 196 #mapEpilog {\r
 197   font-size: x-small;\r
 198 }\r
 199 \r
 200 #keyvalue {\r
 201   font-size: small;\r
 202   text-align: left;\r
 203   border-collapse: collapse;\r
 204   border-width: 0;\r
 205 }\r
 206 \r
 207 #keyvalue.th {\r
 208   font-weight: bold;\r
 209 }\r
 210 \r
 211 .emphasized {\r
 212   background-color: #82bcff;\r
 213 }\r
 214 \r
 215 \r
 216 #header {\r
 217   float:left;\r
 218   width:100%;\r
 219   background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
 220   font-size:93%;\r
 221   line-height:normal;\r
 222 }\r
 223 #header ul {\r
 224   margin:0;\r
 225   padding:10px 10px 0px 215px;\r
 226   list-style:none;\r
 227 }\r
 228 #header li {\r
 229   float:left;\r
 230   /*background:url("left.gif") no-repeat left top;*/\r
 231   margin:0;\r
 232   padding:0 0 0 9px;\r
 233 }\r
 234 #header li a {\r
 235   float:left;\r
 236   display:block;\r
 237   /*background:url("right.gif") no-repeat right top;*/\r
 238   padding:5px 15px 4px 6px;\r
 239   text-decoration:none;\r
 240   font-weight:bold;\r
 241   color:#765;\r
 242 }\r
 243 /* Commented Backslash Hack\r
 244 hides rule from IE5-Mac \*/\r
 245 #header li a {float:none;}\r
 246 /* End IE5-Mac hack */\r
 247 #header li a:hover {\r
 248   color:#333;\r
 249 }\r
 250 #header #current {\r
 251   /* background-image:url("left_on.gif"); */\r
 252 }\r
 253 #header #current a {\r
 254   background-image:url("right_on.gif");\r
 255   color:#333;\r
 256   padding-bottom:5px;\r
 257 }\r
 258 \r
 259 #tabnav\r
 260 {\r
 261   height: 20px;\r
 262   margin: 0px;\r
 263   padding-left: 215px;\r
 264   padding-top: 5px;\r
 265   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 266 }\r
 267 #tabnav li\r
 268 {\r
 269   margin: 0; \r
 270   padding: 0;\r
 271   display: inline;\r
 272   list-style-type: none;\r
 273 }\r
 274 #tabnav a, #tabnav a:link, #tabnav a:visited \r
 275 {\r
 276   float: left;\r
 277   background: #f3f3f3;\r
 278   font-size: 13px;\r
 279   line-height: 14px;\r
 280   font-weight: bold;\r
 281   padding: 2px 10px 2px 10px;\r
 282   margin-right: 4px;\r
 283   border: 1px solid #ccc;\r
 284   text-decoration: none;\r
 285   color: #333;\r
 286 }\r
 287 #tabnav a:link.active, #tabnav a:visited.active\r
 288 {\r
 289   border-bottom: 1px solid #fff;\r
 290   background: #fff;\r
 291   color: #000;\r
 292 }\r
 293 #tabnav a:link:hover\r
 294 {\r
 295   background: #fff;\r
 296 }\r
 297 \r
 298 #gads {\r
 299   /*  position: absolute; */\r
 300   left: 100px;\r
 301   width: 700px;\r
 302   text-align: center;\r
 303   font-size: 10px;\r
 304 }\r
 305 \r
 306 \r
 307 .gpxsummary {\r
 308   font-size: 12px;\r
 309   color: gray;\r
 310 }\r
 311 \r
 312 .gpxdesc {\r
 313   font-style: italic;\r
 314 }\r
 315 \r
 316 .table0 { \r
 317   background: #f6f6f6;\r
 318 }\r
 319 \r
 320 .table1 { \r
 321   background: #fff;\r
 322 }\r
 323 \r
 324 \r
 325 .optionalbox {\r
 326   width: 150px;\r
 327   min-width: 150px;\r
 328   margin: 10px;\r
 329   padding: 10px;\r
 330   border: 1px solid #ccc;\r
 331   left: 0px;\r
 332   line-height: 1.2em;\r
 333   text-align: Left;\r
 334   font-size: 12px;\r
 335   background: #eee;\r
 336 }\r
 337 \r
 338 .oboxheader {\r
 339   font-size: 14px;\r
 340   font-weight: bold;\r
 341   line-height: 1.4em;\r
 342   text-align: top;\r
 343 }\r
 344 \r
 345 .optionalbox form {\r
 346   margin: 0px;\r
 347   padding: 0px;\r
 348 }\r
 349 \r
 350 .optionalbox input {\r
 351   width: 100%;\r
 352 }\r
 353 \r
 354 .rsssmall {\r
 355   position: relative;\r
 356   top: 4px;\r
 357 }\r
 358 \r
 359 #cclogo {\r
 360   width: 150px;\r
 361   min-width: 150px;\r
 362   margin: 10px;\r
 363   padding: 10px;\r
 364   left: 0px;\r
 365   line-height: 1.2em;\r
 366   text-align: Left;\r
 367   font-size: 14px;\r
 368   font-weight: bold;\r
 369   background: #fff;\r
 370 }\r
 371 \r
 372 #controls img\r
 373 {\r
 374   z-index: 9999;\r
 375 }\r
 376 \r
 377 #controls\r
 378 {\r
 379   position:absolute;\r
 380   top:0px;\r
 381   left:0px;\r
 382   width:64px;\r
 383   height:32px;\r
 384   z-index: 9998;\r
 385   cursor: pointer;\r
 386 }\r
 387 \r
 388 #map {\r
 389   position: absolute;\r
 390   border: 1px solid black;\r
 391   margin: 0px; \r
 392   padding: 0px;\r
 393   left: 0px;\r
 394   right: 2px;\r
 395   top: 0px;\r
 396   bottom: 0px;\r
 397 }\r
 398 \r
 399 #search_results {\r
 400   display: none;\r
 401   position: absolute;\r
 402   border: 1px solid black;\r
 403   margin: 0px;\r
 404   padding: 0px;\r
 405   width: 30%;\r
 406   left: 0px;\r
 407   top: 0px;\r
 408   bottom: 0px;\r
 409 }\r
 410 \r
 411 #search_results_content {\r
 412   overflow: auto;\r
 413   position: absolute;\r
 414   font-size: 13px;\r
 415   line-height: 14px;\r
 416   top: 29px;\r
 417   bottom: 0px;\r
 418   left: 0px;\r
 419   right: 0px;\r
 420 }\r
 421 \r
 422 .search_results_title {\r
 423   margin: 0px;\r
 424   padding: 3px 6px 3px 6px;\r
 425   height: 29px;\r
 426   font-size: 14px;\r
 427   line-height: 15px;\r
 428   border-bottom: 1px solid black;\r
 429   background: #bbb;\r
 430 }\r
 431 \r
 432 .search_results_heading {\r
 433   margin: 0px;\r
 434   padding: 3px 6px 3px 6px;\r
 435   border: 1px solid #ccc;\r
 436   background: #ddd;\r
 437 }\r
 438 \r
 439 .search_results_entry {\r
 440   margin: 0px;\r
 441   padding: 2px 6px 2px 6px;\r
 442 }\r
 443 \r
 444 .search_results_error {\r
 445   margin: 0px;\r
 446   padding: 2px 6px 0px 6px;\r
 447   color: #f00;\r
 448 }\r
 449 \r
 450 .search_help {\r
 451   font-size: 10px;\r
 452   line-height: 1em;\r
 453   margin-top: 3px;\r
 454   margin-bottom: 0px;\r
 455 }\r
 456 \r
 457 /* rails error field stuff */\r
 458 \r
 459 .fieldWithErrors {\r
 460   padding: 2px;\r
 461   background-color: red;\r
 462   display: table;\r
 463 }\r
 464 \r
 465 #notice {\r
 466   border: 1px solid green;\r
 467   padding: 7px;\r
 468   background-color: #f0fff0;\r
 469   margin-bottom: 20px;\r
 470 }\r
 471 \r
 472 #errorExplanation {\r
 473   width: 400px;\r
 474   border: 2px solid red;\r
 475   padding: 7px;\r
 476   padding-bottom: 12px;\r
 477   margin-bottom: 20px;\r
 478   background-color: #f0f0f0;\r
 479 }\r
 480 \r
 481 #errorExplanation h2 {\r
 482   text-align: left;\r
 483   font-weight: bold;\r
 484   padding: 5px 5px 5px 15px;\r
 485   font-size: 12px;\r
 486   margin: -7px;\r
 487   background-color: #c00;\r
 488   color: #fff;\r
 489 }\r
 490 \r
 491 #errorExplanation p {\r
 492   color: #333;\r
 493   margin-bottom: 0;\r
 494   padding: 5px;\r
 495 }\r
 496 \r
 497 #errorExplanation ul li {\r
 498   font-size: 12px;\r
 499   list-style: square;\r
 500 }\r
 501 \r
 502 input {\r
 503   border: 1px solid black;\r
 504 }\r
 505 \r
 506 .nohome .location {\r
 507   display: none;\r
 508 }\r
 509 \r
 510 #homerow .message {\r
 511   display: none;\r
 512 }\r
 513 \r
 514 .nohome .message {\r
 515   display: inline !important;\r
 516 }\r
 517 \r
 518 .editDescription {\r
 519   height : 10ex;\r
 520   width : 30em;\r
 521 }\r
 522 \r
 523 .nowrap {\r
 524   white-space: nowrap;\r
 525 }\r
 526 \r
 527 /**\r
 528  * This now just used to detect the width/height required for the popup.\r
 529  */\r
 530 #map p#highlightinfo {\r
 531     visibility : hidden;\r
 532     position : absolute;\r
 533     z-index : 10000;\r
 534     background : white;\r
 535     border : 1px solid black;\r
 536     left : 50px;\r
 537     top : 5px;\r
 538     margin : 0px;\r
 539     padding : 2px;\r
 540 }\r
 541 \r
 542 #map p#highlightinfo p, #popup p {\r
 543     margin : 0;\r
 544     padding : 2px;\r
 545   }\r
 546 \r
 547 \r
 548 /**State of the Map */\r
 549     \r
 550 #sotminfo {\r
 551   background: #9999FF;\r
 552   font-size: 11px;\r
 553   margin: 0px;\r
 554   padding: 0px;\r
 555   border: 1px solid #ccc;\r
 556   left: 0px;\r
 557   line-height: 1.2em;\r
 558   text-align: Left;\r
 559   font-weight: normal;\r
 560 }\r