X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/88105d9c643519e02082ba9cc5044bb0dfdcb7b9..8c0d27549a00a70155b379e34d7ba958caeec899:/public/stylesheets/site.css diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index df04b7c99..c8b1c5441 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 { @@ -74,14 +63,20 @@ body { background: url('/images/tab_bottom.gif') repeat-x bottom; } +/* An unread message (e.g. "inbox(1)") */ +.greeting-bar-unread { + font-weight: bold; +} + #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 +88,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 +126,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 +161,8 @@ body { #content { - padding: 0; - margin: 0; + padding: 0px; + margin: 0px; position: absolute; left: 192px; right: 10px; @@ -197,14 +193,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; +} + +#changeset_list { + width: 100%; +} + +#changeset_list .date { + white-space: nowrap; } -#keyvalue.th { +#changeset_list .user { + white-space: nowrap; +} + +#changeset_list .area { + white-space: nowrap; +} + +#changeset_list.th { font-weight: bold; } @@ -214,46 +226,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 +272,8 @@ hides rule from IE5-Mac \*/ } #tabnav li { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; display: inline; list-style-type: none; } @@ -278,7 +284,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 +309,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 +342,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; } @@ -381,17 +393,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 @@ -402,10 +406,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; } @@ -446,7 +450,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; @@ -454,21 +458,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; } @@ -524,7 +540,7 @@ hides rule from IE5-Mac \*/ #errorExplanation p { color: #333; - margin-bottom: 0; + margin-bottom: 0px; padding: 5px; } @@ -541,6 +557,16 @@ input[type="submit"] { border: 1px solid black; } +#accountForm td { + padding-bottom:10px; +} + +.fieldName { + text-align:right; + font-weight:bold; +} + + .nohome .location { display: none; } @@ -553,9 +579,8 @@ input[type="submit"] { display: inline !important; } -.editDescription { - height : 10ex; - width : 30em; +.minorNote { + font-size:0.8em; } .nowrap { @@ -563,30 +588,8 @@ input[type="submit"] { } #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; -} - -#sotminfo a:link { - text-decoration: underline; -} - -#sotminfo a:visited { - text-decoration: underline; + padding: 2px; } #permalink { @@ -603,7 +606,7 @@ input[type="submit"] { .export_heading { margin: 0px; - padding: 3px 6px 3px 6px; + padding: 3px 6px; border: 1px solid #ccc; background: #ddd; } @@ -618,7 +621,7 @@ input[type="submit"] { } .export_details { - padding: 2px 6px 2px 6px; + padding: 2px 6px; } #export_osm { @@ -634,7 +637,7 @@ input[type="submit"] { } .export_hint { - padding: 0px 12px 0px 12px; + padding: 0px 12px; font-style: italic; } @@ -644,8 +647,8 @@ input[type="submit"] { } #noscript { - z-index:20000000; - position:absolute; - top:15px; - left:15px + z-index: 20000000; + position: absolute; + top: 15px; + left: 15px }