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 #search_results {
 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 #search_results_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 .search_results_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 /* inbox and messaging stuff */
 475 .inbox-row-unread .inbox-subject {
 476         font-weight: bold;
 477 }
 478
 479 /* rails error field stuff */
 480
 481 .fieldWithErrors {
 482   padding: 2px;
 483   background-color: red;
 484   display: table;
 485 }
 486
 487 #notice {
 488   border: 1px solid green;
 489   padding: 7px;
 490   background-color: #f0fff0;
 491   margin-bottom: 20px;
 492 }
 493
 494 #errorExplanation {
 495   width: 400px;
 496   border: 2px solid red;
 497   padding: 7px;
 498   padding-bottom: 12px;
 499   margin-bottom: 20px;
 500   background-color: #f0f0f0;
 501 }
 502
 503 #errorExplanation h2 {
 504   text-align: left;
 505   font-weight: bold;
 506   padding: 5px 5px 5px 15px;
 507   font-size: 12px;
 508   margin: -7px;
 509   background-color: #c00;
 510   color: #fff;
 511 }
 512
 513 #errorExplanation p {
 514   color: #333;
 515   margin-bottom: 0;
 516   padding: 5px;
 517 }
 518
 519 #errorExplanation ul li {
 520   font-size: 12px;
 521   list-style: square;
 522 }
 523
 524 input {
 525   border: 1px solid black;
 526 }
 527
 528 .nohome .location {
 529   display: none;
 530 }
 531
 532 #homerow .message {
 533   display: none;
 534 }
 535
 536 .nohome .message {
 537   display: inline !important;
 538 }
 539
 540 .editDescription {
 541   height : 10ex;
 542   width : 30em;
 543 }
 544
 545 .nowrap {
 546   white-space: nowrap;
 547 }
 548
 549 #map #popup p {
 550   margin : 0;
 551   padding : 2px;
 552 }
 553
 554 /**State of the Map */
 555
 556 #sotminfo {
 557   background: #9999FF;
 558   font-size: 11px;
 559   margin: 0px;
 560   padding: 0px;
 561   border: 1px solid #ccc;
 562   left: 0px;
 563   line-height: 1.2em;
 564   text-align: Left;
 565   font-weight: normal;
 566 }