* 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 }