X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/06f3473d1c64d2e0a1ecc6f1a9c4679a52bc4761..a2ffd990fb4cac955d42cfe3b71d99e56a927ef0:/public/stylesheets/site.css?ds=sidebyside diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index 2cd8ca412..3d0da2369 100644 --- a/public/stylesheets/site.css +++ b/public/stylesheets/site.css @@ -1,4 +1,3 @@ - a { color: #0000ff; text-decoration: none; @@ -67,10 +66,10 @@ body { #greeting { float: right; padding-right: 10px; - padding-top: 5px; - padding-bottom: 7px; + padding-top: 2px; + padding-bottom: 3px; font-size: 13px; - background: url(tab_bottom.gif) repeat-x bottom; + background: url('/images/tab_bottom.gif') repeat-x bottom; } #intro { @@ -81,7 +80,18 @@ body { font-size: 11px; } -#left_menu { +#alert { + width: 150px; + margin: 10px; + padding: 10px; + border: 1px solid #ccc; + background: #d00; + line-height: 1.2em; + text-align: left; + font-size: 14px; +} + +.left_menu { width: 150px; min-width: 150px; margin: 10px; @@ -94,67 +104,72 @@ body { font-size: 14px; font-weight: bold; } -#left_menu td { + +.left_menu td { font-size: 12px; padding-right: 4px; } -#left_menu h1 { + +.left_menu h1 { font-style: normal; font-size: 15px; padding: 0 0 0 1em; text-align: left; } -#left_menu ul { +.left_menu ul { /*list-style: none;*/ padding-left: 10px; margin: 0; } -#left_menu li { +.left_menu li { margin:0; padding:0; } -#left_menu img { +.left_menu img { margin: 2px 8px 0 0; } -#left_menu a { +.left_menu a { color: #000000; text-decoration: none; } -#left_menu a:visited { +.left_menu a:visited { color: #000000; text-decoration: none; } -#left_menu a:active { +.left_menu a:active { color: #000000; text-decoration: none; } -#left_menu a:link { +.left_menu a:link { color: #000000; text-decoration: none; } -#left_menu a:hover { +.left_menu a:hover { color: #000000; text-decoration: underline; } +#messages { + border: 1px solid #ccc; +} -#main_area { - width: 700px; + +#content { padding: 0; - /*padding-left: 1em;*/ margin: 0; - position: absolute; + position: absolute; left: 192px; + right: 10px; top: 35px; - background: none; + bottom: 10px; line-height: 1.2em; text-align: left; } @@ -167,7 +182,6 @@ body { text-align: center; } - #mapImage { position: absolute; left: 0px; @@ -176,9 +190,9 @@ body { top: 0px; left: 14px; } + #mapEpilog { font-size: x-small; - } #keyvalue { @@ -246,7 +260,7 @@ hides rule from IE5-Mac \*/ margin: 0; padding-left: 215px; padding-top: 5px; - background: url(tab_bottom.gif) repeat-x bottom; + background: url('/images/tab_bottom.gif') repeat-x bottom; } #tabnav li { @@ -287,11 +301,6 @@ hides rule from IE5-Mac \*/ font-size: 10px; } -#geocoder { - font-size: 12px; - padding-top: 5px; - padding-left: 14px; -} .gpxsummary { font-size: 12px; @@ -325,7 +334,19 @@ hides rule from IE5-Mac \*/ } .oboxheader { - font-size: 18px; + font-size: 14px; + font-weight: bold; + line-height: 1.4em; + text-align: top; +} + +.optionalbox form { + margin: 0px; + padding: 0px; +} + +.optionalbox input { + width: 100%; } .rsssmall { @@ -362,3 +383,176 @@ hides rule from IE5-Mac \*/ cursor: pointer; } +#map { + position: absolute; + border: 1px solid black; + margin: 0px; + padding: 0px; + left: 0px; + right: 2px; + top: 0px; + bottom: 0px; +} + +#search_results { + display: none; + position: absolute; + border: 1px solid black; + margin: 0px; + padding: 0px; + width: 30%; + left: 0px; + top: 0px; + bottom: 0px; +} + +#search_results_content { + overflow: auto; + position: absolute; + font-size: 13px; + line-height: 14px; + top: 29px; + bottom: 0px; + left: 0px; + right: 0px; +} + +.search_results_title { + margin: 0px; + padding: 3px 6px 3px 6px; + height: 29px; + font-size: 14px; + line-height: 15px; + border-bottom: 1px solid black; + background: #bbb; +} + +.search_results_heading { + margin: 0px; + padding: 3px 6px 3px 6px; + border: 1px solid #ccc; + background: #ddd; +} + +.search_results_entry { + margin: 0px; + padding: 2px 6px 2px 6px; +} + +.search_results_error { + margin: 0px; + padding: 2px 6px 0px 6px; + color: #f00; +} + +.search_help { + font-size: 10px; + line-height: 1em; + margin-top: 3px; + margin-bottom: 0px; +} + +/* rails error field stuff */ + +.fieldWithErrors { + padding: 2px; + background-color: red; + display: table; +} + +#notice { + border: 1px solid green; + padding: 7px; + background-color: #f0fff0; + margin-bottom: 20px; +} + +#errorExplanation { + width: 400px; + border: 2px solid red; + padding: 7px; + padding-bottom: 12px; + margin-bottom: 20px; + background-color: #f0f0f0; +} + +#errorExplanation h2 { + text-align: left; + font-weight: bold; + padding: 5px 5px 5px 15px; + font-size: 12px; + margin: -7px; + background-color: #c00; + color: #fff; +} + +#errorExplanation p { + color: #333; + margin-bottom: 0; + padding: 5px; +} + +#errorExplanation ul li { + font-size: 12px; + list-style: square; +} + +input { + border: 1px solid black; +} + +.nohome .location { + display: none; +} + +#homerow .message { + display: none; +} + +.nohome .message { + display: inline !important; +} + +.editDescription { + 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 p#highlightinfo p, #popup p { + margin : 0; + padding : 2px; + } + + +/**State of the Map */ + +#sotminfo { + background: #9999FF; + font-size: 11px; + margin: 0px; + padding: 0px; + border: 1px solid #ccc; + left: 0px; + line-height: 1.2em; + text-align: Left; + font-weight: normal; +}