public/stylesheets/site.css

   1 a, a:visited, a:active, a:link, a:hover {
   2   color: #00f;
   3   text-decoration: none;
   4 }
   5
   6 a:hover {
   7   text-decoration: underline;
   8 }
   9
  10 #frontpage_main {
  11   width: 100%;
  12   text-align: center;
  13   font-family: sans-serif;
  14 }
  15
  16
  17 #frontpage_MAIN h1 {
  18   font-size: xx-large;
  19   font-weight: normal;
  20 }
  21
  22 body {
  23   font-family: Arial,sans-serif;
  24   color: #000;
  25   background-color: #fff;
  26   margin: 0px;
  27   padding: 0px;
  28 }
  29
  30 #left {
  31   position: absolute;
  32   top: -8px;
  33   min-width: 150px;
  34 }
  35
  36 #logo {
  37   width: 150px;
  38   min-width: 150px;
  39   padding: 10px;
  40   margin: 10px;
  41   height: 150px;
  42   background: #fff;
  43   border: 1px solid #ccd;
  44 }
  45 #logo h1 {
  46   font-size: 14px;
  47   text-align: center;
  48   margin: 0px;
  49 }
  50 #logo h2 {
  51   font-size: 10px;
  52   margin: 0px;
  53 }
  54
  55 #greeting {
  56   float: right;
  57   height: 20px;
  58   margin: 0px;
  59   padding-right: 10px;
  60   padding-top: 5px;
  61   font-size: 13px;
  62   line-height: 14px;
  63   background: url('/images/tab_bottom.gif') repeat-x bottom;
  64 }
  65
  66 #intro {
  67   width: 170px;
  68   margin: 10px;
  69   border: 1px solid #ccc;
  70   font-size: 11px;
  71 }
  72
  73 #intro p { margin: 10px; }
  74
  75 #alert {
  76   width: 150px;
  77   margin: 10px;
  78   padding: 10px;
  79   border: 1px solid #ccc;
  80   background: #d00;
  81   line-height: 1.2em;
  82   text-align: left;
  83   font-size: 14px;
  84 }
  85
  86 #donate {
  87   width: 150px;
  88   margin: 10px;
  89   padding: 10px;
  90   border: 1px solid #ccc;
  91   background: #ea0;
  92   line-height: 1.2em;
  93   text-align: left;
  94   font-size: 12px;
  95 }
  96
  97 .left_menu {
  98   width: 150px;
  99   min-width: 150px;
 100   margin: 10px;
 101   padding: 10px;
 102   border: 1px solid #ccc;
 103   left: 0px;
 104   background: #ddd;
 105   line-height: 1.2em;
 106   text-align: Left;
 107   font-size: 14px;
 108   font-weight: bold;
 109 }
 110
 111 .left_menu td {
 112   font-size: 12px;
 113   padding-right: 4px;
 114 }
 115
 116 .left_menu h1 {
 117   font-style: normal;
 118   font-size: 15px;
 119   padding: 0em 0em 0em 1em;
 120   text-align: left;
 121 }
 122
 123 .left_menu ul {
 124   /*list-style: none;*/
 125   padding-left: 10px;
 126   margin: 0px;
 127 }
 128
 129 .left_menu li {
 130   margin: 0px;
 131   padding: 0px;
 132 }
 133
 134 .left_menu img {
 135   margin: 2px 8px 0px 0px;
 136 }
 137
 138 .left_menu a, .left_menu a:visited, .left_menu a:active, .left_menu a:link, .left_menu a:hover {
 139   color: #000;
 140   text-decoration: none;
 141 }
 142
 143 .left_menu a:hover {
 144   color: #000;
 145   text-decoration: underline;
 146 }
 147
 148 #messages {
 149   border: 1px solid #ccc;
 150 }
 151
 152
 153 #content {
 154   padding: 0px;
 155   margin: 0px;
 156   position: absolute;
 157   left: 192px;
 158   right: 10px;
 159   top: 35px;
 160   bottom: 10px;
 161   line-height: 1.2em;
 162   text-align: left;
 163 }
 164
 165 #bottom_bar {
 166   position: absolute;
 167   bottom: 0px;
 168   width: 100%;
 169   font-size: x-small;
 170   text-align: center;
 171 }
 172
 173 #mapImage {
 174   position: absolute;
 175   left: 0px;
 176 }
 177 #drag {
 178   top: 0px;
 179   left: 14px;
 180 }
 181
 182 #mapEpilog {
 183   font-size: x-small;
 184 }
 185
 186 #keyvalue {
 187   font-size: small;
 188   text-align: left;
 189   border-collapse: collapse;
 190   border-width: 0px;
 191 }
 192
 193 #keyvalue.th {
 194   font-weight: bold;
 195 }
 196
 197 .emphasized {
 198   background-color: #82bcff;
 199 }
 200
 201
 202 #header {
 203   float: left;
 204   width: 100%;
 205   background: #DAE0D2 url("bg.gif") repeat-x bottom;
 206   font-size: 93%;
 207   line-height: normal;
 208 }
 209 #header ul {
 210   margin: 0px;
 211   padding: 10px 10px 0px 215px;
 212   list-style: none;
 213 }
 214 #header li {
 215   float: left;
 216   /*background:url("left.gif") no-repeat left top;*/
 217   margin: 0px;
 218   padding: 0px 0px 0px 9px;
 219 }
 220 #header li a {
 221   float: left;
 222   display: block;
 223   /*background:url("right.gif") no-repeat right top;*/
 224   padding: 5px 15px 4px 6px;
 225   text-decoration: none;
 226   font-weight: bold;
 227   color: #765;
 228 }
 229 /* Commented Backslash Hack
 230 hides rule from IE5-Mac \*/
 231 #header li a {float:none;}
 232 /* End IE5-Mac hack */
 233 #header li a:hover {
 234   color: #333;
 235 }
 236 #header #current {
 237   /* background-image:url("left_on.gif"); */
 238 }
 239 #header #current a {
 240   background-image: url("right_on.gif");
 241   color: #333;
 242   padding-bottom: 5px;
 243 }
 244
 245 #tabnav
 246 {
 247   height: 20px;
 248   margin: 0px;
 249   padding-left: 215px;
 250   padding-top: 5px;
 251   background: url('/images/tab_bottom.gif') repeat-x bottom;
 252 }
 253 #tabnav li
 254 {
 255   margin: 0px;
 256   padding: 0px;
 257   display: inline;
 258   list-style-type: none;
 259 }
 260 #tabnav a, #tabnav a:link, #tabnav a:visited
 261 {
 262   float: left;
 263   background: #f3f3f3;
 264   font-size: 13px;
 265   line-height: 14px;
 266   font-weight: bold;
 267   padding: 2px 10px;
 268   margin-right: 4px;
 269   border: 1px solid #ccc;
 270   text-decoration: none;
 271   color: #333;
 272 }
 273 #tabnav a:link.active, #tabnav a:visited.active
 274 {
 275   border-bottom: 1px solid #fff;
 276   background: #fff;
 277   color: #000;
 278 }
 279 #tabnav a:link:hover
 280 {
 281   background: #fff;
 282 }
 283
 284 #gads {
 285   /*  position: absolute; */
 286   left: 100px;
 287   width: 700px;
 288   text-align: center;
 289   font-size: 10px;
 290 }
 291
 292
 293 .gpxsummary {
 294   font-size: 12px;
 295   color: gray;
 296 }
 297
 298 .gpxdesc {
 299   font-style: italic;
 300 }
 301
 302 .table0 {
 303   background: #f6f6f6;
 304 }
 305
 306 .table1 {
 307   background: #fff;
 308 }
 309
 310
 311 .optionalbox {
 312   width: 150px;
 313   min-width: 150px;
 314   margin: 10px;
 315   padding: 10px;
 316   border: 1px solid #ccc;
 317   left: 0px;
 318   line-height: 1.2em;
 319   text-align: left;
 320   font-size: 12px;
 321   background: #eee;
 322 }
 323
 324 .oboxheader {
 325   font-size: 14px;
 326   font-weight: bold;
 327   line-height: 22px;
 328   vertical-align: bottom;
 329 }
 330
 331 .whereami {
 332   position: absolute;
 333   right: 21px;
 334   line-height: 22px;
 335   vertical-align: bottom;
 336 }
 337
 338 .optionalbox form {
 339   margin: 0px;
 340   padding: 0px;
 341 }
 342
 343 #search_field form {
 344   width: 100%;
 345 }
 346
 347 #search_field input[type="text"] {
 348   width: 116px;
 349 }
 350
 351 #search_field input[type="submit"] {
 352   width: 26px;
 353 }
 354
 355 .search_form {
 356   height: 16px;
 357   padding-bottom: 6px;
 358 }
 359
 360 #search_active {
 361   display: none;
 362   color: red;
 363 }
 364
 365 .rsssmall {
 366   position: relative;
 367   top: 4px;
 368 }
 369
 370 .button {
 371   margin-left: auto;
 372   margin-right: auto;
 373   margin-top: 10px;
 374   margin-bottom: 10px;
 375 }
 376
 377 #controls img
 378 {
 379   z-index: 9999;
 380 }
 381
 382 #controls
 383 {
 384   position:absolute;
 385   top: 0px;
 386   left: 0px;
 387   width: 64px;
 388   height: 32px;
 389   z-index: 9998;
 390   cursor: pointer;
 391 }
 392
 393 #map {
 394   position: absolute;
 395   border: 1px solid black;
 396   margin: 0px;
 397   padding: 0px;
 398   left: 0px;
 399   right: 2px;
 400   top: 0px;
 401   bottom: 0px;
 402 }
 403
 404 #sidebar {
 405   display: none;
 406   position: absolute;
 407   border: 1px solid black;
 408   margin: 0px;
 409   padding: 0px;
 410   width: 30%;
 411   left: 0px;
 412   top: 0px;
 413   bottom: 0px;
 414 }
 415
 416 #sidebar_content {
 417   overflow: auto;
 418   position: absolute;
 419   font-size: 13px;
 420   line-height: 14px;
 421   top: 29px;
 422   bottom: 0px;
 423   left: 0px;
 424   right: 0px;
 425 }
 426
 427 .sidebar_title {
 428   margin: 0px;
 429   padding: 3px 6px;
 430   height: 29px;
 431   font-size: 14px;
 432   line-height: 15px;
 433   border-bottom: 1px solid black;
 434   background: #bbb;
 435 }
 436
 437 .browse_heading {
 438   margin: 0px;
 439   padding: 3px 6px;
 440   border: 1px solid #ccc;
 441   background: #ddd;
 442 }
 443
 444 .browse_details {
 445   margin: 0px;
 446   padding: 0px 6px;
 447 }
 448
 449 .search_results_heading {
 450   margin: 0px;
 451   padding: 3px 6px;
 452   border: 1px solid #ccc;
 453   background: #ddd;
 454 }
 455
 456 .search_results_entry {
 457   margin: 0px;
 458   padding: 2px 6px;
 459 }
 460
 461 .search_results_error {
 462   margin: 0px;
 463   padding: 2px 6px 0px;
 464   color: #f00;
 465 }
 466
 467 .search_help {
 468   font-size: 10px;
 469   line-height: 1em;
 470   margin-top: 3px;
 471   margin-bottom: 0px;
 472 }
 473
 474 .olControlAttribution {
 475   display: none !important;
 476 }
 477
 478 /* inbox and messaging stuff */
 479 .inbox-row-unread .inbox-subject {
 480         font-weight: bold;
 481 }
 482
 483 /* rails error field stuff */
 484
 485 .fieldWithErrors {
 486   padding: 2px;
 487   background-color: red;
 488   display: table;
 489 }
 490
 491 #notice {
 492   border: 1px solid green;
 493   padding: 7px;
 494   background-color: #f0fff0;
 495   margin-bottom: 20px;
 496 }
 497
 498 #errorExplanation {
 499   width: 400px;
 500   border: 2px solid red;
 501   padding: 7px;
 502   padding-bottom: 12px;
 503   margin-bottom: 20px;
 504   background-color: #f0f0f0;
 505 }
 506
 507 #errorExplanation h2 {
 508   text-align: left;
 509   font-weight: bold;
 510   padding: 5px 5px 5px 15px;
 511   font-size: 12px;
 512   margin: -7px;
 513   background-color: #c00;
 514   color: #fff;
 515 }
 516
 517 #errorExplanation p {
 518   color: #333;
 519   margin-bottom: 0px;
 520   padding: 5px;
 521 }
 522
 523 #errorExplanation ul li {
 524   font-size: 12px;
 525   list-style: square;
 526 }
 527
 528 input[type="text"], input[type="password"], textarea {
 529   border: 1px solid black;
 530 }
 531
 532 input[type="submit"] {
 533   border: 1px solid black;
 534 }
 535
 536 .nohome .location {
 537   display: none;
 538 }
 539
 540 #homerow .message {
 541   display: none;
 542 }
 543
 544 .nohome .message {
 545   display: inline !important;
 546 }
 547
 548 .editDescription {
 549   height: 10ex;
 550   width: 30em;
 551 }
 552
 553 .nowrap {
 554   white-space: nowrap;
 555 }
 556
 557 #map #popup p {
 558   margin: 0px;
 559   padding: 2px;
 560 }
 561
 562 /**State of the Map */
 563
 564 #sotminfo {
 565   background: #99F;
 566   font-size: 11px;
 567   margin: 0px;
 568   padding: 0px;
 569   border: 1px solid #ccc;
 570   left: 0px;
 571   line-height: 1.2em;
 572   text-align: Left;
 573   font-weight: normal;
 574 }
 575
 576 #sotminfo a:link {
 577   text-decoration: underline;
 578 }
 579
 580 #sotminfo a:visited {
 581   text-decoration: underline;
 582 }
 583
 584 #permalink {
 585   z-index:10000;
 586   position:absolute;
 587   bottom:15px;
 588   right:15px;
 589   font-size:smaller;
 590 }
 591
 592 #attribution {
 593   display: none;
 594 }
 595
 596 .export_heading {
 597   margin: 0px;
 598   padding: 3px 6px;
 599   border: 1px solid #ccc;
 600   background: #ddd;
 601 }
 602
 603 .export_bounds {
 604   width: 100%;
 605   text-align: center;
 606 }
 607
 608 .export_bound {
 609   margin: 5px;
 610 }
 611
 612 .export_details {
 613   padding: 2px 6px;
 614 }
 615
 616 #export_osm {
 617   display: none;
 618 }
 619
 620 #export_mapnik {
 621   display: none;
 622 }
 623
 624 #export_osmarender {
 625   display: none;
 626 }
 627
 628 .export_hint {
 629   padding: 0px 12px;
 630   font-style: italic;
 631 }
 632
 633 .export_buttons {
 634   width: 100%;
 635   text-align: center;
 636 }
 637
 638 #noscript {
 639   z-index: 20000000;
 640   position: absolute;
 641   top: 15px;
 642   left: 15px
 643 }