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 #left_menu a:visited {\r
 128   color: #000000;\r
 129   text-decoration: none;\r
 130 }\r
 131 \r
 132 #left_menu a:active {\r
 133   color: #000000;\r
 134   text-decoration: none;\r
 135 }\r
 136 \r
 137 #left_menu a:link {\r
 138   color: #000000;\r
 139   text-decoration: none;\r
 140 }\r
 141 \r
 142 #left_menu a:hover {\r
 143   color: #000000;\r
 144   text-decoration: underline;\r
 145 }\r
 146 \r
 147 \r
 148 #content {\r
 149   /* width: 700px; */\r
 150   padding: 0;\r
 151   /*padding-left: 1em;*/\r
 152   margin: 0;\r
 153   position: absolute; \r
 154   left: 192px;\r
 155   top: 35px;\r
 156   background: none;\r
 157   line-height: 1.2em;\r
 158   text-align: left;\r
 159 }\r
 160 \r
 161 #bottom_bar {\r
 162   position: absolute;\r
 163   bottom: 0px;\r
 164   width: 100%;\r
 165   font-size: x-small;\r
 166   text-align: center;\r
 167 }\r
 168 \r
 169 #mapImage {\r
 170   position: absolute;\r
 171   left: 0px;\r
 172 }\r
 173 #drag {\r
 174   top: 0px;\r
 175   left: 14px;\r
 176 }\r
 177 \r
 178 #mapEpilog {\r
 179   font-size: x-small;\r
 180 }\r
 181 \r
 182 #keyvalue {\r
 183   font-size: small;\r
 184   text-align: left;\r
 185   border-collapse: collapse;\r
 186   border-width: 0;\r
 187 }\r
 188 \r
 189 #keyvalue.th {\r
 190   font-weight: bold;\r
 191 }\r
 192 \r
 193 .emphasized {\r
 194   background-color: #82bcff;\r
 195 }\r
 196 \r
 197 \r
 198 #header {\r
 199   float:left;\r
 200   width:100%;\r
 201   background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
 202   font-size:93%;\r
 203   line-height:normal;\r
 204 }\r
 205 #header ul {\r
 206   margin:0;\r
 207   padding:10px 10px 0px 215px;\r
 208   list-style:none;\r
 209 }\r
 210 #header li {\r
 211   float:left;\r
 212   /*background:url("left.gif") no-repeat left top;*/\r
 213   margin:0;\r
 214   padding:0 0 0 9px;\r
 215 }\r
 216 #header li a {\r
 217   float:left;\r
 218   display:block;\r
 219   /*background:url("right.gif") no-repeat right top;*/\r
 220   padding:5px 15px 4px 6px;\r
 221   text-decoration:none;\r
 222   font-weight:bold;\r
 223   color:#765;\r
 224 }\r
 225 /* Commented Backslash Hack\r
 226 hides rule from IE5-Mac \*/\r
 227 #header li a {float:none;}\r
 228 /* End IE5-Mac hack */\r
 229 #header li a:hover {\r
 230   color:#333;\r
 231 }\r
 232 #header #current {\r
 233   /* background-image:url("left_on.gif"); */\r
 234 }\r
 235 #header #current a {\r
 236   background-image:url("right_on.gif");\r
 237   color:#333;\r
 238   padding-bottom:5px;\r
 239 }\r
 240 \r
 241 #tabnav\r
 242 {\r
 243   height: 20px;\r
 244   margin: 0;\r
 245   padding-left: 215px;\r
 246   padding-top: 5px;\r
 247   background: url('/images/tab_bottom.gif') repeat-x bottom;\r
 248 }\r
 249 #tabnav li\r
 250 {\r
 251   margin: 0; \r
 252   padding: 0;\r
 253   display: inline;\r
 254   list-style-type: none;\r
 255 }\r
 256 #tabnav a, #tabnav a:link, #tabnav a:visited \r
 257 {\r
 258   float: left;\r
 259   background: #f3f3f3;\r
 260   font-size: 13px;\r
 261   line-height: 14px;\r
 262   font-weight: bold;\r
 263   padding: 2px 10px 2px 10px;\r
 264   margin-right: 4px;\r
 265   border: 1px solid #ccc;\r
 266   text-decoration: none;\r
 267   color: #333;\r
 268 }\r
 269 #tabnav a:link.active, #tabnav a:visited.active\r
 270 {\r
 271   border-bottom: 1px solid #fff;\r
 272   background: #fff;\r
 273   color: #000;\r
 274 }\r
 275 #tabnav a:link:hover\r
 276 {\r
 277   background: #fff;\r
 278 }\r
 279 \r
 280 #gads {\r
 281   /*  position: absolute; */\r
 282   left: 100px;\r
 283   width: 700px;\r
 284   text-align: center;\r
 285   font-size: 10px;\r
 286 }\r
 287 \r
 288 #geocoder {\r
 289   font-size: 12px;\r
 290   padding-top: 5px;\r
 291   padding-left: 14px;\r
 292 }\r
 293 \r
 294 #placename-helper{\r
 295   font-size: 9px;\r
 296   position:relative; bottom:36px; left: 470px;\r
 297   color: gray;\r
 298 }\r
 299 \r
 300 #postcode-helper{\r
 301   font-size: 9px;\r
 302   position:relative; bottom:17px; left: 180px;\r
 303   color: gray;\r
 304 }\r
 305 \r
 306 \r
 307 \r
 308 .gpxsummary {\r
 309   font-size: 12px;\r
 310   color: gray;\r
 311 }\r
 312 \r
 313 .gpxdesc {\r
 314   font-style: italic;\r
 315 }\r
 316 \r
 317 .table0 { \r
 318   background: #f6f6f6;\r
 319 }\r
 320 \r
 321 .table1 { \r
 322   background: #fff;\r
 323 }\r
 324 \r
 325 \r
 326 .optionalbox {\r
 327   width: 150px;\r
 328   min-width: 150px;\r
 329   margin: 10px;\r
 330   padding: 10px;\r
 331   border: 1px solid #ccc;\r
 332   left: 0px;\r
 333   line-height: 1.2em;\r
 334   text-align: Left;\r
 335   font-size: 12px;\r
 336   background: #eee;\r
 337 }\r
 338 \r
 339 .oboxheader {\r
 340   font-size: 18px;\r
 341 }\r
 342 \r
 343 .rsssmall {\r
 344   position: relative;\r
 345   top: 4px;\r
 346 }\r
 347 \r
 348 #cclogo {\r
 349   width: 150px;\r
 350   min-width: 150px;\r
 351   margin: 10px;\r
 352   padding: 10px;\r
 353   left: 0px;\r
 354   line-height: 1.2em;\r
 355   text-align: Left;\r
 356   font-size: 14px;\r
 357   font-weight: bold;\r
 358   background: #fff;\r
 359 }\r
 360 \r
 361 #controls img\r
 362 {\r
 363   z-index: 9999;\r
 364 }\r
 365 \r
 366 #controls\r
 367 {\r
 368   position:absolute;\r
 369   top:0px;\r
 370   left:0px;\r
 371   width:64px;\r
 372   height:32px;\r
 373   z-index: 9998;\r
 374   cursor: pointer;\r
 375 }\r
 376 \r
 377 \r
 378 /* rails error field stuff */\r
 379 \r
 380 .fieldWithErrors {\r
 381   padding: 2px;\r
 382   background-color: red;\r
 383   display: table;\r
 384 }\r
 385 \r
 386 #notice {\r
 387   border: 1px solid green;\r
 388   padding: 7px;\r
 389   background-color: #f0fff0;\r
 390   margin-bottom: 20px;\r
 391 }\r
 392 \r
 393 #errorExplanation {\r
 394   width: 400px;\r
 395   border: 2px solid red;\r
 396   padding: 7px;\r
 397   padding-bottom: 12px;\r
 398   margin-bottom: 20px;\r
 399   background-color: #f0f0f0;\r
 400 }\r
 401 \r
 402 #errorExplanation h2 {\r
 403   text-align: left;\r
 404   font-weight: bold;\r
 405   padding: 5px 5px 5px 15px;\r
 406   font-size: 12px;\r
 407   margin: -7px;\r
 408   background-color: #c00;\r
 409   color: #fff;\r
 410 }\r
 411 \r
 412 #errorExplanation p {\r
 413   color: #333;\r
 414   margin-bottom: 0;\r
 415   padding: 5px;\r
 416 }\r
 417 \r
 418 #errorExplanation ul li {\r
 419   font-size: 12px;\r
 420   list-style: square;\r
 421 }\r
 422 \r
 423 input {\r
 424   border: 1px solid black;\r
 425 }\r