X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/0d35a10a503f466f5cb7fe41fcb9e0c5167d9ee1..eeadb9e20222eade2f1db0bb599bef50eea15f93:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index fa4faa8ba..fab8461f8 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -169,7 +169,7 @@ table { height: 100%; width: 185px; font-size: 11px; - line-height: 12px; + line-height: 1.1; z-index: 100; border-right: 1px solid #ccc; } @@ -187,7 +187,7 @@ table { #logo h1 { font-size: 18px; - line-height: 20px; + line-height: 1.1; text-align: center; margin: 0px; } @@ -262,8 +262,8 @@ table { left: 0px; margin: 0; padding: 5px 10px; - line-height: 15px; font-size: 12px; + line-height: 1.25; list-style-type: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; @@ -335,7 +335,7 @@ table { width: 165px; padding: 3px; font-size: 14px; - line-height: 15px; + line-height: 1.1; height: 25px; padding: 2px 0px 2px 5px; box-shadow: inset #DDD 0px 1px 3px; @@ -382,38 +382,26 @@ table { .donate { display: block; - position: relative; width: 153px; padding: 5px; border: 1px solid #AED1A0; background: #cbeea7; - line-height: 20px; - text-align: center; font-size: 14px; + line-height: 1.4; + text-align: center; border-radius: 2px; - -moz-border-radius: 2px; color: #222; margin: 10px 10px 0px 10px; -} - -.donate:hover { - background: #9ed485; - text-decoration: none; -} - -.donate p { - text-indent: 20px; - margin: 0; -} -.donate .donate-icon { - width: 15px; - height: 15px; - border: 0px; - background: image-url("sprite.png") 0 -30px no-repeat; - position: absolute; - top: 8px; - left: 17px; + &:hover { + background: #9ed485; + text-decoration: none; + } + span { + margin: 0; + padding-left: 18px; + background: image-url("sprite.png") 0 -29px no-repeat; + } } /* Rules for Creative Commons logo button */ @@ -529,10 +517,21 @@ table { /* Rules for Leaflet maps */ -.leaflet-control-attribution a.disabled { - color: #99c9dc; - cursor: default; - text-decoration: none; +.leaflet-control-attribution { + a.disabled { + color: #99c9dc; + cursor: default; + text-decoration: none; + } + + ul.secondary-actions { + float: left; + margin-right: 5px; + + &:only-child { + margin-right: 0px; + } + } } .site-index .leaflet-top, @@ -681,7 +680,12 @@ table { } .search_results_entry { - margin-bottom: 0 ; + margin-bottom: 0; + + .search_details { + display: block; + text-align: right; + } } .search_results_entry .search_searching { @@ -936,14 +940,13 @@ ul.results-list li { border-bottom: 1px solid #ccc; } margin: 0px; padding: 4px 6px; } - div { - clear: left; - } h4, p { margin-bottom: 5px; } - p, ul, .bbox { - margin-left: 33.3333%; + p, ul, .bbox, .geo { + display: inline-block; + vertical-align: top; + max-width: 65%; } ul p { margin-left: 0; @@ -951,7 +954,8 @@ ul.results-list li { border-bottom: 1px solid #ccc; } } h4 { width: 33.3333%; - float: left; + display: inline-block; + vertical-align: top; } } @@ -1147,7 +1151,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; } } h1, h2 { font-size: 21px; - line-height: 21px; + line-height: 1; } small.deemphasize { float: left; @@ -1419,7 +1423,7 @@ p#contributorGuidance { vertical-align: top; font-weight: bold; font-size: 12px; - line-height: 20px; + line-height: 1.6666; text-align: right; } @@ -1586,6 +1590,12 @@ a.button.submit { font-size: 14px; } + code { + font-size: 13px; + background: #e8e8e8; + padding: 2px 3px; + } + img { padding: 20px; background-color: #f4f4ff; @@ -1642,7 +1652,7 @@ a.button.submit { display: inline-block; padding: 20px; background-color: #f4f4ff; - overflow-x: scroll; + overflow-x: auto; &.loading { background-image: image-url("loading.gif"); @@ -1773,3 +1783,34 @@ a.button.submit { text-align: right; } } + +/* + * Rules for the iD editor + */ +.id-embed { + width: 100%; + height: 100%; +} + +/* Rules for rotating sidebar ads */ +.ad-container { + display: block; + height: 120px; + overflow: hidden; + position: relative; + border-bottom: 1px solid #cccccc; +} + +.ads { + width: 370px; + position: absolute; + left: 0%; +} + +.ad { + float: left; + height: 100px; + padding: 10px; + border: 0px; + background: #fff; +}