/* Styles specific to a small screen, such as iPhone, Android, etc... */
-body.small {
-
- input[type="submit"],
- input[type="text"] {
- -webkit-appearance: none;
- }
-
- .column-1 {
- width: 100%;
- }
-
+body.small-nav {
#menu-icon {
display: inline-block !important;
}
}
}
}
+
+ .btn-group {
+ width: 100%;
+ padding: 10px;
+ }
}
nav.secondary {
- border-bottom: 1px solid #eee;
-
.user-menu {
- display: block;
width: 100%;
- margin-left: 0;
- > li {
- width: 49%;
- > a {
- width: 100%;
- text-align: center;
- }
- }
}
}
display: inline-block;
}
- &.map-layout {
+ .overlay-sidebar #sidebar .welcome.visible {
+ display: none;
+ }
+
+ .overlay-sidebar #sidebar #banner {
+ display: none;
+ }
+
+ .leaflet-top.leaflet-right {
+ top: 10px !important;
+ }
+}
+
+@media (max-width: 767.98px) {
+ body.map-layout {
#sidebar, #map {
position: relative;
overflow-x: hidden;
overflow-y: scroll;
}
}
+}
- #sidebar .welcome,
- #sidebar #banner {
- display: none !important;
- }
-
- .leaflet-top.leaflet-right {
- top: 10px !important;
- }
-
- .content_map {
- width: 100%;
- border: none;
- float: none;
- height: 200px;
- max-height: none;
- min-height: auto;
- }
-
+@media (max-width: 575.98px) {
/* Rules for the login form */
#login_login input#user_email {
#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 sign-up page */
-
- &.user-new,
- &.user-create {
- .col6 {
- width: 100%;
- }
-
- .aside {
- display: none;
- }
- }
-
- &.site-about #content .attr h1 {
- font-size: 28px;
- }
-
}