public/stylesheets/site.css

   1 a {\r
   2   color: #0000ff;\r
   3   text-decoration: none;\r
   4 }\r
   5 a:visited {\r
   6   color: #0000ff;\r
   7   text-decoration: none;\r
   8 }\r
   9 a:active {\r
  10   color: #0000ff;\r
  11   text-decoration: none;\r
  12 }\r
  13 a:link {\r
  14   color: #0000ff;\r
  15   text-decoration: none;\r
  16 }\r
  17 a:hover {\r
  18   color: #0000ff;\r
  19   text-decoration: underline;\r
  20 }\r
  21 \r
  22 #frontpage_main {\r
  23   width: 100%;\r
  24   text-align: center;\r
  25   font-family: sans-serif;\r
  26 }\r
  27 \r
  28 \r
  29 #frontpage_MAIN h1 {\r
  30   font-size: xx-large;\r
  31   font-weight: normal;\r
  32 }\r
  33 \r
  34 body {\r
  35   font-family: Arial,sans-serif;\r
  36   color: Black;\r
  37   margin: 0;\r
  38   padding: 0;\r
  39 }\r
  40 \r
  41 #left {\r
  42   position: absolute;\r
  43   top: -8px;\r
  44   min-width: 150px;\r
  45 }\r
  46 \r
  47 #logo {\r
  48   width: 150px;\r
  49   min-width: 150px;\r
  50   padding: 10px;\r
  51   margin: 10px;\r
  52   height: 150px;\r
  53   background: #ffffff;\r
  54   border: 1px solid #ccccdd;\r
  55 }\r
  56 #logo h1 {\r
  57   font-size: 14px;\r
  58   text-align: center;\r
  59   margin: 0;\r
  60 }\r
  61 #logo h2 {\r
  62   font-size: 10px;\r
  63   margin: 0;\r
  64 }\r
  65 \r
  66 #greeting {\r
  67   float: right;\r
  68   padding-right: 10px;\r
  69   padding-top: 5px;\r
  70   padding-bottom: 7px;\r
  71   font-size: 13px;\r
  72   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
  73 }\r
  74 \r
  75 #intro {\r
  76   width: 150px;\r
  77   margin: 10px;\r
  78   padding: 10px;\r
  79   border: 1px solid #ccc;\r
  80   font-size: 11px;\r
  81 }\r
  82 \r
  83 .left_menu {\r
  84   width: 150px;\r
  85   min-width: 150px;\r
  86   margin: 10px;\r
  87   padding: 10px;\r
  88   border: 1px solid #ccc;\r
  89   left: 0px;\r
  90   background: #ddd;\r
  91   line-height: 1.2em;\r
  92   text-align: Left;\r
  93   font-size: 14px;\r
  94   font-weight: bold;\r
  95 }\r
  96 \r
  97 .left_menu td {\r
  98   font-size: 12px;\r
  99   padding-right: 4px;\r
 100 }\r
 101 \r
 102 .left_menu h1 {\r
 103   font-style: normal;\r
 104   font-size: 15px;\r
 105   padding: 0 0 0 1em;\r
 106   text-align: left;\r
 107 }\r
 108 \r
 109 .left_menu ul {\r
 110   /*list-style: none;*/\r
 111   padding-left: 10px;\r
 112   margin: 0;\r
 113 }\r
 114 \r
 115 .left_menu li {\r
 116   margin:0;\r
 117   padding:0;\r
 118 }\r
 119 \r
 120 .left_menu img {\r
 121   margin: 2px 8px 0 0;\r
 122 }\r
 123 \r
 124 .left_menu a {\r
 125   color: #000000;\r
 126   text-decoration: none;\r
 127 }\r
 128 \r
 129 .left_menu a:visited {\r
 130   color: #000000;\r
 131   text-decoration: none;\r
 132 }\r
 133 \r
 134 .left_menu a:active {\r
 135   color: #000000;\r
 136   text-decoration: none;\r
 137 }\r
 138 \r
 139 .left_menu a:link {\r
 140   color: #000000;\r
 141   text-decoration: none;\r
 142 }\r
 143 \r
 144 .left_menu a:hover {\r
 145   color: #000000;\r
 146   text-decoration: underline;\r
 147 }\r
 148 \r
 149 #messages {\r
 150   border: 1px solid #ccc;\r
 151 }\r
 152 \r
 153 \r
 154 #content {\r
 155   /* width: 700px; */\r
 156   padding: 0;\r
 157   /*padding-left: 1em;*/\r
 158   margin: 0;\r
 159   position: absolute; \r
 160   left: 192px;\r
 161   top: 35px;\r
 162   background: none;\r
 163   line-height: 1.2em;\r
 164   text-align: left;\r
 165 }\r
 166 \r
 167 #bottom_bar {\r
 168   position: absolute;\r
 169   bottom: 0px;\r
 170   width: 100%;\r
 171   font-size: x-small;\r
 172   text-align: center;\r
 173 }\r
 174 \r
 175 #mapImage {\r
 176   position: absolute;\r
 177   left: 0px;\r
 178 }\r
 179 #drag {\r
 180   top: 0px;\r
 181   left: 14px;\r
 182 }\r
 183 \r
 184 #mapEpilog {\r
 185   font-size: x-small;\r
 186 }\r
 187 \r
 188 #keyvalue {\r
 189   font-size: small;\r
 190   text-align: left;\r
 191   border-collapse: collapse;\r
 192   border-width: 0;\r
 193 }\r
 194 \r
 195 #keyvalue.th {\r
 196   font-weight: bold;\r
 197 }\r
 198 \r
 199 .emphasized {\r
 200   background-color: #82bcff;\r
 201 }\r
 202 \r
 203 \r
 204 #header {\r
 205   float:left;\r
 206   width:100%;\r
 207   background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
 208   font-size:93%;\r
 209   line-height:normal;\r
 210 }\r
 211 #header ul {\r
 212   margin:0;\r
 213   padding:10px 10px 0px 215px;\r
 214   list-style:none;\r
 215 }\r
 216 #header li {\r
 217   float:left;\r
 218   /*background:url("left.gif") no-repeat left top;*/\r
 219   margin:0;\r
 220   padding:0 0 0 9px;\r
 221 }\r
 222 #header li a {\r
 223   float:left;\r
 224   display:block;\r
 225   /*background:url("right.gif") no-repeat right top;*/\r
 226   padding:5px 15px 4px 6px;\r
 227   text-decoration:none;\r
 228   font-weight:bold;\r
 229   color:#765;\r
 230 }\r
 231 /* Commented Backslash Hack\r
 232 hides rule from IE5-Mac \*/\r
 233 #header li a {float:none;}\r
 234 /* End IE5-Mac hack */\r
 235 #header li a:hover {\r
 236   color:#333;\r
 237 }\r
 238 #header #current {\r
 239   /* background-image:url("left_on.gif"); */\r
 240 }\r
 241 #header #current a {\r
 242   background-image:url("right_on.gif");\r
 243   color:#333;\r
 244   padding-bottom:5px;\r
 245 }\r
 246 \r
 247 #tabnav\r
 248 {\r
 249   height: 20px;\r
 250   margin: 0;\r
 251   padding-left: 215px;\r
 252   padding-top: 5px;\r
 253   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 254 }\r
 255 #tabnav li\r
 256 {\r
 257   margin: 0; \r
 258   padding: 0;\r
 259   display: inline;\r
 260   list-style-type: none;\r
 261 }\r
 262 #tabnav a, #tabnav a:link, #tabnav a:visited \r
 263 {\r
 264   float: left;\r
 265   background: #f3f3f3;\r
 266   font-size: 13px;\r
 267   line-height: 14px;\r
 268   font-weight: bold;\r
 269   padding: 2px 10px 2px 10px;\r
 270   margin-right: 4px;\r
 271   border: 1px solid #ccc;\r
 272   text-decoration: none;\r
 273   color: #333;\r
 274 }\r
 275 #tabnav a:link.active, #tabnav a:visited.active\r
 276 {\r
 277   border-bottom: 1px solid #fff;\r
 278   background: #fff;\r
 279   color: #000;\r
 280 }\r
 281 #tabnav a:link:hover\r
 282 {\r
 283   background: #fff;\r
 284 }\r
 285 \r
 286 #gads {\r
 287   /*  position: absolute; */\r
 288   left: 100px;\r
 289   width: 700px;\r
 290   text-align: center;\r
 291   font-size: 10px;\r
 292 }\r
 293 \r
 294 #geocoder {\r
 295   font-size: 12px;\r
 296   padding-top: 5px;\r
 297   padding-left: 14px;\r
 298   padding-bottom: 15px;\r
 299   width: 700px;\r
 300 }\r
 301 \r
 302 #placename-helper{\r
 303   font-size: 9px;\r
 304   position:absolute; top:20px; left: 250px;\r
 305   color: gray;\r
 306 }\r
 307 \r
 308 #postcode-helper{\r
 309   font-size: 9px;\r
 310   position:absolute; top:20px; left: 20px;\r
 311   color: gray;\r
 312 }\r
 313 \r
 314 #geocoder-attribution{\r
 315   font-size: 9px;\r
 316   position:absolute; top:26px; left: 450px;\r
 317   line-height: 8px;\r
 318   color: gray;\r
 319 }\r
 320 \r
 321 \r
 322 \r
 323 .gpxsummary {\r
 324   font-size: 12px;\r
 325   color: gray;\r
 326 }\r
 327 \r
 328 .gpxdesc {\r
 329   font-style: italic;\r
 330 }\r
 331 \r
 332 .table0 { \r
 333   background: #f6f6f6;\r
 334 }\r
 335 \r
 336 .table1 { \r
 337   background: #fff;\r
 338 }\r
 339 \r
 340 \r
 341 .optionalbox {\r
 342   width: 150px;\r
 343   min-width: 150px;\r
 344   margin: 10px;\r
 345   padding: 10px;\r
 346   border: 1px solid #ccc;\r
 347   left: 0px;\r
 348   line-height: 1.2em;\r
 349   text-align: Left;\r
 350   font-size: 12px;\r
 351   background: #eee;\r
 352 }\r
 353 \r
 354 .oboxheader {\r
 355   font-size: 18px;\r
 356 }\r
 357 \r
 358 .rsssmall {\r
 359   position: relative;\r
 360   top: 4px;\r
 361 }\r
 362 \r
 363 #cclogo {\r
 364   width: 150px;\r
 365   min-width: 150px;\r
 366   margin: 10px;\r
 367   padding: 10px;\r
 368   left: 0px;\r
 369   line-height: 1.2em;\r
 370   text-align: Left;\r
 371   font-size: 14px;\r
 372   font-weight: bold;\r
 373   background: #fff;\r
 374 }\r
 375 \r
 376 #controls img\r
 377 {\r
 378   z-index: 9999;\r
 379 }\r
 380 \r
 381 #controls\r
 382 {\r
 383   position:absolute;\r
 384   top:0px;\r
 385   left:0px;\r
 386   width:64px;\r
 387   height:32px;\r
 388   z-index: 9998;\r
 389   cursor: pointer;\r
 390 }\r
 391 \r
 392 \r
 393 /* rails error field stuff */\r
 394 \r
 395 .fieldWithErrors {\r
 396   padding: 2px;\r
 397   background-color: red;\r
 398   display: table;\r
 399 }\r
 400 \r
 401 #notice {\r
 402   border: 1px solid green;\r
 403   padding: 7px;\r
 404   background-color: #f0fff0;\r
 405   margin-bottom: 20px;\r
 406 }\r
 407 \r
 408 #errorExplanation {\r
 409   width: 400px;\r
 410   border: 2px solid red;\r
 411   padding: 7px;\r
 412   padding-bottom: 12px;\r
 413   margin-bottom: 20px;\r
 414   background-color: #f0f0f0;\r
 415 }\r
 416 \r
 417 #errorExplanation h2 {\r
 418   text-align: left;\r
 419   font-weight: bold;\r
 420   padding: 5px 5px 5px 15px;\r
 421   font-size: 12px;\r
 422   margin: -7px;\r
 423   background-color: #c00;\r
 424   color: #fff;\r
 425 }\r
 426 \r
 427 #errorExplanation p {\r
 428   color: #333;\r
 429   margin-bottom: 0;\r
 430   padding: 5px;\r
 431 }\r
 432 \r
 433 #errorExplanation ul li {\r
 434   font-size: 12px;\r
 435   list-style: square;\r
 436 }\r
 437 \r
 438 input {\r
 439   border: 1px solid black;\r
 440 }\r
 441 \r
 442 .nohome .location {\r
 443   display: none;\r
 444 }\r
 445 \r
 446 #homerow .message {\r
 447   display: none;\r
 448 }\r
 449 \r
 450 .nohome .message {\r
 451   display: inline !important;\r
 452 }\r
 453 \r
 454 .editDescription {\r
 455   height : 10ex;\r
 456   width : 30em;\r
 457 }\r
 458 \r
 459 .nowrap {\r
 460   white-space: nowrap;\r
 461 }\r
 462 \r
 463 /**\r
 464  * This now just used to detect the width/height required for the popup.\r
 465  */\r
 466 #map p#highlightinfo {\r
 467     visibility : hidden;\r
 468     position : absolute;\r
 469     z-index : 10000;\r
 470     background : white;\r
 471     border : 1px solid black;\r
 472     left : 50px;\r
 473     top : 5px;\r
 474     margin : 0px;\r
 475     padding : 2px;\r
 476 }\r
 477 \r
 478 #map p#highlightinfo p, #popup p {\r
 479     margin : 0;\r
 480     padding : 2px;\r
 481   }\r
 482 \r
 483 \r
 484 /**State of the Map */\r
 485     \r
 486 #sotminfo {\r
 487   background: #9999FF;\r
 488   font-size: 11px;\r
 489   margin: 0px;\r
 490   padding: 0px;\r
 491   border: 1px solid #ccc;\r
 492   left: 0px;\r
 493   line-height: 1.2em;\r
 494   text-align: Left;\r
 495   font-weight: normal;\r
 496 }\r