X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/9da455a32299d898acdb54e0e41409cd5d546d89..418963da42386ad103f6f53741102a37a28e34f6:/public/stylesheets/site.css diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index 2579e8a27..31c61de28 100644 --- a/public/stylesheets/site.css +++ b/public/stylesheets/site.css @@ -1,21 +1,9 @@ -a { - color: #0000ff; - text-decoration: none; -} -a:visited { - color: #0000ff; - text-decoration: none; -} -a:active { - color: #0000ff; - text-decoration: none; -} -a:link { - color: #0000ff; +a, a:visited, a:active, a:link, a:hover { + color: #00f; text-decoration: none; } + a:hover { - color: #0000ff; text-decoration: underline; } @@ -33,9 +21,10 @@ a:hover { body { font-family: Arial,sans-serif; - color: Black; - margin: 0; - padding: 0; + color: #000; + background-color: #fff; + margin: 0px; + padding: 0px; } #left { @@ -50,17 +39,17 @@ body { padding: 10px; margin: 10px; height: 150px; - background: #ffffff; - border: 1px solid #ccccdd; + background: #fff; + border: 1px solid #ccd; } #logo h1 { font-size: 14px; text-align: center; - margin: 0; + margin: 0px; } #logo h2 { font-size: 10px; - margin: 0; + margin: 0px; } #greeting { @@ -115,47 +104,32 @@ body { .left_menu h1 { font-style: normal; font-size: 15px; - padding: 0 0 0 1em; + padding: 0em 0em 0em 1em; text-align: left; } .left_menu ul { /*list-style: none;*/ padding-left: 10px; - margin: 0; + margin: 0px; } .left_menu li { - margin:0; - padding:0; + margin: 0px; + padding: 0px; } .left_menu img { - margin: 2px 8px 0 0; + margin: 2px 8px 0px 0px; } -.left_menu a { - color: #000000; - text-decoration: none; -} - -.left_menu a:visited { - color: #000000; - text-decoration: none; -} - -.left_menu a:active { - color: #000000; - text-decoration: none; -} - -.left_menu a:link { - color: #000000; +.left_menu a, .left_menu a:visited, .left_menu a:active, .left_menu a:link, .left_menu a:hover { + color: #000; text-decoration: none; } .left_menu a:hover { - color: #000000; + color: #000; text-decoration: underline; } @@ -165,8 +139,8 @@ body { #content { - padding: 0; - margin: 0; + padding: 0px; + margin: 0px; position: absolute; left: 192px; right: 10px; @@ -201,7 +175,7 @@ body { font-size: small; text-align: left; border-collapse: collapse; - border-width: 0; + border-width: 0px; } #keyvalue.th { @@ -214,46 +188,46 @@ body { #header { - float:left; - width:100%; - background:#DAE0D2 url("bg.gif") repeat-x bottom; - font-size:93%; - line-height:normal; + float: left; + width: 100%; + background: #DAE0D2 url("bg.gif") repeat-x bottom; + font-size: 93%; + line-height: normal; } #header ul { - margin:0; - padding:10px 10px 0px 215px; - list-style:none; + margin: 0px; + padding: 10px 10px 0px 215px; + list-style: none; } #header li { - float:left; + float: left; /*background:url("left.gif") no-repeat left top;*/ - margin:0; - padding:0 0 0 9px; + margin: 0px; + padding: 0px 0px 0px 9px; } #header li a { - float:left; - display:block; + float: left; + display: block; /*background:url("right.gif") no-repeat right top;*/ - padding:5px 15px 4px 6px; - text-decoration:none; - font-weight:bold; - color:#765; + padding: 5px 15px 4px 6px; + text-decoration: none; + font-weight: bold; + color: #765; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header li a {float:none;} /* End IE5-Mac hack */ #header li a:hover { - color:#333; + color: #333; } #header #current { /* background-image:url("left_on.gif"); */ } #header #current a { - background-image:url("right_on.gif"); - color:#333; - padding-bottom:5px; + background-image: url("right_on.gif"); + color: #333; + padding-bottom: 5px; } #tabnav @@ -266,8 +240,8 @@ hides rule from IE5-Mac \*/ } #tabnav li { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; display: inline; list-style-type: none; } @@ -278,7 +252,7 @@ hides rule from IE5-Mac \*/ font-size: 13px; line-height: 14px; font-weight: bold; - padding: 2px 10px 2px 10px; + padding: 2px 10px; margin-right: 4px; border: 1px solid #ccc; text-decoration: none; @@ -330,7 +304,7 @@ hides rule from IE5-Mac \*/ border: 1px solid #ccc; left: 0px; line-height: 1.2em; - text-align: Left; + text-align: left; font-size: 12px; background: #eee; } @@ -338,8 +312,15 @@ hides rule from IE5-Mac \*/ .oboxheader { font-size: 14px; font-weight: bold; - line-height: 1.4em; - text-align: top; + line-height: 22px; + vertical-align: bottom; +} + +.whereami { + position: absolute; + right: 21px; + line-height: 22px; + vertical-align: bottom; } .optionalbox form { @@ -347,10 +328,28 @@ hides rule from IE5-Mac \*/ padding: 0px; } -.optionalbox input { +#search_field form { width: 100%; } +#search_field input[type="text"] { + width: 116px; +} + +#search_field input[type="submit"] { + width: 26px; +} + +.search_form { + height: 16px; + padding-bottom: 6px; +} + +#search_active { + display: none; + color: red; +} + .rsssmall { position: relative; top: 4px; @@ -363,7 +362,7 @@ hides rule from IE5-Mac \*/ padding: 10px; left: 0px; line-height: 1.2em; - text-align: Left; + text-align: left; font-size: 14px; font-weight: bold; background: #fff; @@ -377,10 +376,10 @@ hides rule from IE5-Mac \*/ #controls { position:absolute; - top:0px; - left:0px; - width:64px; - height:32px; + top: 0px; + left: 0px; + width: 64px; + height: 32px; z-index: 9998; cursor: pointer; } @@ -396,7 +395,7 @@ hides rule from IE5-Mac \*/ bottom: 0px; } -#search_results { +#sidebar { display: none; position: absolute; border: 1px solid black; @@ -408,7 +407,7 @@ hides rule from IE5-Mac \*/ bottom: 0px; } -#search_results_content { +#sidebar_content { overflow: auto; position: absolute; font-size: 13px; @@ -419,9 +418,9 @@ hides rule from IE5-Mac \*/ right: 0px; } -.search_results_title { +.sidebar_title { margin: 0px; - padding: 3px 6px 3px 6px; + padding: 3px 6px; height: 29px; font-size: 14px; line-height: 15px; @@ -429,21 +428,33 @@ hides rule from IE5-Mac \*/ background: #bbb; } +.browse_heading { + margin: 0px; + padding: 3px 6px; + border: 1px solid #ccc; + background: #ddd; +} + +.browse_details { + margin: 0px; + padding: 0px 6px; +} + .search_results_heading { margin: 0px; - padding: 3px 6px 3px 6px; + padding: 3px 6px; border: 1px solid #ccc; background: #ddd; } .search_results_entry { margin: 0px; - padding: 2px 6px 2px 6px; + padding: 2px 6px; } .search_results_error { margin: 0px; - padding: 2px 6px 0px 6px; + padding: 2px 6px 0px; color: #f00; } @@ -454,6 +465,10 @@ hides rule from IE5-Mac \*/ margin-bottom: 0px; } +.olControlAttribution { + display: none !important; +} + /* inbox and messaging stuff */ .inbox-row-unread .inbox-subject { font-weight: bold; @@ -495,7 +510,7 @@ hides rule from IE5-Mac \*/ #errorExplanation p { color: #333; - margin-bottom: 0; + margin-bottom: 0px; padding: 5px; } @@ -504,7 +519,11 @@ hides rule from IE5-Mac \*/ list-style: square; } -input { +input[type="text"], input[type="password"], textarea { + border: 1px solid black; +} + +input[type="submit"] { border: 1px solid black; } @@ -521,39 +540,23 @@ input { } .editDescription { - height : 10ex; - width : 30em; + height: 10ex; + width: 30em; } .nowrap { white-space: nowrap; } -/** - * This now just used to detect the width/height required for the popup. - */ -#map p#highlightinfo { - visibility : hidden; - position : absolute; - z-index : 10000; - background : white; - border : 1px solid black; - left : 50px; - top : 5px; - margin : 0px; - padding : 2px; +#map #popup p { + margin: 0px; + padding: 2px; } -#map p#highlightinfo p, #popup p { - margin : 0; - padding : 2px; - } - - /**State of the Map */ #sotminfo { - background: #9999FF; + background: #99F; font-size: 11px; margin: 0px; padding: 0px; @@ -563,3 +566,72 @@ input { text-align: Left; font-weight: normal; } + +#sotminfo a:link { + text-decoration: underline; +} + +#sotminfo a:visited { + text-decoration: underline; +} + +#permalink { + z-index:10000; + position:absolute; + bottom:15px; + right:15px; + font-size:smaller; +} + +#attribution { + display: none; +} + +.export_heading { + margin: 0px; + padding: 3px 6px; + border: 1px solid #ccc; + background: #ddd; +} + +.export_bounds { + width: 100%; + text-align: center; +} + +.export_bound { + margin: 5px; +} + +.export_details { + padding: 2px 6px; +} + +#export_osm { + display: none; +} + +#export_mapnik { + display: none; +} + +#export_osmarender { + display: none; +} + +.export_hint { + padding: 0px 12px; + font-style: italic; +} + +.export_buttons { + width: 100%; + text-align: center; +} + +#noscript { + z-index: 20000000; + position: absolute; + top: 15px; + left: 15px +}