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