/* Styles specific to a small screen, such as iPhone, Android, etc... */ /* Default rules for the body of every page */ body { font-size: 10px; } h1 { 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 */ #left { display: none; } /* Rules for tabbed navigation bar */ #top-bar { left: 0; margin: 0px; height: 24px; position: static; } #tabnav { height: 19px; margin: 0px; padding-top: 5px; margin-top: 26px; font-size: 10px; line-height: 10px; } #tabnav a, #tabnav a:link, #tabnav a:visited { font-size: 10px; line-height: 10px; padding: 5px; margin-right: 1px; } .menuicon { line-height: 10px;} /* 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; left: 5px; top: 5px; padding: 2px; width: 110px; background-color: #fff; z-index: 100; } #small-title img { position: absolute; } #small-title h1 { position: absolute; font-size: 10px; line-height: 18px; margin: 0; left: 22px; } /* Rules for greeting bar in the top right corner */ #greeting { position: absolute; right: 0; top: 0; background: none; } #browse_map ul.secondary-actions { float: right; font-size: 10px; } #map { border: 0; } .content_map { width: 100%; border: none; float: none; height: 200px; max-height: none; min-height: auto; } .content_map #small_map { height: 300px; border: 1px solid #ccc; } .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 { 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 map UI */ .layers-ui { .leaflet-container { display: none; } li { border-radius: 0; margin-bottom: 0; &:first-child { border-radius: 4px 4px 0 0; } &:last-child { border-radius: 0 0 4px 4px; } } } /* Rules for the signup form */ #signupForm input[type="text"], #signupForm input[type="password"] { width: 100%; } #signupForm input#user_email { max-width: 30em; } #signupForm input#user_email_confirmation { max-width: 30em; } #signupForm input#user_display_name { max-width: 20em; } #signupForm input#user_pass_crypt { max-width: 20em; } #signupForm input#user_pass_crypt_confirmation { max-width: 20em; } /* Rules for the login form */ #login_login input#user_email { width: 100%; max-width: 18em; } #login_login input#user_password { width: 100%; max-width: 18em; } #login_login input#openid_url { width: 100%; max-width: 18em; } #login_openid_buttons td { padding: 2px; } /* 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 { width: 60% !important; } #user_description, #user_preferred_editor { width: 90% !important; } .minorNote { display: block; } /* Rules for the browse pages */ .browse-section.common div{ clear: both; } #changeset_list_map { position: relative; width: 100%; 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 */ #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; }