]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/small.css.scss
Match the other sidebar better
[rails.git] / app / assets / stylesheets / small.css.scss
1 /* Styles specific to a small screen, such as iPhone, Android, etc... */
2
3 /* Default rules for the body of every page */
4
5 body {
6   font-size: 10px;
7 }
8
9 h1 {
10   font-size: 12px;
11 }
12
13 h2, h3, h4 {
14   font-size: 12px;
15 }
16
17 .wrapper {
18   margin: 0;
19 }
20
21 .site-edit #content,
22 .site-index #content,
23 .site-export #content {
24   left: 0;
25 }
26
27 .site-edit #top-bar,
28 .site-index #top-bar,
29 .site-export #top-bar {
30   position: relative;
31 }
32
33 .site-edit #content, .site-index #content, .site-export #content {
34   position: absolute;
35 }
36
37 .column-1 {
38   width: 100%;
39 }
40
41 /* Rules for the whole left sidebar, including the logo */
42
43 #left {
44   display: none;
45 }
46
47 /* Rules for tabbed navigation bar */
48
49 #top-bar {
50   left: 0;
51   margin: 0px;
52   height: 24px;
53   position: static;
54 }
55
56 #tabnav {
57   height: 19px;
58   margin: 0px;
59   padding-top: 5px;
60   margin-top: 26px;
61   font-size: 10px;
62   line-height: 10px;
63 }
64
65 #tabnav a, #tabnav a:link, #tabnav a:visited {
66   font-size: 10px;
67   line-height: 10px;
68   padding: 5px;
69   margin-right: 1px;
70 }
71
72 .menuicon { line-height: 10px;}
73
74 /* Rules for the site name - shown when left sidebar is hidden */
75
76 #small-title {
77   font-size: 12px;
78   line-height: 14px;
79   height: 16px;
80   display: block;
81   position: absolute;
82   left: 5px;
83   top: 5px;
84   padding: 2px;
85   width: 110px;
86   background-color: #fff;
87   z-index: 100;
88 }
89
90 #small-title img {
91   position: absolute;
92 }
93
94 #small-title h1 {
95   position: absolute;
96   font-size: 10px;
97   line-height: 18px;
98   margin: 0;
99   left: 22px;
100 }
101
102 /* Rules for greeting bar in the top right corner */
103
104 #greeting {
105   position: absolute;
106   right: 0;
107   top: 0;
108   background: none;
109 }
110
111 #browse_map ul.secondary-actions {
112   float: right;
113   font-size: 10px;
114 }
115
116 #map {
117   border: 0;
118 }
119
120 .content_map {
121   width: 100%;
122   border: none;
123   float: none;
124   height: 200px;
125   max-height: none;
126   min-height: auto;
127 }
128
129 .content_map #small_map {
130   height: 300px;
131   border: 1px solid #ccc;
132 }
133
134 .leaflet-control-pan, .leaflet-control-zoomslider {
135   display: none;
136 }
137
138 .site-index .leaflet-top,
139 .site-export .leaflet-top {
140   top: 10px !important;
141 }
142
143 /* Rules for the main content area */
144
145 #content {
146   margin-left: 0px;
147   margin-right: 0px;
148   border-left: 0px;
149   border-right: 0px;
150 }
151
152 .site-export #content,
153 .site-edit #content,
154 .site-index #content {
155   margin-top: 21px;
156 }
157
158 /* Rules for search sidebar when shown */
159
160 #sidebar {
161   border: 0px;
162   margin: 0px;
163   width: 50% !important;
164   border-right: 1px solid #ccccdd;
165 }
166
167 p.search_results_entry {
168   padding: 2px 0px;
169 }
170
171 /* Rules for the signup form */
172
173 #signupForm input[type="text"], #signupForm input[type="password"] {
174   width: 100%;
175 }
176
177 #signupForm input#user_email {
178   max-width: 30em;
179 }
180
181 #signupForm input#user_email_confirmation {
182   max-width: 30em;
183 }
184
185 #signupForm input#user_display_name {
186   max-width: 20em;
187 }
188
189 #signupForm input#user_pass_crypt {
190   max-width: 20em;
191 }
192
193 #signupForm input#user_pass_crypt_confirmation {
194   max-width: 20em;
195 }
196
197 /* Rules for the login form */
198
199 #login_login input#user_email {
200   width: 100%;
201   max-width: 18em;
202 }
203
204 #login_login input#user_password {
205   width: 100%;
206   max-width: 18em;
207 }
208
209 #login_login input#openid_url {
210   width: 100%;
211   max-width: 18em;
212 }
213
214 #login_openid_buttons td {
215   padding: 2px;
216 }
217
218 /* Rules for the user view */
219
220 .user_map {
221   width: 100% !important;
222   height: 300px !important;
223 }
224
225 #userinformation .deemphasize {
226   position: relative;
227   right: auto; left: auto;
228   margin-top: 10px;
229   top: auto;
230 }
231
232 /* Rules for the user settings page */
233
234 #user_new_email {
235   width: 60% !important;
236 }
237
238 #user_description, #user_preferred_editor {
239   width: 90% !important;
240 }
241
242 .minorNote {
243   display: block;
244 }
245
246 /* Rules for the browse pages */
247
248 .browse-section.common div{
249   clear: both;
250 }
251
252 #changeset_list_map {
253   position: relative;
254   width: 100%;
255   right: 0;
256   left: 0;
257   top: 0px;
258   margin-bottom: 20px;
259   float: none;
260   height: 300px !important;
261   max-height: auto;
262   min-height: auto;
263 }
264
265 /* Rules for the diary entries pages */
266
267 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
268   width: 100% !important;
269 }
270
271 #usemap {
272   display: block;
273 }
274
275 /* Rules for the messaging pages */
276
277 #message_title, #message_body {
278   width: 100% !important;
279 }