X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/516aef5d07eaaad43311bc60018648b952d95a1d..b450ce9d852934c092e2b64666607d4034ebc442:/public/stylesheets/site.css diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index b11eb191d..86b38f8ac 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,19 +39,38 @@ 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; +} + +/* The Map Key sidebar */ +#mapkey h3 { + font-size: 110%; + font-weight: normal; + text-align: center; +} + +#mapkey .mapkey-table { + padding-left: 5px; + padding-right: 5px; +} + +/*#mapkey .mapkey-table-key {}*/ + +#mapkey .mapkey-table-value { + font-size: 90%; } + #greeting { float: right; height: 20px; @@ -74,14 +82,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 +107,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 +145,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; -} - -.left_menu a:visited { - color: #000000; - text-decoration: none; -} - -.left_menu a:active { - color: #000000; - text-decoration: none; + margin: 2px 8px 0px 0px; } -.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 +180,8 @@ body { #content { - padding: 0; - margin: 0; + padding: 0px; + margin: 0px; position: absolute; left: 192px; right: 10px; @@ -197,14 +212,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; +} + +#changeset_list .user { + white-space: nowrap; +} + +#changeset_list .area { + white-space: nowrap; } -#keyvalue.th { +#changeset_list.th { font-weight: bold; } @@ -214,46 +245,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 +291,8 @@ hides rule from IE5-Mac \*/ } #tabnav li { - margin: 0; - padding: 0; + margin: 0px; + padding: 0px; display: inline; list-style-type: none; } @@ -278,7 +303,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 +328,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 +361,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 +385,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 +412,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 +425,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 +469,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 +477,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; } @@ -471,6 +514,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; @@ -512,7 +559,7 @@ hides rule from IE5-Mac \*/ #errorExplanation p { color: #333; - margin-bottom: 0; + margin-bottom: 0px; padding: 5px; } @@ -521,10 +568,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; } @@ -537,9 +598,8 @@ input { display: inline !important; } -.editDescription { - height : 10ex; - width : 30em; +.minorNote { + font-size:0.8em; } .nowrap { @@ -547,20 +607,68 @@ input { } #map #popup p { - margin : 0; - padding : 2px; + margin: 0px; + padding: 2px; } -/**State of the Map */ - -#sotminfo { - background: #9999FF; - font-size: 11px; +#permalink { + z-index:10000; + position:absolute; + bottom:15px; + right:15px; + font-size:smaller; + text-align: right; +} + +#attribution { + display: none; +} + +.export_heading { margin: 0px; - padding: 0px; + padding: 3px 6px; border: 1px solid #ccc; - left: 0px; - line-height: 1.2em; - text-align: Left; - font-weight: normal; + 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 }