84813e9c1a2715cacdf4a20e0dac64ec082220ae
[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: 12px;
7 }
8
9 h1 {
10   font-size: 14px;
11 }
12
13 /* Rules for the whole left sidebar, including the logo */
14
15 #left {
16   display: none;
17 }
18
19 /* Rules for tabbed navigation bar */
20
21 #top-bar {
22   margin: 0px;
23   height: 39px;
24   padding: 0;
25 }
26
27 #tabnav {
28   height: 14px;
29   margin: 0px;
30   padding-top: 5px;
31   margin-top: 20px;
32   font-size: 10px;
33   line-height: 10px;
34 }
35
36 #tabnav a, #tabnav a:link, #tabnav a:visited {
37   font-size: 10px;
38   line-height: 10px;
39   padding: 2px 5px;
40   margin-right: 1px;
41 }
42
43 /* Rules for the site name - shown when left sidebar is hidden */
44
45 #small-title {
46   font-size: 12px;
47   line-height: 14px;
48   height: 16px;
49   display: block;
50   position: absolute;
51   top: 5px;
52   padding: 2px;
53   width: 110px; /* TODO: find better fix for overlap */
54   background-color: #fff;
55   z-index: 100;
56 }
57
58 #small-title img {
59   position: absolute;
60 }
61
62 #small-title h1 {
63   position: absolute;
64   left: 18px;
65   font-size: 12px;
66   margin: 0;
67 }
68
69 /* Rules for greeting bar in the top right corner */
70
71 #greeting {
72   position: absolute;
73   top: 5px;
74   height: 14px;
75   font-size: 12px;
76   line-height: 12px;
77   white-space: nowrap;
78   background: none;
79 }
80
81 #full-greeting {
82   display: none;
83 }
84
85 #small-greeting {
86   display: inline;
87 }
88
89 /* Rules for OpenLayers maps */
90
91 #map {
92   border: 0;
93 }
94
95 .olControlSimplePanZoom {
96   display: none;
97 }
98
99 .site-index #map .olControlZoom,
100 .site-index #map .SimpleLayerSwitcher,
101 .site-export #map .olControlZoom,
102 .site-export #map .SimpleLayerSwitcher {
103   top: 8px !important;
104 }
105
106 /* Rules for the main content area */
107
108 #content {
109   margin-left: 0px;
110   margin-right: 0px;
111   border-left: 0px;
112   border-right: 0px;
113 }
114
115 .site-export #content,
116 .site-edit #content,
117 .site-index #content {
118   margin-top: 40px;
119 }
120
121 /* Rules for search sidebar when shown */
122
123 #sidebar {
124   border: 0px;
125   border-right: 1px solid #ccccdd;
126   margin: 0px;
127 }
128
129 .sidebar_title, #sidebar_content {
130   font-size: 10px !important;
131 }
132
133 p.search_results_entry {
134   padding: 2px 0px;
135 }
136
137 /* Rules for the signup form */
138
139 #signupForm input[type="text"], #signupForm input[type="password"] {
140   width: 100%;
141 }
142
143 #signupForm input#user_email {
144   max-width: 30em;
145 }
146
147 #signupForm input#user_email_confirmation {
148   max-width: 30em;
149 }
150
151 #signupForm input#user_display_name {
152   max-width: 20em;
153 }
154
155 #signupForm input#user_pass_crypt {
156   max-width: 20em;
157 }
158
159 #signupForm input#user_pass_crypt_confirmation {
160   max-width: 20em;
161 }
162
163 /* Rules for the login form */
164
165 #login_login input#user_email {
166   width: 100%;
167   max-width: 18em;
168 }
169
170 #login_login input#user_password {
171   width: 100%;
172   max-width: 18em;
173 }
174
175 #login_login input#openid_url {
176   width: 100%;
177   max-width: 18em;
178 }
179
180 #login_openid_buttons td {
181   padding-left: 2px;
182   padding-right: 2px;
183   padding-top: 2px;
184   padding-bottom: 2px;
185 }
186
187 /* Rules for the profile page */
188
189 .user_map {
190   width: 100% !important;
191   height: 300px !important;
192 }
193
194 /* Rules for the user settings page */
195
196 #user_new_email {
197   width: 60% !important;
198 }
199
200 #user_description, #user_preferred_editor {
201   width: 90% !important;
202 }
203
204 .minorNote {
205   display: block;
206 }
207
208 /* Rules for the browse pages */
209
210 #browse_navigation {
211   width: 100% !important;
212   margin-top: 0 !important;
213 }
214
215 #small_map, #browse_map {
216   width: 100% !important;
217 }
218
219 #changeset_list tr {
220   display: block;
221   clear: left;
222   width: 100%;
223 }
224
225 #changeset_list th {
226   display: none;
227 }
228
229 #changeset_list td {
230   display: block;
231   float: left;
232   padding-right: 10px;
233 }
234
235 #changeset_list td.comment, #changeset_list td.area {
236   width: 96%;
237   clear: left;
238 }
239
240 /* Rules for the diary entries pages */
241
242 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
243   width: 100% !important;
244 }
245
246 #usemap {
247   display: block;
248 }
249
250 /* Rules for the messaging pages */
251
252 #message_title, #message_body {
253   width: 100% !important;
254 }