Premiere version : mise en route du suivi.
[auf_roundup.git] / share / roundup / templates / classic / html / style.css
1 /* main page styles */
2 body.body {
3 font-family: sans-serif, Arial, Helvetica;
4 background-color: white;
5 color: #333;
6 margin: 0;
7 }
8 a[href]:hover {
9 color:blue;
10 text-decoration: underline;
11 }
12 a[href], a[href]:link {
13 color:blue;
14 text-decoration: none;
15 }
16
17 table.body {
18 border: 0;
19 padding: 0;
20 border-spacing: 0;
21 border-collapse: separate;
22 }
23
24 td.page-header-left {
25 padding: 5px;
26 border-bottom: 1px solid #444;
27 }
28 td.sidebar {
29 padding: 1px 0 0 1px;
30 white-space: nowrap;
31 }
32
33 /* don't display the sidebar when printing */
34 @media print {
35 td.page-header-left {
36 display: none;
37 }
38 td.sidebar {
39 display: none;
40 }
41 .index-controls {
42 display: none;
43 }
44 #searchbox {
45 display: none;
46 }
47 }
48
49 td.page-header-top {
50 padding: 5px;
51 border-bottom: 1px solid #444;
52 }
53
54 div#searchbox {
55 float: right;
56 padding-top: 1em;
57 }
58
59 div#searchbox input#search-text {
60 width: 10em;
61 }
62
63 form {
64 margin: 0;
65 }
66
67 textarea {
68 font-family: monospace;
69 }
70
71 td.sidebar p.classblock {
72 padding: 2px 5px 2px 5px;
73 margin: 1px;
74 border: 1px solid #444;
75 background-color: #eee;
76 }
77
78 td.sidebar p.userblock {
79 padding: 2px 5px 2px 5px;
80 margin: 1px 1px 1px 1px;
81 border: 1px solid #444;
82 background-color: #eef;
83 }
84
85 .form-small {
86 padding: 0;
87 font-size: 75%;
88 }
89
90
91 td.content {
92 padding: 1px 5px 1px 5px;
93 vertical-align: top;
94 width: 100%;
95 }
96
97 td.date, th.date {
98 white-space: nowrap;
99 }
100
101 p.ok-message {
102 background-color: #22bb22;
103 padding: 5px;
104 color: white;
105 font-weight: bold;
106 }
107 p.error-message {
108 background-color: #bb2222;
109 padding: 5px;
110 color: white;
111 font-weight: bold;
112 }
113 p.error-message a[href] {
114 color: white;
115 text-decoration: underline;
116 }
117
118
119 /* style for search forms */
120 ul.search-checkboxes {
121 display: inline;
122 padding: 0;
123 list-style: none;
124 }
125 ul.search-checkboxes > li {
126 display: inline;
127 padding-right: .5em;
128 }
129
130
131 /* style for forms */
132 table.form {
133 padding: 2px;
134 border-spacing: 0;
135 border-collapse: separate;
136 }
137
138 table.form th {
139 color: #338;
140 text-align: right;
141 vertical-align: top;
142 font-weight: normal;
143 white-space: nowrap;
144 }
145
146 table.form th.header {
147 font-weight: bold;
148 background-color: #eef;
149 text-align: left;
150 }
151
152 table.form th.required {
153 font-weight: bold;
154 }
155
156 table.form td {
157 color: #333;
158 empty-cells: show;
159 vertical-align: top;
160 }
161
162 table.form td.optional {
163 font-weight: bold;
164 font-style: italic;
165 }
166
167 table.form td.html {
168 color: #777;
169 }
170
171 /* style for lists */
172 table.list {
173 border-spacing: 0;
174 border-collapse: separate;
175 width: 100%;
176 }
177
178 table.list th {
179 padding: 0 4px 0 4px;
180 color: #404070;
181 background-color: #eef;
182 border: 1px solid white;
183 vertical-align: top;
184 empty-cells: show;
185 }
186 table.list th a[href]:hover { color: #404070 }
187 table.list th a[href]:link { color: #404070 }
188 table.list th a[href] { color: #404070 }
189 table.list th.group {
190 background-color: #f4f4ff;
191 text-align: center;
192 }
193
194 table.list td {
195 padding: 0 4px 0 4px;
196 border: 1px solid white;
197 color: #404070;
198 background-color: #efefef;
199 vertical-align: top;
200 empty-cells: show;
201 }
202
203 table.list tr.navigation th {
204 width: 33%;
205 border-style: hidden;
206 text-align: center;
207 }
208 table.list tr.navigation td {
209 border: none
210 }
211 table.list tr.navigation th:first-child {
212 text-align: left;
213 }
214 table.list tr.navigation th:last-child {
215 text-align: right;
216 }
217
218
219 /* style for message displays */
220 table.messages {
221 border-spacing: 0;
222 border-collapse: separate;
223 width: 100%;
224 }
225
226 table.messages th.header{
227 padding-top: 10px;
228 border-bottom: 1px solid gray;
229 font-weight: bold;
230 background-color: white;
231 color: #707040;
232 }
233
234 table.messages th {
235 font-weight: bold;
236 color: black;
237 text-align: left;
238 border-bottom: 1px solid #afafaf;
239 }
240
241 table.messages td {
242 font-family: monospace;
243 background-color: #efefef;
244 border-bottom: 1px solid #afafaf;
245 color: black;
246 empty-cells: show;
247 border-right: 1px solid #afafaf;
248 vertical-align: top;
249 padding: 2px 5px 2px 5px;
250 }
251
252 table.messages td:first-child {
253 border-left: 1px solid #afafaf;
254 border-right: 1px solid #afafaf;
255 }
256
257 /* style for file displays */
258 table.files {
259 border-spacing: 0;
260 border-collapse: separate;
261 width: 100%;
262 }
263
264 table.files th.header{
265 padding-top: 10px;
266 border-bottom: 1px solid gray;
267 font-weight: bold;
268 background-color: white;
269 color: #707040;
270 }
271
272 table.files th {
273 border-bottom: 1px solid #afafaf;
274 font-weight: bold;
275 text-align: left;
276 }
277
278 table.files td {
279 font-family: monospace;
280 empty-cells: show;
281 }
282
283 /* style for history displays */
284 table.history {
285 border-spacing: 0;
286 border-collapse: separate;
287 width: 100%;
288 }
289
290 table.history th.header{
291 padding-top: 10px;
292 border-bottom: 1px solid gray;
293 font-weight: bold;
294 background-color: white;
295 color: #707040;
296 font-size: 100%;
297 }
298
299 table.history th {
300 border-bottom: 1px solid #afafaf;
301 font-weight: bold;
302 text-align: left;
303 font-size: 90%;
304 }
305
306 table.history td {
307 font-size: 90%;
308 vertical-align: top;
309 empty-cells: show;
310 }
311
312
313 /* style for class list */
314 table.classlist {
315 border-spacing: 0;
316 border-collapse: separate;
317 width: 100%;
318 }
319
320 table.classlist th.header{
321 padding-top: 10px;
322 border-bottom: 1px solid gray;
323 font-weight: bold;
324 background-color: white;
325 color: #707040;
326 }
327
328 table.classlist th {
329 font-weight: bold;
330 text-align: left;
331 }
332
333
334 /* style for class help display */
335 table.classhelp { /* the table-layout: fixed; */
336 table-layout: fixed; /* compromises quality for speed */
337 overflow: hidden;
338 font-size: .9em;
339 padding-bottom: 3em;
340 }
341
342 table.classhelp th {
343 font-weight: normal;
344 text-align: left;
345 color: #444;
346 background-color: #efefef;
347 border-bottom: 1px solid #afafaf;
348 border-top: 1px solid #afafaf;
349 text-transform: uppercase;
350 vertical-align: middle;
351 line-height:1.5em;
352 }
353
354 table.classhelp td {
355 vertical-align: middle;
356 padding-right: .2em;
357 border-bottom: 1px solid #efefef;
358 text-align: left;
359 empty-cells: show;
360 white-space: nowrap;
361 vertical-align: middle;
362 }
363
364 table.classhelp tr:hover {
365 background-color: #eee;
366 }
367
368 label.classhelp-label {
369 cursor: pointer;
370 }
371
372 #classhelp-controls {
373 position: fixed;
374 display: block;
375 top: auto;
376 right: 0;
377 bottom: 0;
378 left: 0;
379 padding: .5em;
380 border-top: 2px solid #444;
381 background-color: #eee;
382 }
383
384 #classhelp-controls input.apply {
385 width: 7em;
386 font-weight: bold;
387 margin-right: 2em;
388 margin-left: 2em;
389 }
390
391 #classhelp-controls input.preview {
392 margin-right: 3em;
393 margin-left: 1em;
394 }
395
396 /* style for "other" displays */
397 table.otherinfo {
398 border-spacing: 0;
399 border-collapse: separate;
400 width: 100%;
401 }
402
403 table.otherinfo th.header{
404 padding-top: 10px;
405 border-bottom: 1px solid gray;
406 font-weight: bold;
407 background-color: white;
408 color: #707040;
409 }
410
411 table.otherinfo th {
412 border-bottom: 1px solid #afafaf;
413 font-weight: bold;
414 text-align: left;
415 }
416
417 input[type="text"]:focus,
418 input[type="checkbox"]:focus,
419 input[type="radio"]:focus,
420 input[type="password"]:focus,
421 textarea:focus, select:focus {
422 background-color: #ffffc0;
423 }
424
425 .calendar_display {
426 text-align: center;
427 }
428
429 .calendar_display td {
430 padding: 1px 4px 1px 4px;
431 }
432
433 .calendar_display .today {
434 background-color: #afafaf;
435 }
436
437 /* vim: sts=2 sw=2 et
438 */