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