public/stylesheets/site.css

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