X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/1107787f08ee0dd264ea3c7538081b9cf7205e8f..721e32b5cea97930cc96fba3b4bf295935943c0b:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index d00aa9682..e8b5a8238 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -1,20 +1,4 @@ -/* Parameters */ -$lineheight: 20px; -$typeheight: 14px; - -$offwhite: #f4f4ff; -$blue: #7092FF; -$lightblue: #B8C5F0; -$green: #7ebc6f; -$grey: #CCC; -$red: red; -$lightgrey: #EEE; -$darkgrey: #AAA; -$hovercolor: 20%; -$headerHeight: 54px; -$sidebarWidth: 300px; -$keyline: 1px solid $lightgrey; -$border-radius: 3px; +@import "parameters"; /* Styles common to large and small screens */ @@ -192,7 +176,7 @@ small, aside { /* Rules for links */ a { - color: #00f; + color: #24d; text-decoration: none; -webkit-appearance: none; outline: 0; @@ -655,20 +639,14 @@ nav.secondary { float: right; cursor: pointer; } - - -webkit-transition: margin 300ms linear; - -moz-transition: margin 300ms linear; - transition: margin 300ms linear; } .overlay-sidebar #sidebar { position: absolute; z-index: 1000; height: auto; - border-radius: 5px; + border-bottom-right-radius: 5px; overflow: hidden; - margin-top: $lineheight/2; - margin-left: $lineheight/2; } .welcome { @@ -900,21 +878,25 @@ nav.secondary { /* Rules for the search box */ -#search_form { +header .search_form { + display: none; +} + +.search_form { position: relative; padding: $lineheight/2; background-color: $lightgrey; - #query_wrapper { + .query_wrapper { position: relative; overflow: hidden; + border-radius: 2px 0 0 2px; } - input { + input[type=text] { width: 100%; height: 30px; border-right: none; - border-radius: 2px 0 0 2px; transition: 300ms linear; -webkit-transition: 300ms linear; @@ -933,7 +915,7 @@ nav.secondary { border-radius: 0 2px 2px 0; } - #describe_location { + .describe_location { position: absolute; top: 6px; right: 6px; @@ -1091,7 +1073,7 @@ a.donate { } } - .paginate ul, .note-comments ul { + .paginate ul { padding-left: 20px; } @@ -1988,7 +1970,7 @@ a.button { float: left; border-radius: 0; margin:0; - min-width: 100px; + min-width: 75px; max-width: 180px; border-right:1px solid white; text-overflow: ellipsis;