Content style adjustments
[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 .site-edit #content,
18 .site-index #content,
19 .site-export #content {
20   left: 0;
21 }
22
23 .site-edit #top-bar,
24 .site-index #top-bar,
25 .site-export #top-bar {
26   position: relative;
27 }
28
29 .site-edit #content, .site-index #content, .site-export #content {
30   position: absolute;
31 }
32
33 .column-1 {
34   width: 100%;
35 }
36
37 /* Rules for the whole left sidebar, including the logo */
38
39 #sidebar {
40   display: none;
41 }
42
43 /* Rules for greeting bar in the top right corner */
44
45 #map {
46   border: 0;
47 }
48
49 .content_map {
50   width: 100%;
51   border: none;
52   float: none;
53   height: 200px;
54   max-height: none;
55   min-height: auto;
56 }
57
58 .leaflet-control-pan, .leaflet-control-zoomslider {
59   display: none;
60 }
61
62 .site-index .leaflet-top,
63 .site-export .leaflet-top {
64   top: 10px !important;
65 }
66
67 /* Rules for the main content area */
68
69 #content {
70   margin-left: 0px;
71   margin-right: 0px;
72   border-left: 0px;
73   border-right: 0px;
74 }
75
76 .site-export #content,
77 .site-edit #content,
78 .site-index #content {
79   margin-top: 21px;
80 }
81
82 /* Rules for search sidebar when shown */
83
84 #sidebar {
85   border: 0px;
86   margin: 0px;
87   width: 50% !important;
88   border-right: 1px solid #ccccdd;
89 }
90
91 p.search_results_entry {
92   padding: 2px 0px;
93 }
94
95 /* Rules for the map UI */
96
97 .layers-ui {
98   .leaflet-container {
99     display: none;
100   }
101
102   li {
103     border-radius: 0;
104     margin-bottom: 0;
105
106     &:first-child {
107       border-radius: 4px 4px 0 0;
108     }
109
110     &:last-child {
111       border-radius: 0 0 4px 4px;
112     }
113   }
114 }
115
116 /* Rules for the login form */
117
118 #login_login input#user_email {
119   width: 100%;
120   max-width: 18em;
121 }
122
123 #login_login input#user_password {
124   width: 100%;
125   max-width: 18em;
126 }
127
128 #login_login input#openid_url {
129   width: 100%;
130   max-width: 18em;
131 }
132
133 #login_openid_buttons td {
134   padding: 2px;
135 }
136
137 /* Rules for the user view */
138
139 .user_map {
140   width: 100% !important;
141   height: 300px !important;
142 }
143
144 #userinformation .deemphasize {
145   position: relative;
146   right: auto; left: auto;
147   margin-top: 10px;
148   top: auto;
149 }
150
151 /* Rules for the user settings page */
152
153 #user_new_email {
154   width: 60% !important;
155 }
156
157 #user_description, #user_preferred_editor {
158   width: 90% !important;
159 }
160
161 .minorNote {
162   display: block;
163 }
164
165 /* Rules for the browse pages */
166
167 .browse-section.common div{
168   clear: both;
169 }
170
171 #changeset_list_map {
172   position: relative;
173   width: 100%;
174   right: 0;
175   left: 0;
176   top: 0px;
177   margin-bottom: 20px;
178   float: none;
179   height: 300px !important;
180   max-height: auto;
181   min-height: auto;
182 }
183
184 /* Rules for the diary entries pages */
185
186 #diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
187   width: 100% !important;
188 }
189
190 #usemap {
191   display: block;
192 }
193
194 /* Rules for the messaging pages */
195
196 #message_title, #message_body {
197   width: 100% !important;
198 }
199
200 /* Rules for the sign-up page */
201
202 .user-new,
203 .user-create {
204   .col6 {
205     width: 100%;
206   }
207
208   .aside {
209     display: none;
210   }
211 }