X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/69437cf0ad12550ebfaadea56d074ac9996b8ca0..9d8ab7dbd11f9fff0faf82b948bf1a07e86aa5b7:/app/assets/stylesheets/common.css.scss?ds=sidebyside diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 5166c7a31..5a26d12f3 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -104,10 +104,6 @@ body { height: 100%; } -body.slim { - background-color: #f0f0f0; -} - h1, h2, h3 { font-weight: 600; line-height: 1.2; @@ -916,6 +912,7 @@ header .search_form { .search_form { position: relative; padding: $lineheight/2; + padding-top: 1px; background-color: $lightgrey; .query_wrapper { @@ -946,15 +943,13 @@ header .search_form { border-radius: 0 2px 2px 0; } - .describe_location { - position: absolute; - top: 6px; - right: 6px; + .query_options { + text-align: right; font-size: 10px; color: $blue; } - .query_wrapper.routing { + .routing { display: none; } } @@ -996,7 +991,9 @@ header .search_form { /* Rules for routing */ #sidebar_content>table { - margin: 20px 0px 10px 15px; + padding: 5px 20px 10px 15px; + width: 100%; + border-collapse: separate; } td.direction { @@ -1008,6 +1005,32 @@ td.direction { td.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; } } +.routing_submit { + margin-top: 30px !important; +} + +p#routing_summary { + padding: 0 $lineheight $lineheight/4; +} + +td.instruction, td.distance { + padding-top: 0; + border-bottom: 1px solid #DDD; +} +td.distance { + color: #BBB; + text-align: right; + font-size: x-small; +} +tr.turn { + cursor: pointer; +} +tr.turn:hover { + background: lighten($green, 30%); +} +.routing_engines, #route_from, #route_to { margin-left: 25px; } +.routing_marker { width: 15px; position: absolute; } + /* Rules for entity history */ #sidebar_content { @@ -1198,6 +1221,15 @@ td.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; } } } +/* Rules for the routing sidebar */ + +#sidebar_content { + #routing_credit { + text-align: center; + padding: 0.5em; + } +} + /* Rules for edit pages */ .site-edit { @@ -1298,42 +1330,6 @@ td.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; } z-index: 2000; } -#slim_container { - width: 100%; -} - -#slim_container_content { - max-width: 50em; - background-color: #FFFFFF; - margin: $lineheight/2 auto; - padding: 3px; - border-radius: 25px; - -moz-border-radius: 25px; - border: 1px solid #e6e6e6; -} - -#slim_content { - margin: $lineheight/2; - margin-top: 95px; - max-width: 50em; - - .content-heading { - margin-bottom: 15px; - } -} - -#slim_header { - margin: 30px $lineheight/2; - position: absolute; - top: 0px; - margin-right: $lineheight/4; - img { - vertical-align: middle; - margin-bottom: $lineheight/4; - margin-right: $lineheight/4; - } -} - /* Rules for small maps in content areas */ .content_map {