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: 1.4em;
 342   text-align: top;
 343 }
 344
 345 .optionalbox form {
 346   margin: 0px;
 347   padding: 0px;
 348 }
 349
 350 .optionalbox input {
 351   width: 100%;
 352 }
 353
 354 .rsssmall {
 355   position: relative;
 356   top: 4px;
 357 }
 358
 359 #cclogo {
 360   width: 150px;
 361   min-width: 150px;
 362   margin: 10px;
 363   padding: 10px;
 364   left: 0px;
 365   line-height: 1.2em;
 366   text-align: Left;
 367   font-size: 14px;
 368   font-weight: bold;
 369   background: #fff;
 370 }
 371
 372 #controls img
 373 {
 374   z-index: 9999;
 375 }
 376
 377 #controls
 378 {
 379   position:absolute;
 380   top:0px;
 381   left:0px;
 382   width:64px;
 383   height:32px;
 384   z-index: 9998;
 385   cursor: pointer;
 386 }
 387
 388 #map {
 389   position: absolute;
 390   border: 1px solid black;
 391   margin: 0px;
 392   padding: 0px;
 393   left: 0px;
 394   right: 2px;
 395   top: 0px;
 396   bottom: 0px;
 397 }
 398
 399 #search_results {
 400   display: none;
 401   position: absolute;
 402   border: 1px solid black;
 403   margin: 0px;
 404   padding: 0px;
 405   width: 30%;
 406   left: 0px;
 407   top: 0px;
 408   bottom: 0px;
 409 }
 410
 411 #search_results_content {
 412   overflow: auto;
 413   position: absolute;
 414   font-size: 13px;
 415   line-height: 14px;
 416   top: 29px;
 417   bottom: 0px;
 418   left: 0px;
 419   right: 0px;
 420 }
 421
 422 .search_results_title {
 423   margin: 0px;
 424   padding: 3px 6px 3px 6px;
 425   height: 29px;
 426   font-size: 14px;
 427   line-height: 15px;
 428   border-bottom: 1px solid black;
 429   background: #bbb;
 430 }
 431
 432 .search_results_heading {
 433   margin: 0px;
 434   padding: 3px 6px 3px 6px;
 435   border: 1px solid #ccc;
 436   background: #ddd;
 437 }
 438
 439 .search_results_entry {
 440   margin: 0px;
 441   padding: 2px 6px 2px 6px;
 442 }
 443
 444 .search_results_error {
 445   margin: 0px;
 446   padding: 2px 6px 0px 6px;
 447   color: #f00;
 448 }
 449
 450 .search_help {
 451   font-size: 10px;
 452   line-height: 1em;
 453   margin-top: 3px;
 454   margin-bottom: 0px;
 455 }
 456
 457 /* inbox and messaging stuff */
 458 .inbox-row-unread .inbox-subject {
 459         font-weight: bold;
 460 }
 461
 462 /* rails error field stuff */
 463
 464 .fieldWithErrors {
 465   padding: 2px;
 466   background-color: red;
 467   display: table;
 468 }
 469
 470 #notice {
 471   border: 1px solid green;
 472   padding: 7px;
 473   background-color: #f0fff0;
 474   margin-bottom: 20px;
 475 }
 476
 477 #errorExplanation {
 478   width: 400px;
 479   border: 2px solid red;
 480   padding: 7px;
 481   padding-bottom: 12px;
 482   margin-bottom: 20px;
 483   background-color: #f0f0f0;
 484 }
 485
 486 #errorExplanation h2 {
 487   text-align: left;
 488   font-weight: bold;
 489   padding: 5px 5px 5px 15px;
 490   font-size: 12px;
 491   margin: -7px;
 492   background-color: #c00;
 493   color: #fff;
 494 }
 495
 496 #errorExplanation p {
 497   color: #333;
 498   margin-bottom: 0;
 499   padding: 5px;
 500 }
 501
 502 #errorExplanation ul li {
 503   font-size: 12px;
 504   list-style: square;
 505 }
 506
 507 input {
 508   border: 1px solid black;
 509 }
 510
 511 .nohome .location {
 512   display: none;
 513 }
 514
 515 #homerow .message {
 516   display: none;
 517 }
 518
 519 .nohome .message {
 520   display: inline !important;
 521 }
 522
 523 .editDescription {
 524   height : 10ex;
 525   width : 30em;
 526 }
 527
 528 .nowrap {
 529   white-space: nowrap;
 530 }
 531
 532 /**
 533  * This now just used to detect the width/height required for the popup.
 534  */
 535 #map p#highlightinfo {
 536     visibility : hidden;
 537     position : absolute;
 538     z-index : 10000;
 539     background : white;
 540     border : 1px solid black;
 541     left : 50px;
 542     top : 5px;
 543     margin : 0px;
 544     padding : 2px;
 545 }
 546
 547 #map p#highlightinfo p, #popup p {
 548     margin : 0;
 549     padding : 2px;
 550   }
 551
 552
 553 /**State of the Map */
 554
 555 #sotminfo {
 556   background: #9999FF;
 557   font-size: 11px;
 558   margin: 0px;
 559   padding: 0px;
 560   border: 1px solid #ccc;
 561   left: 0px;
 562   line-height: 1.2em;
 563   text-align: Left;
 564   font-weight: normal;
 565 }