Premiere version : mise en route du suivi.
[auf_roundup.git] / share / roundup / templates / minimal / 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#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 */