X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/ff752b072f44aad142314a57eed79271928d181a..9f3dace353d08417d23624781f059bd61dd56c52:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 357372a9b..6e1c8e016 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -11,8 +11,8 @@ $lightgrey: #EEE; $darkgrey: #AAA; $hovercolor: 20%; $headerHeight: 54px; -$sidebarWidth: 350px; -$keyline: 1px solid $grey; +$sidebarWidth: 300px; +$keyline: 1px solid $lightgrey; $border-radius: 3px; /* Styles common to large and small screens */ @@ -595,11 +595,13 @@ nav.secondary { border-right: $keyline; h2, h3, h4 { - padding: $lineheight; + padding: $lineheight $lineheight $lineheight/2; } h4 { font-weight: normal; + color: #666; + font-size: 12px; } .icon.close { @@ -620,16 +622,28 @@ nav.secondary { color: #666; } } + + p.large-text { + font-size: 1.7em; + line-height: 1.4em; + font-weight: 300; + } } #sidebar.minimized { position: absolute; z-index: 1000; height: auto; + border-right: none; #sidebar_content { display: none; } + + #search_form { + background: none; + width: 78%; + } } #map { @@ -805,7 +819,7 @@ nav.secondary { #sidebar_content { position: absolute; - top: 72px; + top: 50px; bottom: 0; width: 100%; overflow-y: auto; @@ -823,9 +837,8 @@ nav.secondary { #search_form { position: relative; - padding: $lineheight; + padding: $lineheight/2 $lineheight; background-color: $lightgrey; - border-bottom: $keyline; #query_wrapper { position: relative; @@ -925,7 +938,8 @@ a.donate { .search_results_entry { ul li { - border-bottom: 1px solid #ccc; + border-bottom: $keyline; + &:first-child { border-top: $keyline; } } .search_details { @@ -962,8 +976,12 @@ a.donate { } } -.browse_details { - position: relative; +/* Rules for entity history */ +#sidebar_content { + .browse_details { + position: relative; + border-bottom: $keyline; + } } .browse_status { @@ -988,7 +1006,15 @@ a.donate { #sidebar_content { .browse-section { - padding: 20px; + padding: 10px 20px; + + h4 { + padding: 0; + } + } + + .paginate ul { + padding-left: 20px; } .browse-field { @@ -1051,7 +1077,7 @@ a.donate { #sidebar_content { .browse-section.header { padding: 20px; - border-bottom: 1px solid #CCC; + border-bottom: $keyline; h2 { padding: 0 0 5px 0;