X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/ca8ef7dd7d55591ce126d067b7c68602b8de6060..582ab35ecd0b0cfacaedf8cbe1d6eadff302973b:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 82b78f664..46f679955 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -237,6 +237,11 @@ table { /* Rules for the header */ +#menu-icon { + display: none; + float: right; +} + header { height: $headerHeight; position: relative; @@ -433,7 +438,7 @@ nav.secondary { .count-number { padding: 2px $lineheight/4; border-radius: 2px; - background: #d7d7ff; + background: lighten($green, 30%); margin: 0 2px; font-size: 11px; color: #333; @@ -709,23 +714,22 @@ nav.secondary { label { position: absolute; - top: 10px; - left: 8px; + top: 0; + left: 0; padding: 2px 6px; - border-radius: 3px; + border-bottom-right-radius: 3px; cursor: pointer; font-weight: 500; font-size: 16px; text-stroke: 2px #fff; - background: rgba(255,255,255,.8); + background: rgba(255,255,255,.9); text-shadow: -2px -2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff, 2px 2px 1px #fff; input[type="radio"] { - vertical-align: middle; - margin-bottom: 4px; + display: none; } } @@ -1027,6 +1031,11 @@ a.donate { &.selected { background: lighten($green, 35%); } } + + .comment a { + font-weight: bold; + color: #000; + } } /* Rules for the data browser */ @@ -1099,20 +1108,6 @@ a.donate { } } -/* Rules for the changeset details */ - -#sidebar_content { - .browse-section.header { - padding: 20px; - border-bottom: 1px solid #ccc; - - h2 { - padding: 0 0 5px 0; - border-bottom: none; - } - } -} - /* Rules for export information which appears in the popout sidebar */ .export_bounds { @@ -1240,12 +1235,6 @@ a.donate { } } -@media only screen and (max-width:900px) { - .header-illustration.new-user-arm { - display: none; - } -} - #content.maximised { top: 0; left: 0; @@ -2446,7 +2435,8 @@ a.button { } .site-about #content { - background-color: #000; + //background-color: #000; + background-color: #eee; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; @@ -2585,3 +2575,10 @@ a.button { } @import 'browse'; + +@media only screen and (max-width:960px) { + .header-illustration.new-user-arm { + display: none; + } +} +