X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/daf55682f8d2a2f7f5c424beb67aeca60f57f4f5..549372323700eff5855baffecdfd095d2f8a4555:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 709d5fd98..57ac0f17e 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -241,6 +241,7 @@ table { border-bottom: $keyline; #query_wrapper { + position: relative; overflow: hidden; } @@ -266,6 +267,14 @@ table { min-width: 0; border-radius: 0 2px 2px 0; } + + #describe_location { + position: absolute; + top: 6px; + right: 6px; + font-size: 10px; + color: $blue; + } } /* Utility for de-emphasizing content */ @@ -319,40 +328,53 @@ header { float: left; } + a, a:hover { + text-decoration: none; + } + img.logo { - width: 30px; - height: 30px; + width: 40px; + height: 40px; vertical-align: middle; } h1 { margin: 0; border-right: $keyline; + + a { + color: #000; + } } } nav.primary { > ul { - border: 1px solid darken($green, 20%); + $border: 1px solid darken($green, 20%); + + border: $border; border-radius: 4px; + + > li { + border-right: $border; + &:last-child { border-right: 0; } + } } - a.tab { + a.tab, + .dropdown-toggle { display: inline-block; font-weight: bold; - text-decoration: none; color: $green; padding: 5px 15px; - border-right: 1px solid darken($green, 20%); } - #edit_tab a.tab { - border-right: 1px solid lighten($green, 20%); + .dropdown-toggle { + padding: 5px 10px; } - .dropdown-toggle { - display: inline-block; - padding: 6px 10px 4px 10px; + #edit_tab a.tab { + border-right: 1px solid lighten($green, 20%); } .caret { @@ -371,20 +393,17 @@ nav.primary { border-top-color: #ccc; } } -} -.site-index #view_tab, -.changeset-list #history_tab, -.site-export #export_tab, -.site-edit #edit_tab { - background-color: $green; + > ul li.current { + background-color: $green; - .tab { - color: #fff; - } + .tab { + color: #fff; + } - .caret { - border-top-color: #fff; + .caret { + border-top-color: #fff; + } } } @@ -392,10 +411,6 @@ nav.secondary { position: absolute; right: 0; - > ul { - margin-right: 10px; - } - > ul a, .dropdown-toggle { display: inline-block; @@ -405,21 +420,36 @@ nav.secondary { padding: 5px 5px; } - .dropdown { - border: 1px solid $grey; + > ul li.current a { + color: darken($darkgrey, 25%); + } + + .user-menu { + $border: 1px solid $grey; + + border: $border; border-radius: 4px; + margin-left: 10px; + + > li { + border-right: $border; + &:last-child { border-right: 0; } + } + + a { + padding: 5px 15px; + } } .caret { border-top-color: $grey; margin-top: 10px; - margin-right: 5px; } img.user_thumbnail_tiny { border: 0; vertical-align: top; - margin: 2px 0 0 3px; + margin-top: 2px; border-radius: 2px 0 0 2px; } @@ -736,25 +766,6 @@ nav.secondary { -webkit-border-radius: 4px !important; } -/* Rules for edit menu */ - -.menu { - display: none; - z-index: 10000; - position: absolute; - background-color: #ffffff; - border: 1px solid $lightgrey; - border-top: 0px; - ul { - margin: 0px; - } - li { - padding: 2px $lineheight/4; - border-top: 1px solid #eee; - white-space: nowrap; - } -} - /* Rules for attribution text under the main map shown on printouts */ #attribution {