Preview dans ckeditor : y'a une couille avec la locasization. On met ça en stand-by…
[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 }
143
144 #PortalLogo {
145 vertical-align: middle;
146 }
147
148 #PortalLogo img {
149 border: none;
150 }
151
152
153 #PortalTitle {
154 font-family: &dtml-headingFontFamily;;
155 font-size: 120%;
156 font-weight: bold;
157 }
158
159 #NavBar {
160 font-size: &dtml-fontSmallSize;;
161 font-weight: bold;
162 }
163
164 #NavBar a,
165 #NavBar a:link,
166 #NavBar a:visited,
167 #NavBar a:active {
168 color: &dtml-specialLinkColor;;
169 }
170
171 #NavBar a:hover {
172 color: &dtml-specialLinkHoverColor;;
173 }
174
175
176 /* User menu bar */
177
178 #MemberActionsBox {
179 width: 100%;
180 background-color: &dtml-memberActionsBoxBackground;;
181 color: &dtml-fontColor;;
182 font-weight: bold ;
183 font-size: &dtml-fontSmallSize;;
184 padding : 0 2px ;
185 }
186 #MemberActionsBox td {
187 vertical-align: middle;
188 }
189
190 .ActionTitle {
191 color: &dtml-fontColor;
192 }
193
194 .ActionLink a:link,
195 .ActionLink a:visited,
196 .ActionLink a:active {
197 color: &dtml-linkColor;;
198 text-decoration: none
199 }
200
201 .ActionLink a:hover { color: &dtml-linkHoverColor;}
202
203
204 /* Breadcrumbs + Search form */
205 #Breadcrumbs {
206 background: &dtml-breadcrumbsBackground;;
207 font-size: &dtml-fontSmallSize;;
208 padding: 0 2px 1px 2px;
209
210 }
211
212 /*
213 Main column
214 */
215
216
217 /* Status messages */
218 .DesktopStatusBar {
219 background-color: &dtml-messageBackgroundColor;;
220 border: 1px solid &dtml-messageBorderColor;;
221 color: &dtml-messageFontColor;;
222 font-size: &dtml-fontSmallSize;;
223 font-weight: bold;
224 padding-left : 1em;
225 margin-bottom : 6px;
226 vertical-align: middle;
227 }
228
229 .DesktopStatusBar img {
230 vertical-align: middle;
231 }
232
233 /* Content tabs */
234 .contentTabs {
235 border-bottom : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
236 border-collapse: collapse;
237 white-space: nowrap;
238 padding-left: 1em;
239 margin: 0;
240 }
241
242 .contentTabs li, .additionalTabs li {
243 display: inline;
244 font-size: &dtml-fontSmallSize;;
245 }
246
247 .contentTabs a,
248 .contentTabs a:visited
249 {
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 }
258
259 .contentTabs a:hover, .contentTabs a:active {
260 background-color: &dtml-tabsBorderColor;;
261 color: &dtml-tabsFontColor;;
262 }
263
264 .contentTabs .selected a,
265 .contentTabs .selected a:visited,
266 .contentTabs .selected a:hover {
267 border-left : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
268 border-right : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
269 border-top : &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
270 border-bottom : &dtml-tabsBottomBorderSelectedWidth; solid &dtml-selectedTabBackgroundColor;;
271 color: &dtml-tabsFontColor;;
272 background-color : &dtml-selectedTabBackgroundColor;;
273 }
274
275 .additionalTabs {
276 padding-right : 2em ;
277 text-align : right ;
278 margin : 0 ;
279 }
280
281 .additionalTabs a, .additionalTabs a:visited {
282 color: &dtml-tabsFontColor;;
283 padding: 0 1em;
284 border-left : 1px dashed &dtml-tabsBorderColor;;
285 }
286
287 .additionalTabs .selected a {
288 background-color : &dtml-tabsBorderColor;;
289 }
290
291
292 #mainCell {
293 padding: 12px 5px;
294 }
295 #ForematterCell {
296 background: &dtml-contentBackgroundColor;;
297 padding-bottom : 1px ;
298 }
299
300 /* Header */
301 .header {
302 font-family: &dtml-headingFontFamily;;
303 padding: 0 0.5em;
304 }
305
306 /* Title */
307 #DesktopTitle {
308 font-size: 120%;
309 font-weight: bold;
310 color: &dtml-fontColor;;
311 margin : 0 ;
312 padding: 2px;
313 vertical-align : bottom ;
314 }
315
316 #DesktopTitle img {
317 vertical-align:middle;
318 padding-right: 2px;
319 }
320 /* Description */
321 #DesktopDescription {
322 font-size: &dtml-fontSmallSize;;
323 color: &dtml-descriptionColor;;
324 }
325
326 /* Content Byline */
327 #ContentByLine {
328 color : &dtml-descriptionColor;;
329 background-color: &dtml-bylineBackgroundColor;;
330 font-size: &dtml-fontSmallSize;;
331 text-align: right;
332 padding: 0 1em;
333 }
334
335 #ContentByLine a {
336
337 }
338
339 /* Main content */
340 #Desktop {
341 padding: 0 0.5em;
342 text-align: justify ;
343 }
344
345 /* Search form */
346
347 #search_form {
348 font-size: &dtml-fontSmallSize;;
349 }
350
351 #Footer {
352 background-color : &dtml-footerBackgroundColor;;
353 color: &dtml-fontColor;;
354 font-size: 80%;
355 text-align: center;
356 padding : 3px;
357 }
358
359 /* Folder contents */
360
361 .listing {
362 font-size: &dtml-fontSmallSize;;
363 }
364
365 .listing th {
366 background-color: &dtml-listingHeaderBackgroundColor;;
367 text-align: left;
368 padding: 2px 0 1px 4px;
369 }
370
371 .listing th a,
372 .listing a:link,
373 .listing a:visited,
374 .listing a:active {
375 color: &dtml-specialLinkColor;;
376 }
377
378 .listing th a:hover {
379 color: &dtml-specialLinkHoverColor;;
380 }
381
382 .listing td {
383 padding : 2px ;
384 vertical-align : middle ;
385 }
386
387 .listing .odd {
388 background-color: &dtml-oddRowBackgroundColor;;
389 }
390 .listing .even {
391 background-color: &dtml-evenRowBackgroundColor;;
392 }
393
394 /* Batched navigation */
395
396 .listingBar {
397 background-color: &dtml-tabsBackgroundColor;;
398 font-size: &dtml-fontSmallSize;;
399 border: 1px solid &dtml-listingBarBorderColor;;
400 padding: 0em 1em;
401 margin:1em 0;
402 text-align: center;
403 vertical-align: top;
404 }
405
406 .listingBar a,
407 .listingBar a:link,
408 .listingBar a:visited,
409 .listingBar a:active {
410 color : &dtml-specialLinkColor;;
411 }
412
413 .listingBar a:hover {
414 color : &dtml-specialLinkHoverColor;;
415 }
416
417 .listingBar a.previous {
418 text-align: left;
419 float: left;
420 }
421
422 .listingBar a.next {
423 text-align: right;
424 float: right;
425 }
426
427 /* Recent news */
428
429 .newsItem {
430 font-size:90%;
431 background-color: &dtml-contentBackgroundColor;;
432 margin: 1em 0;
433 }
434
435 .newsTitle {
436 color: &dtml-fontColor;;
437 font-weight: bold;
438 padding: 0 2px;
439 border: &dtml-tabsBorderWidth; solid &dtml-newsTitleBorderColor;;
440 }
441
442 .newsTitle a {
443 color: &dtml-fontColor;;
444 }
445
446 .newsDescription {
447 margin: 0 0.5em;
448 }
449
450 .newsContent {
451 padding: 0 1em 1em 1em;
452 }
453
454 .newsContent ul,
455 .newsContent li {
456 display: block;
457 list-style: none;
458 list-style-image: none;
459 margin: 0;
460 padding: 0;
461 }
462
463 .newsAbout {
464 display: block;
465 color: &dtml-fontColor;;
466 font-size: &dtml-fontSmallSize;;
467 list-style: none;
468 list-style-image: none;
469 float: right;
470 text-align: right;
471 }
472
473 .newsAbout li {
474 display: inline;
475 }
476
477 .newsFooter {
478 font-size: &dtml-fontSmallSize;;
479 }
480
481 .newsFooter li {
482 display: inline;
483 margin: 0 1em 0 0;
484 }
485
486 <dtml-comment>
487
488 /* Not used */
489
490 .ObjectStatus {
491 font-style: italic }
492
493 .ContextActionsRow {
494 color: white;
495 background-color: #aaa }
496
497 #ContextActionsBox {
498 background-color: #aaa;
499 padding: 0;
500 border: dotted 2px #ffa500 }
501
502 #DiscussionAbove {
503 font-style: italic;
504 margin: 8pt 8pt 8pt 16pt;
505 border: dashed 2px #f00 }
506
507 </dtml-comment>
508
509 /* </dtml-with> */