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