Premiere version : mise en route du suivi.
[auf_roundup.git] / share / roundup / templates / classic / html / .svn / text-base / style.css.svn-base
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 */