* Reworked Theme "Fledermaus"
[project/luci.git] / themes / fledermaus / contrib / 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 .code {
169         background: #f7f7f7;
170         border: 1px solid #d7d7d7;
171         margin: 1em 1.75em;
172         padding: 1em;
173 }
174
175 code {
176         display: block;
177         background: #f7f7f7;
178         border: 1px solid #d7d7d7;
179         margin: 1em 1.75em;
180         padding: 1em;
181         overflow: auto;
182         white-space: pre;
183 }
184
185 table th, table, td {
186         vertical-align: top;
187         text-align: left;
188         border: 1px solid gray;
189 }
190
191 .cbi-section {
192         margin-top: 1em;
193 }
194
195 .cbi-section-remove {
196         text-align: right;
197 }
198
199 .cbi-value {
200         display: table-row;
201 }
202
203 .cbi-value-title {
204         display: table-cell;
205         line-height: 1.75em;
206         font-weight: bold;
207         padding: 0.25em;
208 }
209
210 .cbi-value-field {
211         display: table-cell;
212         text-align: left;
213         padding: 0.25em;
214         line-height: 1.75em;
215 }
216
217 .cbi-value-field input, .cbi-value-field select,
218 .cbi-optionals select, .cbi-optionals input,
219 .cbi-section-remove input, .cbi-section-create input  {
220         font-size: 0.8em;
221         margin: 0%;
222 }
223
224 .cbi-section-descr {
225         padding-bottom: 1em;
226 }
227
228 .cbi-value-description {
229         display: inline;
230         font-style: italic;
231         font-size: 0.8em; 
232         padding: 0.25em;
233         margin-bottom: 0.5em;
234 }
235
236 .cbi-form-separator {
237         margin-top: 1em;
238 }
239
240 .cbi-section-node {
241         display: table;
242         padding: 0.25em;
243         background: #f7f7f7;
244         border: 1px solid #d7d7d7;
245 }
246
247 .cbi-section-node h3 {
248         margin-bottom: 0.5em;
249 }
250
251 .cbi-error {
252         color: red;
253         font-weight: bold;
254         font-size: 0.8em;
255         margin-bottom: 0.75em;
256 }
257
258 .cbi-optionals {
259         margin-top: 1em;
260 }
261
262 .cbi-optionals option {
263         font-size: 0.8em;
264 }
265
266 .error {
267         color: red;
268         font-weight: bold;
269 }
270
271 .ok {
272         color: green;
273         font-weight: bold;
274 }