X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/bbc62406b588221adcbdda71fd167ee3c666c253..c5fc21e6a6615646b3fa443b6fd12a80b4fef331:/app/assets/stylesheets/common.css.scss diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 13a4d1986..7eec371b4 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -1046,27 +1046,32 @@ ul.results-list li { border-bottom: 1px solid #ccc; } } /* Overrides for pages that use new layout conventions */ +.site-verifysignup, .site-copyright, .site-welcome { #content { max-width: 740px; } } -.user-new #content.pad2 { - padding: 0; + +.user-new, +.user-create { + .content-heading { + height: 200px; } -.user-new .content-heading { - height: 200px; + #content.pad2 { + padding: 0; + } } -.new-user-illustration { +.header-illustration { background-position: 0 0; background-repeat: no-repeat; position: absolute; } -.new-user-illustration.new-user-main { +.header-illustration.new-user-main { height: 200px; width: 100%; left: 0; @@ -1074,10 +1079,10 @@ ul.results-list li { border-bottom: 1px solid #ccc; } background-image: image-url("sign-up-illustration.png"); } -.new-user-illustration.new-user-arm { +.header-illustration.new-user-arm { height: 110px; width: 130px; - left: 230px; + left: 260px; top: 160px; background-image: image-url("sign-up-illustration-arm.png"); } @@ -1707,7 +1712,17 @@ ul.results-list li { border-bottom: 1px solid #ccc; } .field_with_errors { padding: 2px; background-color: #ff7070; - display: table; + display: inline-block; +} + +.formError { + display: inline-block; + padding: 5px 10px; + margin-top: 5px; + border-radius: 4px; + font-size: 12px; + color: #fff; + background-color: #ff7070; } /* Rules for rails validation error boxes */ @@ -2267,6 +2282,25 @@ a.button { background: #fff; } +/* Rules for the "Verify signup" page */ +.site-verifysignup .content-heading { + height: 200px; +} + +.header-illustration.verify-main { + background-position: 0 0; + background-repeat: no-repeat; + position: absolute; +} + +.header-illustration.verify-main { + height: 200px; + width: 100%; + left: 0; + bottom: 0; + background-image: image-url("verify-illustration.png"); +} + /* Rules for the "Welcome" page */ .site-welcome { .center { @@ -2288,14 +2322,15 @@ a.button { float: left; } - .icon-list div { + .icon-list { + padding-bottom: 20px; + div { margin-bottom: 10px; + p { + padding-top: 10px; + } + } } - - .icon-list div p { - padding-top: 10px; - } - .sprite.small { width: 50px; height: 50px; @@ -2318,7 +2353,7 @@ a.button { background-position: -150px 0; } - .sprite.changeset { + .sprite.tag { background-position: -200px 0; }