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
 358 .optionalbox input[type="text"] {
 359   width: 110px;
 360 }
 361
 362 .search_form {
 363   height: 16px;
 364   padding-bottom: 2px;
 365 }
 366
 367 #search_active {
 368   display: none;
 369   color: red;
 370 }
 371
 372 .rsssmall {
 373   position: relative;
 374   top: 4px;
 375 }
 376
 377 #cclogo {
 378   width: 150px;
 379   min-width: 150px;
 380   margin: 10px;
 381   padding: 10px;
 382   left: 0px;
 383   line-height: 1.2em;
 384   text-align: Left;
 385   font-size: 14px;
 386   font-weight: bold;
 387   background: #fff;
 388 }
 389
 390 #controls img
 391 {
 392   z-index: 9999;
 393 }
 394
 395 #controls
 396 {
 397   position:absolute;
 398   top:0px;
 399   left:0px;
 400   width:64px;
 401   height:32px;
 402   z-index: 9998;
 403   cursor: pointer;
 404 }
 405
 406 #map {
 407   position: absolute;
 408   border: 1px solid black;
 409   margin: 0px;
 410   padding: 0px;
 411   left: 0px;
 412   right: 2px;
 413   top: 0px;
 414   bottom: 0px;
 415 }
 416
 417 #sidebar {
 418   display: none;
 419   position: absolute;
 420   border: 1px solid black;
 421   margin: 0px;
 422   padding: 0px;
 423   width: 30%;
 424   left: 0px;
 425   top: 0px;
 426   bottom: 0px;
 427 }
 428
 429 #sidebar_content {
 430   overflow: auto;
 431   position: absolute;
 432   font-size: 13px;
 433   line-height: 14px;
 434   top: 29px;
 435   bottom: 0px;
 436   left: 0px;
 437   right: 0px;
 438 }
 439
 440 .sidebar_title {
 441   margin: 0px;
 442   padding: 3px 6px 3px 6px;
 443   height: 29px;
 444   font-size: 14px;
 445   line-height: 15px;
 446   border-bottom: 1px solid black;
 447   background: #bbb;
 448 }
 449
 450 .search_results_heading {
 451   margin: 0px;
 452   padding: 3px 6px 3px 6px;
 453   border: 1px solid #ccc;
 454   background: #ddd;
 455 }
 456
 457 .search_results_entry {
 458   margin: 0px;
 459   padding: 2px 6px 2px 6px;
 460 }
 461
 462 .search_results_error {
 463   margin: 0px;
 464   padding: 2px 6px 0px 6px;
 465   color: #f00;
 466 }
 467
 468 .search_help {
 469   font-size: 10px;
 470   line-height: 1em;
 471   margin-top: 3px;
 472   margin-bottom: 0px;
 473 }
 474
 475 .olControlAttribution {
 476   display: none !important;
 477 }
 478
 479 /* inbox and messaging stuff */
 480 .inbox-row-unread .inbox-subject {
 481         font-weight: bold;
 482 }
 483
 484 /* rails error field stuff */
 485
 486 .fieldWithErrors {
 487   padding: 2px;
 488   background-color: red;
 489   display: table;
 490 }
 491
 492 #notice {
 493   border: 1px solid green;
 494   padding: 7px;
 495   background-color: #f0fff0;
 496   margin-bottom: 20px;
 497 }
 498
 499 #errorExplanation {
 500   width: 400px;
 501   border: 2px solid red;
 502   padding: 7px;
 503   padding-bottom: 12px;
 504   margin-bottom: 20px;
 505   background-color: #f0f0f0;
 506 }
 507
 508 #errorExplanation h2 {
 509   text-align: left;
 510   font-weight: bold;
 511   padding: 5px 5px 5px 15px;
 512   font-size: 12px;
 513   margin: -7px;
 514   background-color: #c00;
 515   color: #fff;
 516 }
 517
 518 #errorExplanation p {
 519   color: #333;
 520   margin-bottom: 0;
 521   padding: 5px;
 522 }
 523
 524 #errorExplanation ul li {
 525   font-size: 12px;
 526   list-style: square;
 527 }
 528
 529 input[type="text"], input[type="password"], textarea {
 530   border: 1px solid black;
 531 }
 532
 533 input[type="submit"] {
 534   border: 1px solid black;
 535 }
 536
 537 .nohome .location {
 538   display: none;
 539 }
 540
 541 #homerow .message {
 542   display: none;
 543 }
 544
 545 .nohome .message {
 546   display: inline !important;
 547 }
 548
 549 .editDescription {
 550   height : 10ex;
 551   width : 30em;
 552 }
 553
 554 .nowrap {
 555   white-space: nowrap;
 556 }
 557
 558 #map #popup p {
 559   margin : 0;
 560   padding : 2px;
 561 }
 562
 563 /**State of the Map */
 564
 565 #sotminfo {
 566   background: #9999FF;
 567   font-size: 11px;
 568   margin: 0px;
 569   padding: 0px;
 570   border: 1px solid #ccc;
 571   left: 0px;
 572   line-height: 1.2em;
 573   text-align: Left;
 574   font-weight: normal;
 575 }
 576
 577 #sotminfo a:link {
 578   text-decoration: underline;
 579 }
 580
 581 #sotminfo a:visited {
 582   text-decoration: underline;
 583 }
 584
 585 #permalink {
 586   z-index:10000;
 587   position:absolute;
 588   bottom:15px;
 589   right:15px;
 590   font-size:smaller;
 591 }
 592
 593 #attribution {
 594   display: none;
 595 }
 596
 597 .export_heading {
 598   margin: 0px;
 599   padding: 3px 6px 3px 6px;
 600   border: 1px solid #ccc;
 601   background: #ddd;
 602 }
 603
 604 .export_bounds {
 605   width: 100%;
 606   text-align: center;
 607 }
 608
 609 .export_bound {
 610   margin: 5px;
 611 }
 612
 613 .export_details {
 614   padding: 2px 6px 2px 6px;
 615 }
 616
 617 #export_osm {
 618   display: none;
 619 }
 620
 621 #export_mapnik {
 622   display: none;
 623 }
 624
 625 #export_osmarender {
 626   display: none;
 627 }
 628
 629 .export_hint {
 630   padding: 0px 12px 0px 12px;
 631   font-style: italic;
 632 }
 633
 634 .export_buttons {
 635   width: 100%;
 636   text-align: center;
 637 }