X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/9aa17258fcccf5b1f292e1190bd9a2968822274e..3bc20b6f21cb52a1ccaf10728a7e383df9fe7a7e:/app/assets/stylesheets/common.scss diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index e0eec7bda..c957df785 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -79,6 +79,16 @@ a { color: $blue; } +/* Rules for borders */ +/* These add additional colours to those provided by bootstrap */ +.border-grey { + border-color: $grey !important; +} + +.border-lightgrey { + border-color: $lightgrey !important; +} + /* Rules for the header */ #menu-icon { @@ -216,11 +226,6 @@ nav.secondary { } } - img.user_thumbnail_tiny { - border: 0; - border-radius: 3px; - } - #inboxanchor { display: inline-block; height: 25px; @@ -370,8 +375,6 @@ body.compact-nav { } h3, h4 { - margin-top: $lineheight; - margin-bottom: $lineheight/2; font-size: 1.25rem; } @@ -390,23 +393,6 @@ body.compact-nav { top: 20px; } } - - .icon.close { - float: right; - cursor: pointer; - } - - .flash { - padding: 15px; - - picture { - margin-right: -25px; - } - - div.message { - margin-left: 30px; - } - } } .overlay-sidebar #sidebar { @@ -791,7 +777,6 @@ tr.turn:hover { } .comments { - float: right; color: $darkgrey; } @@ -814,7 +799,6 @@ tr.turn:hover { border-bottom: 1px solid $grey; h4:first-child { - margin-top: 0; word-wrap: break-word; } } @@ -823,13 +807,6 @@ tr.turn:hover { border-bottom: none; } - .paginate { - float: right; - padding: 1px 6px; - border: 1px solid $lightgrey; - border-radius: 3px; - } - .browse-field { margin-bottom: 10px; @@ -853,12 +830,11 @@ tr.turn:hover { .browse-tag-list { background-color: $offwhite; - border: 1px solid $grey; - border-radius: 3px; table-layout: fixed; border-collapse: separate; border-spacing: 0; width: 100%; + margin-bottom: $spacer; th, td { border-bottom: 1px solid $grey; @@ -911,7 +887,7 @@ tr.turn:hover { .subscribe-buttons { float: left; - margin: 18px 10px 10px; + margin: 0 10px; min-width: 80px; } @@ -967,7 +943,7 @@ tr.turn:hover { } .export_area_inputs { - margin-bottom: $lineheight/2; + margin-bottom: $spacer; input[type="text"] { width: 100px; text-align: center; @@ -976,8 +952,6 @@ tr.turn:hover { .export_boxy { background: $lightgrey; - border: 1px solid $grey; - border-radius: 3px; #maxlat { margin-top: -1px; } #minlon { @@ -1064,6 +1038,7 @@ tr.turn:hover { background-image: image-url("sign-up-illustration-arm.png"); position: absolute; z-index: 100; + pointer-events: none; } } @@ -1084,7 +1059,6 @@ tr.turn:hover { .content_map { height: 200px; - border: 1px solid $grey; margin-bottom: $lineheight; } @@ -1094,13 +1068,6 @@ tr.turn:hover { } } -/* Rules for the user profile page */ - -.contact-activity { - margin-top: $lineheight; - width: 100%; -} - /* Rules for the user map */ .content_map .leaflet-popup-content { @@ -1117,30 +1084,12 @@ tr.turn:hover { margin-top: 0 0 0 60px; font-size: 12px; } - img.user_thumbnail { - float: left; - margin: 0 $lineheight/2 0 0; - } } /* Rules for the user list */ #user_list { width: 100%; - - tr { - vertical-align: middle; - } - - p { - margin-top: 0px; - margin-bottom: 0px; - } -} - -#user_list_actions { - float: right; - margin-top: $lineheight/2; } /* Rules for the diary list page */ @@ -1178,7 +1127,6 @@ tr.turn:hover { .diary_entries { #map { height: 400px; - border: 1px solid $grey; display: none; margin-bottom: $lineheight; } @@ -1226,7 +1174,6 @@ tr.turn:hover { .users-terms { .legale { - border: 1px solid $grey; padding: $lineheight; margin-bottom: $lineheight; overflow: auto; @@ -1424,29 +1371,11 @@ tr.turn:hover { img.user_image { max-width: 100px; max-height: 100px; - border: 1px solid $grey; - margin-bottom: $lineheight; - float: left; - margin-right: $lineheight; -} - -img.user_image_no_margins { - max-width: 100px; - max-height: 100px; - border: 1px solid $grey; } img.user_thumbnail { max-width: 50px; max-height: 50px; - border: 1px solid $grey; - margin-right: $lineheight; -} - -img.user_thumbnail_no_margins { - max-width: 50px; - max-height: 50px; - border: 1px solid $grey; } img.user_thumbnail_tiny { @@ -1454,7 +1383,6 @@ img.user_thumbnail_tiny { height: auto; max-width: 25px; max-height: 25px; - border: 1px solid $grey; } /* Rules for geo microformats */ @@ -1612,10 +1540,6 @@ dl.dl-inline { } } -.comments .richtext { - margin-left: 70px; -} - /* Rules for the user notes list */ .note_list { @@ -1745,8 +1669,8 @@ dl.dl-inline { .byosm span { display: inline-block; - width: 20px; - margin-left: -20px; + width: 1em; + margin-left: -1em; } }