X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/8acdba8bdd2be14c2408518812660431fa9e59fb..c3b8897c44531788f06a51e24470e97a3abfb7b8:/app/assets/stylesheets/small.css.scss diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss index 4b561349d..2bec6d249 100644 --- a/app/assets/stylesheets/small.css.scss +++ b/app/assets/stylesheets/small.css.scss @@ -3,11 +3,39 @@ /* Default rules for the body of every page */ body { - font-size: 12px; + font-size: 10px; } h1 { - font-size: 14px; + font-size: 12px; +} + +h2, h3, h4 { + font-size: 12px; +} + +.wrapper { + margin: 0; +} + +.site-edit #content, +.site-index #content, +.site-export #content { + left: 0; +} + +.site-edit #top-bar, +.site-index #top-bar, +.site-export #top-bar { + position: relative; +} + +.site-edit #content, .site-index #content, .site-export #content { + position: absolute; +} + +.column-1 { + width: 100%; } /* Rules for the whole left sidebar, including the logo */ @@ -18,26 +46,31 @@ h1 { /* Rules for tabbed navigation bar */ -#tabnav -{ - height: 14px; +#top-bar { + left: 0; + margin: 0px; + height: 24px; + position: static; +} + +#tabnav { + height: 19px; margin: 0px; - padding-left: 3px; padding-top: 5px; - margin-top: 18px; - background: image-url('tab_bottom.gif') repeat-x bottom; + margin-top: 26px; font-size: 10px; line-height: 10px; } -#tabnav a, #tabnav a:link, #tabnav a:visited -{ +#tabnav a, #tabnav a:link, #tabnav a:visited { font-size: 10px; line-height: 10px; - padding: 1px 5px; + padding: 5px; margin-right: 1px; } +.menuicon { line-height: 10px;} + /* Rules for the site name - shown when left sidebar is hidden */ #small-title { @@ -46,9 +79,10 @@ h1 { height: 16px; display: block; position: absolute; - top: 0; + left: 5px; + top: 5px; padding: 2px; - width: 110px; /* TODO: find better fix for overlap */ + width: 110px; background-color: #fff; z-index: 100; } @@ -59,46 +93,79 @@ h1 { #small-title h1 { position: absolute; - left: 18px; - font-size: 12px; - margin: 2px; + font-size: 10px; + line-height: 18px; + margin: 0; + left: 22px; } /* Rules for greeting bar in the top right corner */ #greeting { position: absolute; - top: 0px; - right: 0px; - height: 14px; - font-size: 12px; - line-height: 12px; - white-space: nowrap; + right: 0; + top: 0; background: none; } -#full-greeting { - display: none; +#browse_map ul.secondary-actions { + float: right; + font-size: 10px; +} + +#map { + border: 0; } -#small-greeting { - display: inline; +.content_map { + width: 100%; + border: none; + float: none; + height: 200px; + max-height: none; + min-height: auto; } -/* Rules for OpenLayers maps */ +.content_map #small_map { + height: 300px; + border: 1px solid #ccc; +} -.olControlPanZoomBar { +.leaflet-control-pan, .leaflet-control-zoomslider { display: none; } +.site-index .leaflet-top, +.site-export .leaflet-top { + top: 10px !important; +} + /* Rules for the main content area */ #content { - left: 10px; - right: 10px; - top: 47px; margin-left: 0px; margin-right: 0px; + border-left: 0px; + border-right: 0px; +} + +.site-export #content, +.site-edit #content, +.site-index #content { + margin-top: 21px; +} + +/* Rules for search sidebar when shown */ + +#sidebar { + border: 0px; + margin: 0px; + width: 50% !important; + border-right: 1px solid #ccccdd; +} + +p.search_results_entry { + padding: 2px 0px; } /* Rules for the signup form */ @@ -145,19 +212,23 @@ h1 { } #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; } +#userinformation .deemphasize { + position: relative; + right: auto; left: auto; + margin-top: 10px; + top: auto; +} + /* Rules for the user settings page */ #user_new_email { @@ -174,34 +245,21 @@ h1 { /* Rules for the browse pages */ -#browse_navigation { - width: 100% !important; - margin-top: 0 !important; -} - -#small_map, #browse_map { - width: 100% !important; +.browse-section.common div{ + clear: both; } -#changeset_list tr { - display: block; - clear: left; +#changeset_list_map { + position: relative; 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; + right: 0; + left: 0; + top: 0px; + margin-bottom: 20px; + float: none; + height: 300px !important; + max-height: auto; + min-height: auto; } /* Rules for the diary entries pages */