8b192ba7c849ea8b92cdb5f033e6ae572c3fefdc
[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 }
13
14 h2 {
15         margin: 0%;
16         font-size: 1.2em;
17         font-weight: bold;
18 }
19
20 #header {
21         padding: 0.2em;
22         height: 4.5em;
23         background-color: #262626;
24 }
25
26 #columns {
27         border-left: 10.1em solid #262626;
28         border-right: 10.1em solid #262626;
29         display: block;
30         background-color: white;
31         padding: 0.1em;
32 }
33
34 #columnswrapper {
35         display: block;
36         margin-left: -10em;
37         margin-right: -10em;
38 }
39
40 #content {
41         margin-left: 14em;
42         margin-right: 14em;
43         display: block;
44         position: relative;
45         padding: 2px;
46         font-size: 0.8em;
47 }
48
49 .headerlogo {
50         height: 4em;
51         padding: 5px;
52 }
53
54 .headerlogo img {
55         height: 100%;
56 }
57
58 .headertitle {
59         font-size: 2.4em;
60         color: gray;
61         letter-spacing: 0.5em;
62         text-transform: lowercase;
63 }
64
65 .separator {
66         padding-left: 0.25em;
67         font-weight: bold;
68         font-size: 0.8em;
69         line-height: 1.4em;
70 }
71
72 .whitetext {
73         color: white;
74 }
75
76 .yellowtext {
77         color: #ffcb05;
78 }
79
80 .magentatext {
81         color: #dc0065;
82 }
83
84 .inheritcolor {
85         color: inherit;
86 }
87
88 .smalltext {
89         font-size: 0.8em;
90 }
91
92 .yellow {
93         background-color: #ffcb05;
94 }
95
96 .magenta {
97         background-color: #dc0065;
98 }
99
100 .nodeco {
101         text-decoration: none;
102 }
103
104 .redhover:hover {
105         color: red;
106 }
107
108 .bold {
109         font-weight: bold;
110 }
111
112 .sidebar {
113         position: relative;
114         padding: 0.25em;
115         color: gray;
116         width: 9em;
117         font-weight: bold;
118 }
119
120 .separator a, .sidebar a {
121         color: inherit;
122         text-decoration: inherit;
123 }
124
125 .separator a:hover, .sidebar a:hover {
126         color: red;
127 }
128
129 .sidebar div {
130         padding-bottom: 0.5em;
131 }
132
133 .sidebar ul {
134         font-size: 0.8em;
135         color: white;
136         list-style-type: none;
137         padding-left: 1em;
138         margin-top: 0%;
139 }
140
141 .left {
142         float: left;
143         text-align: left;
144 }
145
146 .right {
147         float: right;
148         text-align: right;
149 }
150
151 .clear {
152         clear: both;
153 }
154
155 .hidden {
156         display: none;
157 }
158
159
160 .cbi-section {
161         margin-top: 1em;
162 }
163
164 .cbi-section-create {
165         margin-bottom: 3em;
166 }
167
168 .cbi-value-title {
169         font-weight: bold;
170         line-height: 1.75em;
171 }
172
173 .cbi-value-field {
174         text-align: right;
175         vertical-align: center;
176         line-height: 1.75em;
177 }
178
179 .cbi-value-description {
180         clear: both;
181         font-style: italic;
182         font-size: 0.8em; 
183 }
184
185 .cbi-value {
186         margin-bottom: 1em;
187 }
188
189 .cbi-form-separator {
190         margin-top: 1em;
191 }
192
193 .cbi-section-node {
194         margin-top: 1em;
195         border: none;
196         background-color: #eeeeee;
197 }
198
199 .cbi-error {
200         color: red;
201         font-weight: bold;
202 }
203
204 .cbi-optionals {
205         margin-top: 2em;
206 }
207
208 .cbi-optionals select {
209         height: 1.5em;
210         width: 20em;
211 }
212
213 .cbi-optionals option {
214         font-size: 0.8em;
215 }