X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/44629832dd0207d7b0f50b93f1d00b4373dd4d49..83b3db99747b9630dff3ad3292a68daa6599d0e5:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index a7591ba21..fa6136089 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -38,7 +38,6 @@ abbr, acronym { strong { font-weight: bold; - font-weight: 500; } /* Micro Clearfix | Details: http://nicolasgallagher.com/micro-clearfix-hack/ */ @@ -110,13 +109,11 @@ body.slim { } h1, h2, h3 { - font-weight: bold; - font-weight: 500; + font-weight: 600; line-height: 1.2; } h4, h5 { - font-weight: bold; font-weight: 500; } @@ -212,8 +209,7 @@ table { line-height: $lineheight; } th { - font-weight: bold; - font-weight: 500; + font-weight: 600; vertical-align: top; } td { @@ -310,7 +306,6 @@ nav.primary { a.tab, .dropdown-toggle { display: inline-block; - font-weight: bold; font-weight: 500; color: $green; padding: 5px 15px; @@ -357,7 +352,7 @@ nav.secondary { display: inline-block; text-decoration: none; color: $darkgrey; - padding: 3px 5px 5px 5px; + padding: 5px; &:hover { color: darken($darkgrey, 25%); } } @@ -632,7 +627,7 @@ nav.secondary { float: left; width: $sidebarWidth; background: #fff; - font-size: 13px; + font-size: 12px; h2 { padding: $lineheight $lineheight $lineheight/2; @@ -641,6 +636,7 @@ nav.secondary { h3, h4 { margin-top: $lineheight; margin-bottom: $lineheight/2; + font-size: 13px; } .icon.close { @@ -649,19 +645,28 @@ nav.secondary { } } + .welcome { + display: none; + } + .overlay-sidebar #sidebar { position: absolute; z-index: 1000; height: auto; border-bottom-right-radius: 5px; overflow: hidden; + .welcome { + display: block; + } + #sidebar_content { + display: none; + } } .welcome { p { padding: $lineheight/2 $lineheight $lineheight; font-size: 110%; - font-weight: normal; font-weight: 300; } @@ -747,8 +752,7 @@ nav.secondary { padding: 2px 6px; border-bottom-right-radius: 3px; cursor: pointer; - font-weight: bold; - font-weight: 500; + font-weight: 600; font-size: 16px; text-stroke: 2px #fff; background: rgba(255,255,255,.9); @@ -1024,7 +1028,7 @@ header .search_form { } } - :last-child { + .browse-section:last-of-type { border-bottom: none; } @@ -1065,25 +1069,25 @@ header .search_form { border: 1px solid #ddd; border-radius: 3px; font-size: 12px; + table-layout: fixed; + border-collapse: separate; - li { + th, td { border-bottom: 1px solid #ddd; } - li:last-child { + tr:last-child th, tr:last-child td { border-bottom: 0; } .browse-tag-k, .browse-tag-v { - display: inline-block; width: 50%; - float: left; padding: 6px 10px; + word-wrap: break-word; } .browse-tag-k { - font-weight: bold; font-weight: 500; background-color: #F6F6F6; } @@ -1109,6 +1113,7 @@ header .search_form { } .note-description { + overflow: hidden; margin: 0 0 10px 10px; } } @@ -1155,6 +1160,7 @@ header .search_form { .export_button { margin-top: $lineheight; + margin-bottom: $lineheight; } dl { @@ -1178,6 +1184,7 @@ header .search_form { #map { height: 100%; + overflow: hidden; } } @@ -1190,7 +1197,7 @@ header .search_form { } .content-body { - h1, h2, h3, p { + h1, h2, h3, p, ul, ol { margin-bottom: $lineheight; } @@ -1262,7 +1269,7 @@ header .search_form { right: 0; bottom: 0; border: 0; - z-index: 1000; + z-index: 2000; } #slim_container { @@ -1668,6 +1675,10 @@ header .search_form { vertical-align: middle; } +.inbox-sent { + white-space: nowrap; +} + .inbox-mark-unread, .inbox-mark-read, .inbox-delete { @@ -1736,7 +1747,6 @@ header .search_form { margin: 0 -10px 10px -10px; padding: $lineheight/4 $lineheight/4 $lineheight/4 15px; font-weight: bold; - font-weight: 500; font-size: 12px; background-color: #c00; color: #fff; @@ -1770,7 +1780,6 @@ header .search_form { margin-bottom: $lineheight/4; font-size: $typeheight; font-weight: bold; - font-weight: 500; line-height: 1.5; } label.standard-label.secondary { @@ -2476,7 +2485,6 @@ a.button { h1 { display: block; color: white; - font-weight: normal; font-weight: 300; font-size: 34px; span {