9dc24c3dd3166d7beb1c69b32ff43b01a54a07ff
[project/luci.git] / themes / fledermaus / root / www / ffluci / media / cascade.css
1 @charset "utf-8";
2
3 body {
4 font-family: Verdana, Arial, sans-serif;
5 background-color: #aaaaaa;
6 }
7
8 h1 {
9 margin: 0%;
10 font-size: 1.4em;
11 font-weight: bold;
12 margin-bottom: 0.5em;
13 }
14
15 h2 {
16 margin: 0%;
17 font-size: 1.2em;
18 font-weight: bold;
19 }
20
21 h3 {
22 margin: 0%;
23 }
24
25 #header {
26 padding: 0.2em;
27 height: 4.5em;
28 background-color: #262626;
29 }
30
31 #columns {
32 border-left: 10.1em solid #262626;
33 border-right: 10.1em solid #262626;
34 display: block;
35 background-color: white;
36 padding: 0.1em;
37 }
38
39 #columnswrapper {
40 display: block;
41 margin-left: -10em;
42 margin-right: -10em;
43 }
44
45 #content {
46 margin-left: 14em;
47 margin-right: 14em;
48 display: block;
49 position: relative;
50 padding: 2px;
51 font-size: 0.8em;
52 }
53
54 .headerlogo {
55 height: 4em;
56 padding: 5px;
57 }
58
59 .headerlogo img {
60 height: 100%;
61 }
62
63 .headertitle {
64 font-size: 2.4em;
65 color: gray;
66 letter-spacing: 0.5em;
67 text-transform: lowercase;
68 }
69
70 .separator {
71 padding-left: 0.25em;
72 font-weight: bold;
73 font-size: 0.8em;
74 line-height: 1.4em;
75 }
76
77 .whitetext {
78 color: white;
79 }
80
81 .yellowtext {
82 color: #ffcb05;
83 }
84
85 .magentatext {
86 color: #dc0065;
87 }
88
89 .inheritcolor {
90 color: inherit;
91 }
92
93 .smalltext {
94 font-size: 0.8em;
95 }
96
97 .yellow {
98 background-color: #ffcb05;
99 }
100
101 .magenta {
102 background-color: #dc0065;
103 }
104
105 .nodeco {
106 text-decoration: none;
107 }
108
109 .redhover:hover {
110 color: red;
111 }
112
113 .bold {
114 font-weight: bold;
115 }
116
117 .sidebar {
118 position: relative;
119 padding: 0.25em;
120 color: gray;
121 width: 9em;
122 font-weight: bold;
123 }
124
125 .separator a, .sidebar a {
126 color: inherit;
127 text-decoration: inherit;
128 }
129
130 .separator a:hover, .sidebar a:hover {
131 color: red;
132 }
133
134 .sidebar div {
135 padding-bottom: 0.5em;
136 }
137
138 .sidebar ul {
139 font-size: 0.8em;
140 color: white;
141 list-style-type: none;
142 padding-left: 1em;
143 margin-top: 0%;
144 }
145
146 .left {
147 float: left;
148 text-align: left;
149 }
150
151 .right {
152 float: right;
153 text-align: right;
154 }
155
156 .clear {
157 clear: both;
158 }
159
160 .hidden {
161 display: none;
162 }
163
164 .inline {
165 display: inline;
166 }
167
168 .table {
169 display: table;
170 }
171
172 .table-cell {
173 display: table-cell;
174 }
175
176 .table-row {
177 display: table-row;
178 }
179
180 .code {
181 background: #f7f7f7;
182 border: 1px solid #d7d7d7;
183 margin: 1em 1.75em;
184 padding: 1em;
185 }
186
187 code {
188 display: block;
189 background: #f7f7f7;
190 border: 1px solid #d7d7d7;
191 margin: 1em 1.75em;
192 padding: 1em;
193 overflow: auto;
194 white-space: pre;
195 }
196
197 table th, table, td {
198 vertical-align: top;
199 text-align: left;
200 border: 1px solid gray;
201 }
202
203 .cbi-section {
204 margin-top: 1em;
205 }
206
207 .cbi-section-remove {
208 text-align: right;
209 }
210
211 .cbi-value {
212 display: table-row;
213 }
214
215 .cbi-value-title {
216 display: table-cell;
217 line-height: 1.75em;
218 font-weight: bold;
219 padding: 0.25em;
220 }
221
222 .cbi-value-field {
223 display: table-cell;
224 text-align: left;
225 padding: 0.25em;
226 line-height: 1.75em;
227 }
228
229 .cbi-value-field input, .cbi-value-field select,
230 .cbi-optionals select, .cbi-optionals input,
231 .cbi-section-remove input, .cbi-section-create input {
232 font-size: 0.8em;
233 margin: 0%;
234 }
235
236 .cbi-section-descr {
237 padding-bottom: 1em;
238 }
239
240 .cbi-value-description {
241 display: inline;
242 font-style: italic;
243 font-size: 0.8em;
244 padding: 0.25em;
245 margin-bottom: 0.5em;
246 }
247
248 .cbi-form-separator {
249 margin-top: 1em;
250 }
251
252 .cbi-section-node {
253 display: table;
254 padding: 0.25em;
255 background: #f7f7f7;
256 border: 1px solid #d7d7d7;
257 }
258
259 .cbi-section-node h3 {
260 margin-bottom: 0.5em;
261 }
262
263 .cbi-error {
264 color: red;
265 font-weight: bold;
266 font-size: 0.8em;
267 margin-bottom: 0.75em;
268 }
269
270 .cbi-optionals {
271 margin-top: 1em;
272 }
273
274 .cbi-optionals option {
275 font-size: 0.8em;
276 }
277
278 .error {
279 color: red;
280 font-weight: bold;
281 }
282
283 .ok {
284 color: green;
285 font-weight: bold;
286 }