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 }