webmcp
view demo-app/static/style.css @ 3:795b764629ca
Version 1.0.3
Important bugfix related to internal forwards (Bug was introduced by the restriction of views with underscore prefix in Version 1.0.2)
Important bugfix related to internal forwards (Bug was introduced by the restriction of views with underscore prefix in Version 1.0.2)
author | jbe |
---|---|
date | Thu Dec 10 12:00:00 2009 +0100 (2009-12-10) |
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 }