themes/freifunk-generic: add CSS for mobile devices
[project/luci.git] / themes / freifunk-generic / htdocs / luci-static / freifunk-generic / mobile.css
1 .high_res_only{
2 display:none !important;
3 }
4
5 #main_bg_pattern {
6 position:absolute;
7 background: url(images/PF_background_pattern.png) repeat-x;
8 top:0px;
9 left:0px;
10 width:980px;
11 z-index:0;
12 }
13
14 #main_bg {
15 min-height:2000px;
16 }
17
18 #heading{
19 margin-left:285px !important;
20 }
21
22 #header{
23 padding-left:0px !important;
24 padding-bottom:24px;
25 }
26
27 #maincontent .multiColumn {
28 margin:1em 0px;
29 width:100%;
30 }
31
32 #maincontent .multiColumn .first{
33 width:100% !important;
34 float:none !important;
35 display:block !important;
36 padding-right:0px;
37 }
38
39 #maincontent .multiColumn .second{
40 width:100% !important;
41 float:none !important;
42 display:block !important;
43 padding-right:0px;
44 }
45 #maincontent .multiColumn .terminateMultiColumn{
46 clear:both;
47 float:none;
48 display:block;
49 text-align:left !important;
50 padding-top:2em;
51 }
52
53 #maincontent ul{
54 margin-bottom:1em;
55 }
56
57
58
59 /**** Begin iphone menu bar ****/
60
61 #iphone_menu{
62 position:absolute;
63 display:inline !important;
64 top:0px;
65 left:0px;
66 margin:0px;
67 padding:10px;
68 z-index:40 !important;
69 }
70
71 #iphone_menu_handles{
72 display:block;
73 font-size:60px;
74 font-weight:bold;
75 height:160px;
76 }
77
78 #iphone_menu_open{
79 display:inline;
80 }
81
82 #iphone_menu_close{
83 display:none;
84 }
85
86 #iphone_menu_joker{
87 display:none;
88 position:absolute;
89 right:5px;
90 top:5px;
91 border:none;
92 text-decoration:none;
93 }
94
95 .iphone_button{
96 display:inline !important;
97 }
98 .iphone_button table {
99 table-layout:fixed;
100 color:#ffffff;
101 border-collapse:collapse;
102 vertical-align:middle;
103 }
104
105 .iphone_button_content {
106 font-weight:bold;
107 padding: 0.2em 0.75em;
108 }
109 /*** Begin iphone menu items ***/
110 #iphone_menu_items {
111 display:none;
112 }
113 #iphone_menu_items table {
114 border-collapse:collapse;
115 }
116
117 #iphone_menu_items td {
118 vertical-align:middle;
119 }
120
121 #iphone_menu_items .menu_item {
122 font-size:65px;
123 padding:15px 30px;
124 line-height:1.5em;
125 }
126
127 #iphone_menu_items .menu_item table {
128 width:720px;
129 }
130
131 #iphone_menu_items .submenu_marker {
132 font-size:65px;
133 padding: 0px;
134 line-height:1.5em;
135 }
136
137 #iphone_menu_items a {
138 text-decoration:none;
139 font-weight:bold;
140 color:#ffffff;
141 }
142
143 #iphone_menu_items a.active {
144 color: #4f9ed3;
145 }
146 #iphone_menu_items li {
147 min-height:100px;
148 list-style:none;
149 }
150
151 /***End iphone menu items ***/
152 /**** End iphone menu bar ****/
153
154
155
156
157 #sidebar_container{
158 display:none;
159 }
160
161 #adbar_low_res_container{
162 display:block !important;
163 }
164 #main_content_container{
165 margin-top:50px !important;
166 }
167
168 .lt_spec{
169 padding:0px;
170 width:54px;
171 height:42px;
172 background:transparent url(images/lt_round.png) no-repeat 0% 0% !important;
173 }
174
175 #content {
176 margin-left:0px !important;
177 }
178
179 #maincontent{
180 font-size:35px!important;
181 }
182
183 input[type=submit],
184 .cbi-button,
185 .cbi-button-reset,
186 .cbi-button-save{
187 display:inline !important;
188 float:none !important;
189 padding:10px 30px !important;
190 margin: 0px 10px !important;
191 font-size:45px !important;
192 font-family: impact, sans-serif !important;
193 background:#ff8800 none !important;
194 border-color:#000000 !important;
195 }
196
197 .cbi-input-text,
198 .cbi-input-select,
199 .cbi-input-user,
200 .cbi-input-password{
201 display:block !important;
202 font-size:35px !important;
203 margin: 0 !important;
204 padding:0 !important;
205 }
206
207 .cbi-value-field{
208 font-size:35px;
209 margin:0 !important;
210 margin-bottom: 1em !important;
211 width:100% !important;
212 }
213
214 .cbi-section legend{
215 white-space:normal !important;
216 }
217 .cbi-section code{
218 font-size:24px;
219 }
220
221 .cbi-value-title{
222 font-size:35px;
223 font-weight:bold;
224 float:none !important;
225 }