* core: Added template for a table view of typed sections
[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 .table {
147 display: table;
148 }
149
150 .table-row {
151 display: table-row;
152 }
153
154 .table-cell {
155 display: table-cell;
156 }
157
158 .left {
159 float: left;
160 text-align: left;
161 }
162
163 .right {
164 float: right;
165 text-align: right;
166 }
167
168 .clear {
169 clear: both;
170 }
171
172 .hidden {
173 display: none;
174 }
175
176 .inline {
177 display: inline;
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-row {
260 display: table-row;
261 }
262
263 .cbi-section-row-head {
264 display: table-cell;
265 font-weight: bold;
266 padding: 0.25em;
267 }
268
269 .cbi-section-row-descr {
270 display: table-cell;
271 padding: 0.25em;
272 font-size: 0.8em;
273 }
274
275 .cbi-section-node h3 {
276 margin-bottom: 0.5em;
277 }
278
279 .cbi-error {
280 color: red;
281 font-weight: bold;
282 font-size: 0.8em;
283 margin-bottom: 0.75em;
284 }
285
286 .cbi-optionals {
287 margin-top: 1em;
288 display: table-cell;
289 }
290
291 .cbi-optionals option {
292 font-size: 0.8em;
293 }
294
295 .error {
296 color: red;
297 font-weight: bold;
298 }
299
300 .ok {
301 color: green;
302 font-weight: bold;
303 }