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