* Major CBI improvements
[project/luci.git] / 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 display: block;
170 background: #f7f7f7;
171 border: 1px solid #d7d7d7;
172 margin: 1em 1.75em;
173 padding: 1em;
174 overflow: auto;
175 white-space: pre;
176 }
177
178 .cbi-section {
179 margin-top: 1em;
180 }
181
182 .cbi-section-remove {
183 text-align: right;
184 }
185
186 .cbi-value-title {
187 line-height: 1.75em;
188 width: 15em;
189 font-weight: bold;
190 }
191
192 .cbi-value-field {
193 text-align: left;
194 line-height: 1.75em;
195 }
196
197 .cbi-value-field input, .cbi-value-field select,
198 .cbi-optionals select, .cbi-optionals input,
199 .cbi-section-remove input, .cbi-section-create input {
200 font-size: 0.8em;
201 }
202
203 .cbi-value-description {
204 font-style: italic;
205 font-size: 0.8em;
206 margin-bottom: 0.5em;
207 }
208
209 .cbi-form-separator {
210 margin-top: 1em;
211 }
212
213 .cbi-section-node {
214 display: block;
215 background: #f7f7f7;
216 border: 1px solid #d7d7d7;
217 overflow: auto;
218 margn-bottom: 0%;
219 }
220
221 .cbi-section-node h3 {
222 margin-bottom: 0.5em;
223 }
224
225 .cbi-error {
226 color: red;
227 font-weight: bold;
228 font-size: 0.8em;
229 margin-bottom: 0.75em;
230 }
231
232 .cbi-optionals {
233 margin-top: 1em;
234 }
235
236 .cbi-optionals option {
237 font-size: 0.8em;
238 }