X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/b3d92954d3ecfa01555bd621960e17f29d76d8d9..0aec1c5fa062feacf2ea7f6c8330ac7c7e2258bd:/public/stylesheets/common.css diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css index 2590c2d5f..a04604c2e 100644 --- a/public/stylesheets/common.css +++ b/public/stylesheets/common.css @@ -34,20 +34,22 @@ hr { #left { position: absolute; - top: -8px; - min-width: 150px; + top: 0px; + min-width: 170px; } /* Rules for the OpenStreetMap logo in the top left corner */ #logo { - width: 150px; - min-width: 150px; - padding: 10px; - margin: 10px; + width: 170px; + min-width: 170px; + padding: 5px; + margin: 5px; height: 150px; background: #fff; border: 1px solid #ccd; + border-radius: 5px; + -moz-border-radius: 5px; } #logo h1 { @@ -65,12 +67,15 @@ hr { #intro { width: 170px; - margin: 10px; + padding: 5px; + margin: 5px; border: 1px solid #ccc; font-size: 11px; + border-radius: 5px; + -moz-border-radius: 5px; } -#intro p { margin: 10px; } +#intro p { margin: 5px; } /* * Rules for alert boxes shown in the left sidebar when important @@ -79,14 +84,16 @@ hr { */ #alert { - width: 150px; - margin: 10px; - padding: 10px; + width: 170px; + margin: 5px; + padding: 5px; border: 1px solid #ccc; background: #d00; line-height: 1.2em; text-align: left; font-size: 14px; + border-radius: 5px; + -moz-border-radius: 5px; } /* @@ -96,23 +103,25 @@ hr { */ .notice { - width: 150px; - margin: 10px; - padding: 10px; + width: 170px; + margin: 5px; + padding: 5px; border: 1px solid #ccc; background: #ea0; line-height: 1.2em; text-align: left; font-size: 14px; + border-radius: 5px; + -moz-border-radius: 5px; } /* Rules for the menu displayed in the left sidebar */ .left_menu { - width: 150px; - min-width: 150px; - margin: 10px; - padding: 10px; + width: 170px; + min-width: 170px; + margin: 5px; + padding: 5px; border: 1px solid #ccc; left: 0px; background: #ddd; @@ -120,6 +129,8 @@ hr { text-align: Left; font-size: 14px; font-weight: bold; + border-radius: 5px; + -moz-border-radius: 5px; } .left_menu td { @@ -135,8 +146,9 @@ hr { } .left_menu ul { - padding-left: 10px; + padding-left: 0px; margin: 0px; + list-style-type: none; } .left_menu li { @@ -166,16 +178,18 @@ hr { */ .optionalbox { - width: 150px; - min-width: 150px; - margin: 10px; - padding: 10px; + width: 170px; + min-width: 170px; + margin: 5px; + padding: 5px; border: 1px solid #ccc; left: 0px; line-height: 1.2em; text-align: left; font-size: 12px; background: #eee; + border-radius: 5px; + -moz-border-radius: 5px; } .optionalbox h1 { @@ -206,7 +220,7 @@ hr { } #search_field input[type="text"] { - width: 116px; + width: 136px; } #search_field input[type="submit"] { @@ -223,14 +237,16 @@ hr { /* Rules for donation request box */ .donate { - width: 150px; - margin: 10px; - padding: 10px; + width: 170px; + margin: 5px; + padding: 5px; border: 1px solid #ccc; background: #cbeea7; line-height: 1.2em; text-align: center; font-size: 14px; + border-radius: 5px; + -moz-border-radius: 5px; } /* Rules for Creative Commons logo button */ @@ -271,6 +287,10 @@ hr { border: 1px solid #ccc; text-decoration: none; color: #333; + border-top-right-radius: 5px; + -moz-border-radius-topright: 5px; + border-top-left-radius: 5px; + -moz-border-radius-topleft: 5px; } #tabnav a:link.active, #tabnav a:visited.active @@ -335,15 +355,36 @@ hr { display: none !important; } -#map #permalink { - z-index:10000; - position:absolute; - bottom:15px; - right:15px; - font-size:smaller; +#permalink { + z-index: 10000; + position: absolute; + bottom: 15px; + right: 15px; + font-size: smaller; text-align: right; } +/* Rules for edit menu */ + +#editmenu { + display: none; + z-index: 10000; + position: absolute; + background-color: #ffffff; + border: 1px solid black; +} + +#editmenu ul { + margin-top: 10px; + margin-bottom: 10px; + padding-left: 10px; + padding-right: 10px; +} + +#editmenu li { + list-style-type: none; +} + /* Rules for attribution text under the main map shown on printouts */ #attribution { @@ -570,7 +611,7 @@ hr { } #user_list tr { - vertical-align: center; + vertical-align: middle; } #user_list p {