Another version of the media-queries CSS stuff. Works better for more pages now.

[rails.git] / public / stylesheets / site.css

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index 9b29cd806f39b47a078d785a28ec3a5ed0e141da..4b40940df722bd34d7c7d26f07814309095e245a 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -1,412 +1,5 @@
-\r
-a {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:visited {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:active {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:link {\r
-  color: #0000ff;\r
-  text-decoration: none;\r
-}\r
-a:hover {\r
-  color: #0000ff;\r
-  text-decoration: underline;\r
-}\r
-\r
-#frontpage_main {\r
-  width: 100%;\r
-  text-align: center;\r
-  font-family: sans-serif;\r
-}\r
-\r
-\r
-#frontpage_MAIN h1 {\r
-  font-size: xx-large;\r
-  font-weight: normal;\r
-}\r
-\r
-body {\r
-  font-family: Arial,sans-serif;\r
-  color: Black;\r
-  margin: 0;\r
-  padding: 0;\r
-}\r
-\r
-#left {\r
-  position: absolute;\r
-  top: -8px;\r
-  min-width: 150px;\r
-}\r
-\r
-#logo {\r
-  width: 150px;\r
-  min-width: 150px;\r
-  padding: 10px;\r
-  margin: 10px;\r
-  height: 150px;\r
-  background: #ffffff;\r
-  border: 1px solid #ccccdd;\r
-}\r
-#logo h1 {\r
-  font-size: 14px;\r
-  text-align: center;\r
-  margin: 0;\r
-}\r
-#logo h2 {\r
-  font-size: 10px;\r
-  margin: 0;\r
-}\r
-\r
-#greeting {\r
-  float: right;\r
-  padding-right: 10px;\r
-  padding-top: 5px;\r
-  padding-bottom: 7px;\r
-  font-size: 13px;\r
-  background: url(tab_bottom.gif) repeat-x bottom;\r
-}\r
-\r
-#intro {\r
-  width: 150px;\r
-  margin: 10px;\r
-  padding: 10px;\r
-  border: 1px solid #ccc;\r
-  font-size: 11px;\r
-}\r
-\r
-#left_menu {\r
-  width: 150px;\r
-  min-width: 150px;\r
-  margin: 10px;\r
-  padding: 10px;\r
-  border: 1px solid #ccc;\r
-  left: 0px;\r
-  background: #ddd;\r
-  line-height: 1.2em;\r
-  text-align: Left;\r
-  font-size: 14px;\r
-  font-weight: bold;\r
-}\r
-#left_menu td {\r
-  font-size: 12px;\r
-  padding-right: 4px;\r
-}\r
-#left_menu h1 {\r
-  font-style: normal;\r
-  font-size: 15px;\r
-  padding: 0 0 0 1em;\r
-  text-align: left;\r
-}\r
-\r
-#left_menu ul {\r
-  /*list-style: none;*/\r
-  padding-left: 10px;\r
-  margin: 0;\r
-}\r
-\r
-#left_menu li {\r
-  margin:0;\r
-  padding:0;\r
-}\r
-\r
-#left_menu img {\r
-  margin: 2px 8px 0 0;\r
-}\r
-\r
-#left_menu a {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\r
-#left_menu a:visited {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\r
-#left_menu a:active {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\r
-#left_menu a:link {\r
-  color: #000000;\r
-  text-decoration: none;\r
-}\r
-\r
-#left_menu a:hover {\r
-  color: #000000;\r
-  text-decoration: underline;\r
-}\r
-\r
-\r
-#content {\r
-  width: 700px;\r
-  padding: 0;\r
-  /*padding-left: 1em;*/\r
-  margin: 0;\r
-  position: absolute;\r
-  left: 192px;\r
-  top: 35px;\r
-  background: none;\r
-  line-height: 1.2em;\r
-  text-align: left;\r
-}\r
-\r
-#bottom_bar {\r
-  position: absolute;\r
-  bottom: 0px;\r
-  width: 100%;\r
-  font-size: x-small;\r
-  text-align: center;\r
-}\r
-\r
-\r
-#mapImage {\r
-  position: absolute;\r
-  left: 0px;\r
-}\r
-#drag {\r
-  top: 0px;\r
-  left: 14px;\r
-}\r
-#mapEpilog {\r
-  font-size: x-small;\r
-\r
-}\r
-\r
-#keyvalue {\r
-  font-size: small;\r
-  text-align: left;\r
-  border-collapse: collapse;\r
-  border-width: 0;\r
-}\r
-\r
-#keyvalue.th {\r
-  font-weight: bold;\r
-}\r
-\r
-.emphasized {\r
-  background-color: #82bcff;\r
-}\r
-\r
-\r
-#header {\r
-  float:left;\r
-  width:100%;\r
-  background:#DAE0D2 url("bg.gif") repeat-x bottom;\r
-  font-size:93%;\r
-  line-height:normal;\r
-}\r
-#header ul {\r
-  margin:0;\r
-  padding:10px 10px 0px 215px;\r
-  list-style:none;\r
-}\r
-#header li {\r
-  float:left;\r
-  /*background:url("left.gif") no-repeat left top;*/\r
-  margin:0;\r
-  padding:0 0 0 9px;\r
-}\r
-#header li a {\r
-  float:left;\r
-  display:block;\r
-  /*background:url("right.gif") no-repeat right top;*/\r
-  padding:5px 15px 4px 6px;\r
-  text-decoration:none;\r
-  font-weight:bold;\r
-  color:#765;\r
-}\r
-/* Commented Backslash Hack\r
-hides rule from IE5-Mac \*/\r
-#header li a {float:none;}\r
-/* End IE5-Mac hack */\r
-#header li a:hover {\r
-  color:#333;\r
-}\r
-#header #current {\r
-  /* background-image:url("left_on.gif"); */\r
-}\r
-#header #current a {\r
-  background-image:url("right_on.gif");\r
-  color:#333;\r
-  padding-bottom:5px;\r
-}\r
-\r
-#tabnav\r
-{\r
-  height: 20px;\r
-  margin: 0;\r
-  padding-left: 215px;\r
-  padding-top: 5px;\r
-  background: url(tab_bottom.gif) repeat-x bottom;\r
-}\r
-#tabnav li\r
-{\r
-  margin: 0; \r
-  padding: 0;\r
-  display: inline;\r
-  list-style-type: none;\r
-}\r
-#tabnav a, #tabnav a:link, #tabnav a:visited \r
-{\r
-  float: left;\r
-  background: #f3f3f3;\r
-  font-size: 13px;\r
-  line-height: 14px;\r
-  font-weight: bold;\r
-  padding: 2px 10px 2px 10px;\r
-  margin-right: 4px;\r
-  border: 1px solid #ccc;\r
-  text-decoration: none;\r
-  color: #333;\r
-}\r
-#tabnav a:link.active, #tabnav a:visited.active\r
-{\r
-  border-bottom: 1px solid #fff;\r
-  background: #fff;\r
-  color: #000;\r
-}\r
-#tabnav a:link:hover\r
-{\r
-  background: #fff;\r
-}\r
-\r
-#gads {\r
-  /*  position: absolute; */\r
-  left: 100px;\r
-  width: 700px;\r
-  text-align: center;\r
-  font-size: 10px;\r
-}\r
-\r
-#geocoder {\r
-  font-size: 12px;\r
-  padding-top: 5px;\r
-  padding-left: 14px;\r
-}\r
-\r
-.gpxsummary {\r
-  font-size: 12px;\r
-  color: gray;\r
-}\r
-\r
-.gpxdesc {\r
-  font-style: italic;\r
-}\r
-\r
-.table0 { \r
-  background: #f6f6f6;\r
-}\r
-\r
-.table1 { \r
-  background: #fff;\r
-}\r
-\r
-\r
-.optionalbox {\r
-  width: 150px;\r
-  min-width: 150px;\r
-  margin: 10px;\r
-  padding: 10px;\r
-  border: 1px solid #ccc;\r
-  left: 0px;\r
-  line-height: 1.2em;\r
-  text-align: Left;\r
-  font-size: 12px;\r
-  background: #eee;\r
-}\r
-\r
-.oboxheader {\r
-  font-size: 18px;\r
-}\r
-\r
-.rsssmall {\r
-  position: relative;\r
-  top: 4px;\r
-}\r
-\r
-#cclogo {\r
-  width: 150px;\r
-  min-width: 150px;\r
-  margin: 10px;\r
-  padding: 10px;\r
-  left: 0px;\r
-  line-height: 1.2em;\r
-  text-align: Left;\r
-  font-size: 14px;\r
-  font-weight: bold;\r
-  background: #fff;\r
-}\r
-\r
-#controls img\r
-{\r
-  z-index: 9999;\r
-}\r
-\r
-#controls\r
-{\r
-  position:absolute;\r
-  top:0px;\r
-  left:0px;\r
-  width:64px;\r
-  height:32px;\r
-  z-index: 9998;\r
-  cursor: pointer;\r
-}\r
-\r
-\r
-/* rails error field stuff */\r
-\r
-.fieldWithErrors {\r
-  padding: 2px;\r
-  background-color: red;\r
-  display: table;\r
-}\r
-\r
-#notice {\r
-  width: 400px;\r
-  border: 2px solid green;\r
-  padding: 7px;\r
-  padding-bottom: 12px;\r
-  margin-bottom: 20px;\r
-  background-color: #f0f0f0;\r
-}\r
-\r
-#errorExplanation {\r
-  width: 400px;\r
-  border: 2px solid red;\r
-  padding: 7px;\r
-  padding-bottom: 12px;\r
-  margin-bottom: 20px;\r
-  background-color: #f0f0f0;\r
-}\r
-\r
-#errorExplanation h2 {\r
-  text-align: left;\r
-  font-weight: bold;\r
-  padding: 5px 5px 5px 15px;\r
-  font-size: 12px;\r
-  margin: -7px;\r
-  background-color: #c00;\r
-  color: #fff;\r
-}\r
-\r
-#errorExplanation p {\r
-  color: #333;\r
-  margin-bottom: 0;\r
-  padding: 5px;\r
-}\r
-\r
-#errorExplanation ul li {\r
-  font-size: 12px;\r
-  list-style: square;\r
-}\r
-\r
+/* styles specific to a large-format screen */
+
+#logo-img-sml {
+    display: none;
+}