X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/c192bd0d40aab2bbabf47c1dd726c366ffa51db3..1dc1c0322508ee9ab9f576d25531471d61441890:/app/assets/stylesheets/common.scss diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index 46ef1c349..c010691c6 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -448,26 +448,11 @@ body.compact-nav { .welcome { display: none; - padding-bottom: 5px; p { - padding: $lineheight/2 $lineheight $lineheight; font-size: 110%; font-weight: 300; } - - .button { - width: 50%; - float: left; - margin: 0; - border-radius: 0; - font-weight: normal; - padding: .6em; - - &.learn-more { - border-right: 1px solid #fff; - } - } } #banner { @@ -1005,9 +990,8 @@ tr.turn:hover { .export_area_inputs { margin-bottom: $lineheight/2; input[type="text"] { - width: 80px; + width: 100px; text-align: center; - margin-bottom: 5px; } } @@ -1025,18 +1009,13 @@ tr.turn:hover { float: right; /* no-r2 */ margin-right: -1px; } - #minlat { margin-bottom: 0; } + #minlat { margin-bottom: -1px; } } .export_bound { margin: $lineheight/4; } - .export_button { - margin-top: $lineheight; - margin-bottom: $lineheight; - } - dl { padding-left: $lineheight/2; dd { @@ -1273,26 +1252,15 @@ tr.turn:hover { } } -.pagination { - padding-top: $lineheight; -} - /* Rules for the diary entry page */ .diary_entries { #map { - position: relative; - width: 90%; height: 400px; border: 1px solid $grey; display: none; margin-bottom: $lineheight; } - #newcomment { - border-top: 1px solid $grey; - padding-top: $lineheight; - margin-top: $lineheight/2; - } .comments { max-width: 740px; } @@ -1322,13 +1290,6 @@ tr.turn:hover { float: left; } - -.diary-subscribe-buttons { - position: relative; - top: -30px; - left: 130px; -} - /* Rules for the log in page */ #login_auth_buttons { @@ -1978,80 +1939,82 @@ div.secondary-actions { /* Rules for rich text editors */ -input.richtext_title[type="text"] { - width: 50%; - width: calc(100% - 235px); - - @media only screen and (max-width:768px) { - width: 100%; - } -} - -.richtext_container { - margin-bottom: $lineheight; - - .richtext_content { +.standard-form { + input.richtext_title[type="text"] { width: 50%; width: calc(100% - 235px); - display: inline-block; - vertical-align: top; @media only screen and (max-width:768px) { width: 100%; } + } - .richtext_preview { - display: inline-block; - padding: $lineheight; - background-color: $offwhite; - overflow-x: auto; + .richtext_container { + margin-bottom: $lineheight; - &.loading { - background-image: image-url("loading.gif"); - background-repeat: no-repeat; - background-position: center; - } + .richtext_content { + width: 50%; + width: calc(100% - 235px); + display: inline-block; + vertical-align: top; - > :first-child { - margin-top: 0px; + @media only screen and (max-width:768px) { + width: 100%; } - } - } - .richtext_help { - display: inline-block; - vertical-align: top; - margin-left: 15px; - background-color: $offwhite; - padding: $lineheight/2; - width: 220px; + .richtext_preview { + display: inline-block; + padding: $lineheight; + background-color: $offwhite; + overflow-x: auto; - ul { - margin-bottom: 0; - } + &.loading { + background-image: image-url("loading.gif"); + background-repeat: no-repeat; + background-position: center; + } - h4.heading, li { - border-bottom: 1px solid $grey; - margin-bottom: $lineheight/4; - padding-bottom: $lineheight/4; + > :first-child { + margin-top: 0px; + } + } } - li h4, li span, li p { + .richtext_help { display: inline-block; vertical-align: top; - font-size: 11px; - } + margin-left: 15px; + background-color: $offwhite; + padding: $lineheight/2; + width: 220px; - li h4 { - width: 40%; - margin: 0; - } + ul { + margin-bottom: 0; + } - li span, li p { - width: 50%; - margin-left: $lineheight/2; - margin-bottom: $lineheight/4; - white-space: nowrap; + h4.heading, li { + border-bottom: 1px solid $grey; + margin-bottom: $lineheight/4; + padding-bottom: $lineheight/4; + } + + li h4, li span, li p { + display: inline-block; + vertical-align: top; + font-size: 11px; + } + + li h4 { + width: 40%; + margin: 0; + } + + li span, li p { + width: 50%; + margin-left: $lineheight/2; + margin-bottom: $lineheight/4; + white-space: nowrap; + } } } }