webmcp
view demo-app/static/style.css @ 259:41be09ce6aa3
Allow tables as sub-values of request variables (won't be cloned)
| author | jbe |
|---|---|
| date | Sun Mar 15 01:14:21 2015 +0100 (2015-03-15) |
| parents | 9fdfb27f8e67 |
| children |
line source
1 /*
2 * ********** body ***********
3 */
5 body {
6 background-color: #ddd;
7 font-family: sans-serif;
8 margin: 0;
9 padding: 0;
10 font-size: 10pt;
11 }
13 body, td, th, input, select {
14 font-size: 10pt;
15 }
17 div {
18 padding: 0px;
19 margin: 0px;
20 }
22 /*
23 * ********** Logo ***********
24 */
26 .layout_logo {
27 background: #fff;
28 border: 1px solid #444;
29 border-left: none;
30 border-top: none;
31 color: #444;
32 float: left;
33 height: 2.29em;
34 margin-bottom: 2ex;
35 padding-bottom: 0.3ex;
36 padding-left: 0.3ex;
37 padding-top: 0.3ex;
38 }
40 .logo {
41 font-size: 1em;
42 font-weight: bold;
43 }
45 .logo img {
46 height: 2.29em;
47 margin-bottom: -0.7em;
48 }
50 /*
51 * ********** Top navigation ***********
52 */
54 .layout_topnav {
55 float: left;
56 margin-bottom: 2em;
57 margin-left: 2ex;
58 }
60 .slot_topnav .nav {
61 background: #fff;
62 border: 1px solid #444;
63 border-top: none;
64 color: #000;
65 display: block;
66 float: left;
67 font-weight: bold;
68 height: 2.29em;
69 margin-right: 1ex;
70 padding-bottom: 0.3ex;
71 padding-left: 0.3ex;
72 padding-right: 1ex;
73 padding-top: 0.3ex;
74 text-decoration: none;
75 }
79 .vertical .lang_chooser {
80 margin-left: 25ex;
81 margin-bottom: 1ex;
82 }
84 .vertical .lang_chooser div {
85 margin-right: 1ex;
86 }
88 .lang_chooser div {
89 float: left;
90 text-align: center;
91 }
93 .lang_chooser a {
94 color: #000;
95 font-size: 75%;
96 }
98 .lang_chooser img {
99 display: block;
100 }
102 .lang_chooser img {
103 border: 1px solid white;
104 }
106 .lang_chooser a:hover img {
107 border: 1px solid #444;
108 }
110 .lang_chooser a:hover {
111 background: #444;
112 color: #fff;
113 }
116 .slot_topnav a:hover {
117 background: #444;
118 color: #fff;
119 }
121 /*
122 * ********** Content ***********
123 */
125 .layout_content {
126 margin-left: 2ex;
127 margin-right: 2ex;
128 }
131 /*
132 * ********** Messages ***********
133 */
135 .layout_notice, .layout_error, .layout_warning {
136 background: #fff;
137 font-weight: bold;
138 right: 2ex;
139 line-height: 1.7em;
140 position: absolute;
141 top: 2ex;
142 width: 60ex;
143 -moz-opacity:0.7;
144 }
146 .slot_notice, .slot_warning, .slot_error {
147 padding: 2ex;
148 }
150 .slot_notice {
151 color: green;
152 border: 2px solid green;
153 }
155 .slot_warning {
156 color: orange;
157 border: 2px solid orange;
158 }
160 .slot_error {
161 color: red;
162 border: 2px solid red;
163 }
167 /*
168 * ********** Title, Actions and Main ***********
169 */
171 .layout_title {
172 background: #fff;
173 border: 1px solid #444;
174 border-bottom: none;
175 padding: 0.5ex;
176 font-size: 120%;
177 font-weight: bold;
178 float: left;
179 }
181 .layout_title .object_class {
182 float: left;
183 font-size: 0.7em;
184 font-weight: normal;
185 margin-right: 1ex;
186 }
188 .layout_actions {
189 background: #444;
190 border-left: 1px solid #444;
191 padding-top: 0.5ex;
192 padding-bottom: 0.5ex;
193 }
195 .slot_actions a {
196 color: #fff;
197 text-decoration: none;
198 padding: 0.5ex;
199 }
201 .slot_actions a:hover {
202 background: #ccc;
203 color: #444;
204 }
206 .slot_main {
207 background: #fff;
208 border: 1px solid #444;
209 border-top: none;
210 padding: 2ex;
211 padding-bottom: 0px;
212 }
216 /*
217 * ********** ui ***********
218 */
221 form.ui_link {
222 display: inline;
223 margin: 0px;
224 padding: 0px;
225 }
227 .vertical {
228 margin-bottom: 1em;
229 }
231 .vertical:after, .vertical div:after {
232 clear: left;
233 content: ".";
234 display: block;
235 height: 0;
236 visibility: hidden;
237 }
239 .vertical label {
240 float: left;
241 width: 25ex;
242 padding-top: 0.7em;
243 font-size: 80%;
244 font-weight: bold;
245 color: #666;
246 text-align: right;
247 text-transform: uppercase;
248 }
250 .vertical select,
251 .vertical input,
252 .vertical textarea,
253 .vertical span {
254 margin-left: 1em;
255 margin-bottom: 2ex;
256 }
258 .vertical textarea {
259 border: none;
260 border: 1px dotted #777;
261 padding: 0px;
262 }
264 .vertical input,
265 .vertical select {
266 border: 1px dotted #777;
267 }
269 .vertical textarea {
270 width: 80ex;
271 height: 5em;
272 font-family: sans-serif;
273 font-size: 100%;
274 padding: 0.5ex;
275 }
277 input[type=text] {
278 background: #fff;
279 padding: 0.5ex;
280 }
282 input[type=submit] {
283 margin-left: 25ex;
284 border: 1px dotted #777;
285 }
287 input[type=submit]:hover {
288 border: 1px solid #777;
289 }
291 /* ui.list */
293 table.ui_list {
294 border-collapse: collapse;
295 }
297 ul.ui_list {
298 padding: 0px;
299 margin: 0px;
300 }
302 .ui_list li {
303 clear: left;
304 list-style-type: none;
305 }
307 .ui_list_title {
308 font-size: 110%;
309 font-weight: bold;
310 margin-bottom: 0.2em;
311 }
314 li.ui_list_head {
315 font-weight: bold;
316 background: #777;
317 color: #fff;
318 }
320 .ui_list li:hover,
321 .ui_list tr:hover {
322 background: #ddd;
323 }
325 .ui_list li.ui_list_head:hover,
326 .ui_list tr.ui_list_head:hover {
327 background: #777;
328 }
330 .ui_list a {
331 text-decoration: none;
332 color: #000;
333 border-bottom: 1px dashed #777;
334 }
336 .ui_list a:hover {
337 border-bottom: 1px solid #000;
338 }
340 .ui_list li div {
341 float: left;
342 }
344 .ui_list td {
345 vertical-align: top;
346 }
348 .ui_list li div,
349 .ui_list td {
350 padding-top: 0.4ex;
351 padding-bottom: 0.4ex;
352 padding-right: 0.4em;
353 }
355 .ui_list li div div {
356 padding: 0px;
357 }
359 .ui_list li div a {
360 text-decoration: none;
361 color: #000;
362 }
364 .ui_list_col_align_right {
365 text-align: right;
366 }
368 .ui_paginate_select {
369 text-align: center;
370 }
372 .ui_paginate_select a {
373 padding-left: 1ex;
374 padding-right: 1ex;
375 background-color: #ccc;
376 color: #000;
377 }
379 .ui_paginate_select a.active,
380 .ui_paginate_select a:hover {
381 background-color: #444;
382 color: #fff;
383 }