X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/bd3bddc8484f4e3d0eb4afdd42f2a8cf94f1534e..0f111e7e2a44f0195aee3e329dd2adce325a347b:/public/stylesheets/site.css diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index 6fcc5f421..57b6fe11c 100644 --- a/public/stylesheets/site.css +++ b/public/stylesheets/site.css @@ -23,8 +23,8 @@ body { font-family: Arial,sans-serif; color: #000; background-color: #fff; - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; } #left { @@ -45,17 +45,17 @@ body { #logo h1 { font-size: 14px; text-align: center; - margin: 0; + margin: 0px; } #logo h2 { font-size: 10px; - margin: 0; + margin: 0px; } #greeting { float: right; height: 20px; - margin: 0; + margin: 0px; padding-right: 10px; padding-top: 5px; font-size: 13px; @@ -64,13 +64,14 @@ body { } #intro { - width: 150px; + width: 170px; margin: 10px; - padding: 10px; border: 1px solid #ccc; font-size: 11px; } +#intro p { margin: 10px; } + #alert { width: 150px; margin: 10px; @@ -82,13 +83,24 @@ body { font-size: 14px; } +.notice { + width: 150px; + margin: 10px; + padding: 10px; + border: 1px solid #ccc; + background: #ea0; + line-height: 1.2em; + text-align: left; + font-size: 14px; +} + .left_menu { width: 150px; min-width: 150px; margin: 10px; padding: 10px; border: 1px solid #ccc; - left: 0; + left: 0px; background: #ddd; line-height: 1.2em; text-align: Left; @@ -104,23 +116,23 @@ 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, .left_menu a:visited, .left_menu a:active, .left_menu a:link, .left_menu a:hover { @@ -139,8 +151,8 @@ body { #content { - padding: 0; - margin: 0; + padding: 0px; + margin: 0px; position: absolute; left: 192px; right: 10px; @@ -152,7 +164,7 @@ body { #bottom_bar { position: absolute; - bottom: 0; + bottom: 0px; width: 100%; font-size: x-small; text-align: center; @@ -160,10 +172,10 @@ body { #mapImage { position: absolute; - left: 0; + left: 0px; } #drag { - top: 0; + top: 0px; left: 14px; } @@ -175,7 +187,7 @@ body { font-size: small; text-align: left; border-collapse: collapse; - border-width: 0; + border-width: 0px; } #keyvalue.th { @@ -188,60 +200,54 @@ 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; + font-size: 93%; + line-height: normal; } #header ul { - margin:0; - padding:10px 10px 0 215px; - list-style:none; + margin: 0px; + padding: 10px 10px 0px 215px; + list-style: none; } #header li { - float:left; - /*background:url("left.gif") no-repeat left top;*/ - margin:0; - padding:0 0 0 9px; + float: left; + margin: 0px; + padding: 0px 0px 0px 9px; } #header li a { - 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; + float: left; + display: block; + 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; -} -#header #current { - /* background-image:url("left_on.gif"); */ + color: #333; } #header #current a { - background-image:url("right_on.gif"); - color:#333; - padding-bottom:5px; + color: #333; + padding-bottom: 5px; } #tabnav { height: 20px; - margin: 0; + margin: 0px; padding-left: 215px; padding-top: 5px; background: url('/images/tab_bottom.gif') repeat-x bottom; } #tabnav li { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; display: inline; list-style-type: none; } @@ -277,6 +283,12 @@ hides rule from IE5-Mac \*/ font-size: 10px; } +hr { + border: none; + background-color: #ccc; + color: #ccc; + height: 1px; +} .gpxsummary { font-size: 12px; @@ -302,7 +314,7 @@ hides rule from IE5-Mac \*/ margin: 10px; padding: 10px; border: 1px solid #ccc; - left: 0; + left: 0px; line-height: 1.2em; text-align: left; font-size: 12px; @@ -324,8 +336,8 @@ hides rule from IE5-Mac \*/ } .optionalbox form { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; } #search_field form { @@ -355,17 +367,9 @@ hides rule from IE5-Mac \*/ top: 4px; } -#cclogo { - width: 150px; - min-width: 150px; - margin: 10px; - padding: 10px; - left: 0; - line-height: 1.2em; - text-align: left; - font-size: 14px; - font-weight: bold; - background: #fff; +.button { + margin-top: 10px; + margin-bottom: 10px; } #controls img @@ -376,10 +380,10 @@ hides rule from IE5-Mac \*/ #controls { position:absolute; - top:0; - left:0; - width:64px; - height:32px; + top: 0px; + left: 0px; + width: 64px; + height: 32px; z-index: 9998; cursor: pointer; } @@ -387,24 +391,24 @@ hides rule from IE5-Mac \*/ #map { position: absolute; border: 1px solid black; - margin: 0; - padding: 0; - left: 0; + margin: 0px; + padding: 0px; + left: 0px; right: 2px; - top: 0; - bottom: 0; + top: 0px; + bottom: 0px; } #sidebar { display: none; position: absolute; border: 1px solid black; - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; width: 30%; - left: 0; - top: 0; - bottom: 0; + left: 0px; + top: 0px; + bottom: 0px; } #sidebar_content { @@ -413,13 +417,13 @@ hides rule from IE5-Mac \*/ font-size: 13px; line-height: 14px; top: 29px; - bottom: 0; - left: 0; - right: 0; + bottom: 0px; + left: 0px; + right: 0px; } .sidebar_title { - margin: 0; + margin: 0px; padding: 3px 6px; height: 29px; font-size: 14px; @@ -429,32 +433,32 @@ hides rule from IE5-Mac \*/ } .browse_heading { - margin: 0; + margin: 0px; padding: 3px 6px; border: 1px solid #ccc; background: #ddd; } .browse_details { - margin: 0; - padding: 0 6px; + margin: 0px; + padding: 0px 6px; } .search_results_heading { - margin: 0; + margin: 0px; padding: 3px 6px; border: 1px solid #ccc; background: #ddd; } .search_results_entry { - margin: 0; + margin: 0px; padding: 2px 6px; } .search_results_error { - margin: 0; - padding: 2px 6px 0; + margin: 0px; + padding: 2px 6px 0px; color: #f00; } @@ -462,7 +466,7 @@ hides rule from IE5-Mac \*/ font-size: 10px; line-height: 1em; margin-top: 3px; - margin-bottom: 0; + margin-bottom: 0px; } .olControlAttribution { @@ -510,7 +514,7 @@ hides rule from IE5-Mac \*/ #errorExplanation p { color: #333; - margin-bottom: 0; + margin-bottom: 0px; padding: 5px; } @@ -527,6 +531,16 @@ input[type="submit"] { border: 1px solid black; } +#accountForm td { + padding-bottom:10px; +} + +.fieldName { + text-align:right; + font-weight:bold; +} + + .nohome .location { display: none; } @@ -539,9 +553,8 @@ input[type="submit"] { display: inline !important; } -.editDescription { - height : 10ex; - width : 30em; +.minorNote { + font-size:0.8em; } .nowrap { @@ -549,30 +562,8 @@ input[type="submit"] { } #map #popup p { - margin : 0; - padding : 2px; -} - -/**State of the Map */ - -#sotminfo { - background: #99F; - font-size: 11px; - margin: 0; - padding: 0; - border: 1px solid #ccc; - left: 0; - line-height: 1.2em; - text-align: Left; - font-weight: normal; -} - -#sotminfo a:link { - text-decoration: underline; -} - -#sotminfo a:visited { - text-decoration: underline; + margin: 0px; + padding: 2px; } #permalink { @@ -588,7 +579,7 @@ input[type="submit"] { } .export_heading { - margin: 0; + margin: 0px; padding: 3px 6px; border: 1px solid #ccc; background: #ddd; @@ -620,7 +611,7 @@ input[type="submit"] { } .export_hint { - padding: 0 12px; + padding: 0px 12px; font-style: italic; } @@ -630,8 +621,8 @@ input[type="submit"] { } #noscript { - z-index:20000000; - position:absolute; - top:15px; - left:15px + z-index: 20000000; + position: absolute; + top: 15px; + left: 15px }