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