Copie depuis le svn du cri à l'état :
[Plinn.git] / skins / generic / zpt_stylesheet_print.css.dtml
1 /*
2
3 Date de creation : 2 juin 2004
4
5 E.N.S.M.P. - C.R.I. - Gilles Rosenbaum
6
7 *********************************************
8 Version pour impression de zpt_stylesheet.css
9 *********************************************
10
11 */
12
13 /* <dtml-with base_properties> */
14
15 body {
16 /* background-color: #ffd; Printing version */
17 background-color : white;
18 color: black;
19 font-family: &dtml-fontFamily;;
20 font-size : &dtml-fontBaseSize;;
21 margin: 0 2pt }
22
23 h1, h2, h3, h4, h5, h6 {
24 font-family: &dtml-headingFontFamily;;
25 }
26
27 h1 {
28 font-size:120%;
29 }
30
31 h2 {
32 font-size:110%;
33 }
34
35 h3 {
36 font-size:100%;
37 }
38
39 h4 {
40 font-style: italic;
41 }
42
43 a:link,
44 a:visited,
45 a:active {
46 color: &dtml-linkColor;;
47 text-decoration: none;
48 }
49
50 a:hover {
51 color: #00f;
52 text-decoration: none;
53 }
54
55 table.ContentsList tr td { }
56
57 table.ContentsList tr td img {
58 border: 0;
59 }
60
61 table.FormLayout {
62 width: 99% }
63
64 table.FormLayout dl.FieldHelp dd {
65 font-size : 90% ;
66 font-style : italic}
67
68 table.FormLayout td.ListDefinition {
69 font-style: italic }
70
71 table.FormLayout td.ListName {
72 background-color: &dtml-tabsBackgroundColor;;
73 color: &dtml-globalFontColor;;
74 font-weight: bold;
75 vertical-align: middle;
76 padding-left: 2px;
77 }
78
79 table.FormLayout th {
80 font-weight: bold;
81 text-align: right }
82
83 table.FormLayout tr {
84 vertical-align: top }
85
86 table.FormLayout tr td.TextField {
87 vertical-align: top }
88
89 table.FormLayout tr th.TextField {
90 vertical-align: top }
91
92 table.NewsItems {
93 border: 0 }
94
95 table.SearchResults {
96 width: auto }
97
98 table.SearchResults tr td img {
99 border: 0 }
100
101 table.SearchResults tr th {
102 text-align: left }
103
104 table.Wizard {
105 width: auto }
106
107 table.Wizard tr {
108 vertical-align: top }
109
110 table.Wizard tr th {
111 text-align: right }
112
113 td {
114 vertical-align: top }
115
116 td.NewsBorder {
117 background-color: #369 }
118
119 td.NewsByLine {
120 color: #369;
121 background-color: #ccc;
122 text-align: left;
123 vertical-align: top }
124
125 td.NewsListing {
126 color: #fff;
127 font-weight: bold;
128 background-color: #369 }
129
130 td.NewsTitle {
131 color: #fff;
132 font-weight: bold;
133 background-color: #369;
134 text-align: center }
135
136
137 /* Top bar */
138
139 #Masthead {
140 background-color: &dtml-topbarBackgroundColor;;
141 width: 100%;
142 visibility : hidden;
143 }
144
145 #Masthead td {
146 vertical-align: middle;
147 }
148
149 #PortalLogo {
150 vertical-align: middle;
151 }
152
153 #PortalLogo img {
154 border: none;
155 }
156
157
158 #PortalTitle {
159 font-family: &dtml-headingFontFamily;;
160 font-size: 120%;
161 font-weight: bold;
162 }
163
164 #NavBar {
165 font-family: &dtml-headingFontFamily;;
166 font-size: &dtml-fontSmallSize;;
167 font-weight: bold;
168 text-align: right
169 }
170
171 #NavBar a {
172 color: &dtml-tabsFontColor;;
173 }
174
175
176 /* User menu bar */
177
178 #MemberActionsBox {
179 width: 100%;
180 background-color: &dtml-globalBackgroundColor;;
181 color: &dtml-globalFontColor;;
182 font-weight: bold ;
183 font-size: &dtml-fontSmallSize;;
184 padding : 0 2px ;
185 visibility : hidden;
186 }
187
188 .ActionTitle {
189 color: &dtml-globalFontColor;
190 }
191
192 .ActionLink a:link,
193 .ActionLink a:visited,
194 .ActionLink a:active {
195 color: white;
196 text-decoration: none
197 }
198
199 .ActionLink a:hover { color: #9cf }
200
201
202 /* Breadcrumbs + Search form */
203 #Breadcrumbs {
204 background: white;
205 font-size: &dtml-fontSmallSize;;
206 padding: 0 2px 1px 2px;
207 visibility : hidden;
208 }
209
210 /*
211 Main column
212 */
213
214
215 /* Status messages */
216 #DesktopStatusBar {
217 background-color: &dtml-messageBackgroundColor;;
218 border: 1px solid &dtml-messageBorderColor;;
219 color: &dtml-fontColor;;
220 font-size: &dtml-fontSmallSize;;
221 font-weight: bold;
222 margin: 0.5em 0em 1.5em 0em;
223 padding: 0.5em 1em;
224 vertical-align: middle;
225 visibility : hidden;
226 }
227
228 #DesktopStatusBar img {
229 vertical-align: middle;
230 visibility : hidden;
231 }
232
233 /* Content tabs */
234
235 /* creer pour l'impression */
236 #ContentTabs {
237 visibility : hidden;
238 }
239 /* \creer pour l'impression */
240
241 .contentTabs {
242 border-collapse: collapse;
243 white-space: nowrap;
244 padding-left: 1em;
245 margin: 0;
246 }
247
248 .contentTabs li, .additionalTabs li {
249 display: inline;
250 font-size: &dtml-fontSmallSize;;
251 }
252
253 .contentTabs a {
254 background-color: &dtml-tabsBackgroundColor;;
255 color: &dtml-globalFontColor;;
256 /*border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;*/
257 margin-right: 0.5em;
258 padding: 0 1em;
259 }
260
261 .contentTabs .selected a {
262 background-color: &dtml-tabsBorderColor;;
263 color: &dtml-tabsFontColor;;
264 border-top : 4px solid &dtml-tabsBorderColor;;
265 }
266
267 .contentTabs a:hover {
268 background-color: &dtml-tabsBorderColor;;
269 color: &dtml-tabsFontColor;;
270 }
271
272 .additionalTabs {
273 padding-right : 2em ;
274 padding-top : 2px ;
275 text-align : right ;
276 margin : 0 ;
277 background-color: &dtml-tabsBorderColor;;
278 }
279
280 .additionalTabs a {
281 color: &dtml-tabsFontColor;;
282 padding: 0 1em;
283 }
284
285 #mainCell {
286 padding: 0.5em 1em;
287 width : 100%;
288 height : 100%;
289 }
290
291 #ForematterCell {
292 background: &dtml-contentBackgroundColor;;
293 padding-bottom : 1px ;
294 /* border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;; Printing version */
295 border : &dtml-tabsBorderWidth; solid black;
296 }
297
298 /* creer pour l'impression */
299 #leftCell{
300 visibility : hidden;
301 position : absolute;
302 }
303 /* \creer pour l'impression */
304
305 /* creer pour l'impression */
306 #rightCell{
307 visibility : hidden;
308 position : absolute;
309 }
310 /* \creer pour l'impression */
311
312 /* Header */
313 .header {
314 background-color: &dtml-tabsBorderColor;;
315 border-bottom: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
316 font-family: &dtml-headingFontFamily;;
317 border : 1px solid black; /* printing version */
318 }
319
320 /* Title */
321 #DesktopTitle {
322 background: &dtml-tabsBackgroundColor;; /* Printing version */
323 /* background : black; */
324 font-size: 120%;
325 font-weight: bold;
326 /* color: &dtml-globalFontColor;; Printing version */
327 color : black;
328 margin : 0 ;
329 padding: 2px;
330 vertical-align : bottom ;
331 }
332
333 #DesktopTitle img {
334 vertical-align:middle;
335 padding-right: 2px;
336 }
337
338 /* Description */
339 #DesktopDescription {
340 font-size: &dtml-fontSmallSize;;
341 color: &dtml-tabsFontColor;;
342 }
343
344 /* Content Byline */
345 #ContentByLine {
346 background-color: &dtml-backgroundColor;;
347 font-size: &dtml-fontSmallSize;;
348 text-align: right;
349 padding: 0 1em;
350 }
351
352 #ContentByLine a {
353
354 }
355
356 /* Main content */
357 #Desktop {
358 padding: 1em;
359 text-align: justify ;
360 }
361
362 /* Search form */
363
364 #search_form {
365 font-size: &dtml-fontSmallSize;;
366 }
367
368 #Footer {
369 background-color : &dtml-globalBackgroundColor;;
370 color: &dtml-globalFontColor;;
371 font-size: &dtml-fontSmallSize;;
372 text-align: center;
373 padding : 1px 2px ;
374 visibility : hidden;
375 }
376
377 /* Folder contents */
378
379 .listing {
380 width: 100%;
381 font-size: &dtml-fontSmallSize;;
382 }
383
384 .listing th {
385 background-color: &dtml-tabsBorderColor;;
386 text-align: left;
387 padding: 2px 0 1px 4px;
388 }
389
390 .listing th a {
391 color: &dtml-tabsFontColor;;
392 }
393
394 .listing .odd {
395 background-color: &dtml-oddRowBackgroundColor;;
396 }
397 .listing .even {
398 background-color: &dtml-evenRowBackgroundColor;;
399 }
400
401 /* Batched navigation */
402
403 .listingBar {
404 background-color: &dtml-tabsBackgroundColor;;
405 font-size: &dtml-fontSmallSize;;
406 border: 1px solid &dtml-tabsBorderColor;;
407 padding: 0em 1em;
408 margin:1em 0;
409 text-align: center;
410 vertical-align: top;
411 }
412
413 .listingBar span.previous {
414 text-align: left;
415 float: left;
416 }
417
418 .listingBar span.next {
419 text-align: right;
420 float: right;
421 }
422
423 /* Recent news */
424
425 .newsItem {
426 background-color: &dtml-contentBackgroundColor;;
427 margin: 1em 0;
428 }
429
430 .newsTitle {
431 background-color: &dtml-tabsBackgroundColor;;
432 color: &dtml-globalFontColor;;
433 font-weight: bold;
434 font-size: 120%;
435 padding: 0 2px;
436 border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
437 }
438
439 .newsTitle a {
440 color: &dtml-globalFontColor;;
441 }
442
443 .newsDescription {
444 font-family: &dtml-headingFontFamily;;
445 margin: 0 0.5em;
446 }
447
448 .newsContent {
449 padding: 0 1em 1em 1em;
450 }
451
452 .newsContent ul,
453 .newsContent li {
454 display: block;
455 list-style: none;
456 list-style-image: none;
457 margin: 0;
458 padding: 0;
459 }
460
461 .newsAbout {
462 display: block;
463 color: &dtml-discreetColor;;
464 font-size: &dtml-fontSmallSize;;
465 list-style: none;
466 list-style-image: none;
467 float: right;
468 text-align: right;
469 }
470
471 .newsAbout li {
472 display: inline;
473 }
474
475 .newsFooter {
476 font-size: &dtml-fontSmallSize;;
477 }
478
479 .newsFooter li {
480 display: inline;
481 margin: 0 1em 0 0;
482 }
483
484 <dtml-comment>
485
486 /* Not used */
487
488 .ObjectStatus {
489 font-style: italic }
490
491 .ContextActionsRow {
492 color: white;
493 background-color: #aaa }
494
495 #ContextActionsBox {
496 background-color: #aaa;
497 padding: 0;
498 border: dotted 2px #ffa500 }
499
500 #DiscussionAbove {
501 font-style: italic;
502 margin: 8pt 8pt 8pt 16pt;
503 border: dashed 2px #f00 }
504
505 </dtml-comment>
506
507 /* </dtml-with> */