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