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