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