X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/0c2d538aa7394b3d040cbe40cc6b3f5d26de4850..40d94818b2e9a9cd41e47389317cda8d01527028:/app/assets/stylesheets/small.css.scss diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss index d7600a0d6..e6d2c92d4 100644 --- a/app/assets/stylesheets/small.css.scss +++ b/app/assets/stylesheets/small.css.scss @@ -2,160 +2,50 @@ /* Default rules for the body of every page */ -body { - font-size: 12px; -} - -h1 { - font-size: 14px; +.column-1 { + width: 100%; } /* Rules for the whole left sidebar, including the logo */ -#left { - display: none; -} - -/* Rules for tabbed navigation bar */ - -#top-bar { - margin: 0px; - height: 39px; - padding: 0; -} - -#tabnav { - height: 14px; - margin: 0px; - padding-top: 5px; - margin-top: 20px; - font-size: 10px; - line-height: 10px; -} - -#tabnav a, #tabnav a:link, #tabnav a:visited { - font-size: 10px; - line-height: 10px; - padding: 2px 5px; - margin-right: 1px; -} - -/* Rules for the site name - shown when left sidebar is hidden */ - -#small-title { - font-size: 12px; - line-height: 14px; - height: 16px; - display: block; - position: absolute; - top: 5px; - padding: 2px; - width: 110px; /* TODO: find better fix for overlap */ - background-color: #fff; - z-index: 100; -} - -#small-title img { - position: absolute; -} - -#small-title h1 { - position: absolute; - left: 18px; - font-size: 12px; - margin: 0; -} - -/* Rules for greeting bar in the top right corner */ - -#greeting { - position: absolute; - top: 5px; - height: 14px; - font-size: 12px; - line-height: 12px; - white-space: nowrap; - background: none; -} - -#full-greeting { - display: none; -} - -#small-greeting { - display: inline; -} - -/* Rules for OpenLayers maps */ - -#map { - border: 0; -} - -.leaflet-control-pan, .leaflet-control-zoomslider { - display: none; -} - -.site-index .leaflet-top .leaflet-control, -.site-export .leaflet-top .leaflet-control { - margin-top: 10px !important; -} - -/* Rules for the main content area */ - -#content { - margin-left: 0px; - margin-right: 0px; - border-left: 0px; - border-right: 0px; -} - -.site-export #content, -.site-edit #content, -.site-index #content { - margin-top: 40px; -} - -/* Rules for search sidebar when shown */ - +nav.primary, +nav.secondary, #sidebar { - border: 0px; - border-right: 1px solid #ccccdd; - margin: 0px; -} - -.sidebar_title, #sidebar_content { - font-size: 10px !important; -} - -p.search_results_entry { - padding: 2px 0px; + display: none; } -/* Rules for the signup form */ - -#signupForm input[type="text"], #signupForm input[type="password"] { +.content_map { width: 100%; + border: none; + float: none; + height: 200px; + max-height: none; + min-height: auto; } -#signupForm input#user_email { - max-width: 30em; -} +/* Rules for the map UI */ -#signupForm input#user_email_confirmation { - max-width: 30em; -} +.layers-ui { + .leaflet-container { + display: none; + } -#signupForm input#user_display_name { - max-width: 20em; -} + li { + border-radius: 0; + margin-bottom: 0; -#signupForm input#user_pass_crypt { - max-width: 20em; -} + &:first-child { + border-radius: 4px 4px 0 0; + } -#signupForm input#user_pass_crypt_confirmation { - max-width: 20em; + &:last-child { + border-radius: 0 0 4px 4px; + } + } + + .overlay-layers p { + display: none; + } } /* Rules for the login form */ @@ -176,77 +66,32 @@ p.search_results_entry { } #login_openid_buttons td { - padding-left: 2px; - padding-right: 2px; - padding-top: 2px; - padding-bottom: 2px; + padding: 2px; } -/* Rules for the profile page */ +/* Rules for the user view */ .user_map { width: 100% !important; height: 300px !important; } -/* Rules for the user settings page */ - -#user_new_email { - width: 60% !important; -} - -#user_description, #user_preferred_editor { - width: 90% !important; +#userinformation .deemphasize { + position: relative; + right: auto; left: auto; + margin-top: 10px; + top: auto; } -.minorNote { - display: block; -} +/* Rules for the sign-up page */ -/* Rules for the browse pages */ +.user-new, +.user-create { + .col6 { + width: 100%; + } -#browse_navigation { - width: 100% !important; - margin-top: 0 !important; -} - -#small_map, #browse_map { - width: 100% !important; -} - -#changeset_list tr { - display: block; - clear: left; - width: 100%; -} - -#changeset_list th { - display: none; -} - -#changeset_list td { - display: block; - float: left; - padding-right: 10px; -} - -#changeset_list td.comment, #changeset_list td.area { - width: 96%; - clear: left; -} - -/* Rules for the diary entries pages */ - -#diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body { - width: 100% !important; -} - -#usemap { - display: block; -} - -/* Rules for the messaging pages */ - -#message_title, #message_body { - width: 100% !important; + .aside { + display: none; + } }