]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/small.css.scss
06acc4da7386d5433d36e1227a5d1bd615f56b86
[rails.git] / app / assets / stylesheets / small.css.scss
1 @import "parameters";
2
3 /* Styles specific to a small screen, such as iPhone, Android, etc... */
4
5 input[type="submit"],
6 input[type="text"] {
7   -webkit-appearance: none;
8 }
9
10 .column-1 {
11   width: 100%;
12 }
13
14 #menu-icon {
15   display: inline-block !important;
16 }
17
18 .nav {
19   float: none !important;
20   position: relative;
21   display: block;
22   clear: both;
23 }
24
25 #header {
26   height: auto;
27   min-height: $headerHeight;
28   background: #fff;
29
30   h1 {
31     padding-bottom: 15px;
32   }
33
34   &.closed .nav {
35     display: none;
36   }
37
38   .search_form {
39     display: block;
40   }
41 }
42
43 #sidebar .search_form,
44 #edit_tab,
45 #export_tab {
46   display: none;
47 }
48
49 .nav.primary {
50   padding: 0;
51
52   ul, li {
53     border: none;
54     border-radius: 0;
55     width: 100%;
56   }
57
58   ul {
59     border-top: 1px solid #eee;
60     li {
61       border-bottom: 1px solid #eee;
62       border-right: none;
63       > a {
64         border-radius: 0;
65         width: 100%;
66         text-align: center;
67         font-size: 15px;
68       }
69     }
70   }
71 }
72
73 .nav.secondary {
74   border-bottom: 1px solid #eee;
75
76   .user-menu {
77     display: block;
78     width: 100%;
79     margin-left: 0;
80     > li {
81       width: 49%;
82       > a { 
83         width: 100%; 
84         text-align: center;
85       }
86     }
87   }
88 }
89
90 #compact-secondary-nav {
91   display: none;
92 }
93
94 .compact-hide {
95   display: inline-block;
96 }
97
98 .map-layout {
99   #sidebar, #map {
100     position: relative;
101     overflow-x: hidden;
102     width: 100%;
103     height: 50%;
104   }
105
106   .overlay-sidebar {
107     #sidebar {
108       width: 300px;
109     }
110
111     #map {
112       height: 100%;
113     }
114   }
115
116   #map-ui {
117     z-index: 9999;
118     width: 100%;
119     overflow-y: scroll;
120   }
121 }
122
123 #sidebar .welcome {
124   display: none;
125 }
126
127 .leaflet-top.leaflet-right {
128   top: 10px !important;
129   z-index: 0;
130 }
131
132 .content_map {
133   width: 100%;
134   border: none;
135   float: none;
136   height: 200px;
137   max-height: none;
138   min-height: auto;
139 }
140
141 /* Rules for the login form */
142
143 #login_login input#user_email {
144   width: 100%;
145   max-width: 18em;
146 }
147
148 #login_login input#user_password {
149   width: 100%;
150   max-width: 18em;
151 }
152
153 #login_login input#openid_url {
154   width: 100%;
155   max-width: 18em;
156 }
157
158 #login_openid_buttons td {
159   padding: 2px;
160 }
161
162 /* Rules for the user view */
163
164 .user_map {
165   width: 100% !important;
166   height: 300px !important;
167 }
168
169 #userinformation .deemphasize {
170   position: relative;
171   right: auto; left: auto;
172   margin-top: 10px;
173   top: auto;
174 }
175
176 /* Rules for the sign-up page */
177
178 .user-new,
179 .user-create {
180   .col6 {
181     width: 100%;
182   }
183
184   .aside {
185     display: none;
186   }
187 }
188
189 .site-about #content .attr h1 {
190   font-size: 28px;
191 }