X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/d13ef1db021391e677a2c3d75f3b0999064ffb3a..3d906fe8c6303c00e399ce2dfecc3471959fbe6e:/public/stylesheets/site.css?ds=sidebyside diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index dee3e8504..54a70a611 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 { @@ -75,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; @@ -93,6 +83,22 @@ body { font-size: 14px; } +#sotm { + width: 170px; + padding: 0px; +} + +.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; @@ -115,47 +121,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; -} - -.left_menu a { - color: #000000; - text-decoration: none; + margin: 2px 8px 0px 0px; } -.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 +156,8 @@ body { #content { - padding: 0; - margin: 0; + padding: 0px; + margin: 0px; position: absolute; left: 192px; right: 10px; @@ -197,14 +188,30 @@ body { font-size: x-small; } -#keyvalue { +#changeset_list, #keyvalue { font-size: small; text-align: left; border-collapse: collapse; - border-width: 0; + border-width: 0px; } -#keyvalue.th { +#changeset_list { + width: 100%; +} + +#changeset_list .date { + white-space: nowrap; +} + +#changeset_list .user { + white-space: nowrap; +} + +#changeset_list .area { + white-space: nowrap; +} + +#changeset_list.th { font-weight: bold; } @@ -214,46 +221,40 @@ 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 0px 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 @@ -266,8 +267,8 @@ hides rule from IE5-Mac \*/ } #tabnav li { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; display: inline; list-style-type: none; } @@ -278,7 +279,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; @@ -303,6 +304,12 @@ hides rule from IE5-Mac \*/ font-size: 10px; } +hr { + border: none; + background-color: #ccc; + color: #ccc; + height: 1px; +} .gpxsummary { font-size: 12px; @@ -330,7 +337,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; } @@ -354,13 +361,21 @@ 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: 2px; + padding-bottom: 6px; } #search_active { @@ -373,17 +388,9 @@ hides rule from IE5-Mac \*/ top: 4px; } -#cclogo { - width: 150px; - min-width: 150px; - margin: 10px; - padding: 10px; - left: 0px; - line-height: 1.2em; - text-align: Left; - font-size: 14px; - font-weight: bold; - background: #fff; +.button { + margin-top: 10px; + margin-bottom: 10px; } #controls img @@ -394,10 +401,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; } @@ -438,7 +445,7 @@ hides rule from IE5-Mac \*/ .sidebar_title { margin: 0px; - padding: 3px 6px 3px 6px; + padding: 3px 6px; height: 29px; font-size: 14px; line-height: 15px; @@ -446,21 +453,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; } @@ -516,7 +535,7 @@ hides rule from IE5-Mac \*/ #errorExplanation p { color: #333; - margin-bottom: 0; + margin-bottom: 0px; padding: 5px; } @@ -525,10 +544,24 @@ 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; +} + +#accountForm td { + padding-bottom:10px; +} + +.fieldName { + text-align:right; + font-weight:bold; +} + + .nohome .location { display: none; } @@ -541,9 +574,8 @@ input { display: inline !important; } -.editDescription { - height : 10ex; - width : 30em; +.minorNote { + font-size:0.8em; } .nowrap { @@ -551,22 +583,8 @@ input { } #map #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; + padding: 2px; } #permalink { @@ -583,7 +601,7 @@ input { .export_heading { margin: 0px; - padding: 3px 6px 3px 6px; + padding: 3px 6px; border: 1px solid #ccc; background: #ddd; } @@ -598,7 +616,7 @@ input { } .export_details { - padding: 2px 6px 2px 6px; + padding: 2px 6px; } #export_osm { @@ -614,7 +632,7 @@ input { } .export_hint { - padding: 0px 12px 0px 12px; + padding: 0px 12px; font-style: italic; } @@ -622,3 +640,10 @@ input { width: 100%; text-align: center; } + +#noscript { + z-index: 20000000; + position: absolute; + top: 15px; + left: 15px +}