public/stylesheets/site.css

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