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