fix imports.
[Plinn.git] / skins / generic / plinn_style.css.dtml
1 /* <dtml-with base_properties> */
2
3 img {
4 border:none;
5 }
6
7 input, textarea, select {
8 color: &dtml-inputFontColor;;
9 }
10
11 table.TwoColumnForm {
12 color: &dtml-twoColumnFormFontColor;;
13 background-color: &dtml-twoColumnFormBackground;;
14 padding : 4px ;
15 }
16
17 table.TwoColumnForm td.ListDefinition {
18 font-style: italic }
19
20 table.TwoColumnForm td.ListName {
21 color: #fff;
22 font-weight: bold;
23 background-color: #369;
24 vertical-align: middle }
25
26 table.TwoColumnForm th {
27 font-weight: bold;
28 text-align: right;
29 padding-right: 5px }
30
31 table.TwoColumnForm tr {
32 /* background-color: #ddd;*/
33 vertical-align: top }
34
35 table.TwoColumnForm tr td.TextField {
36 vertical-align: top;
37 padding-right: 10px;
38 padding-left: 10px }
39
40 dl.FieldHelp {
41 margin: 3px }
42
43 dl.FieldHelp dd {
44 font-size : 90% ;
45 font-style : italic }
46
47 table.TwoColumnForm tr th.TextField {
48 vertical-align: top }
49
50 table.FolderFactories th {
51 text-align : center ;
52 }
53
54 table.FolderFactories td.ListName {
55 color: &dtml-fontColor;;
56 font-weight: bold;
57 vertical-align: middle;
58 padding : 2px;
59 }
60
61 table.FolderFactories td.spacing {
62 height : 8px ;
63 }
64
65 table.assign_global_roles {
66 margin-top : 0.5em;
67 background-color: &dtml-twoColumnFormBackground;;
68 padding: 4px;
69 }
70
71 .assign_global_roles th {
72 padding-right: 5px;
73 vertical-align:top;
74 }
75
76 .assign_global_roles td ul {
77 margin: 0px;
78 padding-left: 15px
79 }
80
81 .config {
82 color: &dtml-configFontColor;;
83 background-color: &dtml-configBackgroundColor;;
84 padding: 5px }
85
86 .config .info_message {
87 color: &dtml-messageFontColor;;
88 font-weight: 800 }
89
90 .config .tabs {
91 margin: 0px;
92 padding: 0px;
93 border-bottom: 1pt solid #669 }
94
95 .config a
96 .config a:link,
97 .config a:visited,
98 .config a:active {
99 color : &dtml-specialLinkColor;;
100 }
101
102 .config a:hover {
103 color : &dtml-specialLinkHoverColor;;
104 }
105
106 .config .tabs a,
107 .config .tabs a:link,
108 .config .tabs a:visited,
109 .config .tabs a:active {
110 color : &dtml-tabsFontColor;;
111 text-decoration: none
112
113 }
114
115 .config .tabs a:hover {
116 color: #59c
117 }
118
119 .config .tabs td {
120 padding-right: 5px;
121 padding-left: 5px;
122 border-style: solid;
123 border-width: 1px 2px 2px 1px;
124 border-color: #ccc;
125 text-align: center;
126 }
127
128 .config .tabs td.selected {
129 vertical-align: bottom;
130 margin: 0px;
131 padding: 0px 5px;
132 background: #eee;
133 border: solid 1px #669;
134 }
135
136 .config .tabs td.selected a,
137 .config .tabs td.selected a:link,
138 .config .tabs td.selected a:visited,
139 .config .tabs td.selected a:active {
140 color: #000;
141 font-weight: bold
142 }
143
144 .twins_list {
145 vertical-align: middle }
146
147 .send_email_form label {
148 margin-right : 1em ;
149 }
150
151
152 /* Boxes styles */
153
154 .boxes_container {
155 padding-top:1em;
156 }
157
158 .boxes_container table {
159 width : 100%;
160 font-size : 9pt ;
161 margin-bottom : 5px;
162 }
163
164 .boxes_container img {
165 vertical-align:middle
166 }
167
168 .boxes_container a:link,
169 .boxes_container a:visited,
170 .boxes_container a:active {
171 color : &dtml-linkColor;;
172 }
173
174 .boxes_container a:hover {
175 color : &dtml-linkHoverColor;;
176 }
177
178 .boxes_container th {
179 background-color: &dtml-boxeHeaderBackgroundColor;;
180 color: &dtml-fontColor;;
181 border-bottom: &dtml-tabsBorderWidth; solid &dtml-boxesBorderColor;;
182 }
183
184 .boxes_container ul {
185 margin : 0 ;
186 padding : 2px }
187
188 .boxes_container li {
189 margin-left : 0 ;
190 color: &dtml-bulletColor;;
191 list-style-position : inside ;
192 list-style-image : url(list_bullet.gif);
193 }
194
195 .tree_box table {
196 margin:0;
197 }
198
199 .folder_object,
200 .global,
201 .workflow,
202 .tree_box,
203 .supervision,
204 .clipboard,
205 .news_box {
206 border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
207 }
208
209 .news_box td.even { background-color: &dtml-evenRowBackgroundColor;; }
210
211 .news_box td.odd { background-color: &dtml-oddRowBackgroundColor;; }
212
213
214 /* Calendar */
215
216 .remove .calendar_table a, .remove .week_table a {
217 color : red ;
218 cursor : crosshair ;
219 }
220
221 /* month view*/
222 .calendar_table {
223 border-collapse : collapse ;
224 text-align : left ;
225 }
226
227 .calendar_table ul {
228 margin : 0 ;
229 padding : 2px }
230
231 .calendar_table li {
232 margin-left : 0 ;
233 color: &dtml-bulletColor;;
234 list-style-position : inside ;
235 font-size : 9pt ;
236 }
237
238
239 .calendar_table div {
240 text-align : right ;
241 }
242
243 .calendar_table th {
244 text-align : center ;
245 width : 14% ;
246 }
247
248 .calendar_table td {
249 border : 1px solid &dtml-calGridBorderColor;
250 }
251
252 .calendar_table td.disabled {
253 border : none ;
254 }
255
256 .calendar_table td.today {
257 background-color : &dtml-todayBackgroundColor;;
258 }
259
260 .cal_navigation td {
261 vertical-align : middle ;
262 }
263
264 .cal_navigation a, .cal_navigation a:visited {
265 font-size: &dtml-fontSmallSize;;
266 background-color: &dtml-tabsBackgroundColor;;
267 color: &dtml-fontColor;;
268 }
269
270 .cal_navigation a.selected, .cal_navigation a.selected:visited {
271 background-color: &dtml-tabsBorderColor;;
272 color: &dtml-tabsFontColor;;
273
274 }
275
276 .cal_navigation a:hover {
277 background-color: &dtml-tabsBorderColor;;
278 color: &dtml-tabsFontColor;;
279 }
280
281 /* week view */
282 .week_table {
283 width : 100% ;
284 border-collapse : collapse ;
285 font-size : 9pt ;
286 }
287
288 .week_table th {
289 font-weight : normal ;
290 text-align : center ;
291 border-bottom : 1px solid &dtml-calGridBorderColor; ;
292 }
293
294 .week_table td {
295 border-left : 1px solid &dtml-calGridBorderColor; ;
296 border-right : 1px solid &dtml-calGridBorderColor; ;
297 padding : 0 ;
298 }
299
300 .week_table td.hourLabel {
301 border-left : 1px solid &dtml-contentBackgroundColor; ;
302 /* width : 5ex ;*/
303 }
304
305 .week_table div {
306 margin-top : -1px ;
307 padding : 0 ;
308 height : 15px ;
309 border-bottom : 1px solid &dtml-contentBackgroundColor; ;
310 }
311
312 .week_table ul {
313 height : 15px ;
314 overflow : hidden ;
315 margin : 0 ;
316 padding : 0 ;
317 position : absolute ;
318 }
319
320 .week_table ul:hover {
321 height : auto ;
322 overflow : visible ;
323 background-color : #f0f0f0 ;
324 border-top : 1px solid &dtml-bulletColor; ;
325 border-left : 1px solid &dtml-contentBackgroundColor; ;
326 border-right : 1px solid &dtml-contentBackgroundColor; ;
327 border-bottom : 1px solid &dtml-contentBackgroundColor; ;
328 z-index : 1 ;
329 }
330
331 .week_table li {
332 margin-left : 0 ;
333 color: &dtml-bulletColor;;
334 list-style-position : inside ;
335 }
336
337 .week_table .hour_row {
338 border-bottom : 1px solid &dtml-calGridBorderColor; ;
339 }
340 .week_table .half_hour_row {
341 border-bottom : 1px solid &dtml-calHalfGridBorderColor; ;
342 }
343
344 .week_table .today {
345 background-color : &dtml-todayBackgroundColor;;
346 }
347
348 .week_table div.event {
349 position : absolute ;
350 border : 1px solid #ccc ;
351 background-color : white ;
352 }
353
354 .week_table div.event:hover {
355 border : 1px solid &dtml-bulletColor; ;
356 z-index : 1 ;
357 }
358
359 /* Photo / Portfolio */
360
361 /* Deprecated. TODO :remove */
362 .photo_slide {
363 height : &dtml-slide_size;px ;
364 width : &dtml-slide_size;px ;
365 float : left ;
366 border : 1px solid black ;
367 margin-top : -1px;
368 margin-left : -1px;
369 text-align : center ;
370 overflow : hidden ;
371 }
372
373 .portfolio_slide {
374 height : &dtml-slide_size;px ;
375 width : &dtml-slide_size;px ;
376 float : left ;
377 border : 1px solid black ;
378 margin-top : -1px;
379 margin-left : -1px;
380 text-align : center ;
381 overflow : hidden ;
382 background-image: url(portfolio_icon.gif);
383 background-repeat: no-repeat;
384 background-position: 2px 2px;
385 background-color: &dtml-portfolioSlideBackgroundColor;;
386 }
387
388 .photo_slide a, .portfolio_slide a {
389 padding : 2px;
390 }
391
392 .exif_table th {
393 font-weight : bold ;
394 text-align : right ;
395 }
396
397 /* Plinn document */
398 .plinn_document {
399 font-size : 14px;
400 background-color : transparent;
401 }
402
403 .plinn_document div {
404 overflow : visible;
405 }
406
407 .active_epoz {
408 border : 1px solid &dtml-linkColor;;
409 width : 99%;
410 }
411
412 .inactive_epoz {
413 border : 1px dashed &dtml-linkColor;;
414 width : 99%;
415 }
416
417 .hidden, .hidden_value {
418 visibility : hidden;
419 display : none;
420 }
421
422 .resize_handle {
423 position : absolute;
424 display : block;
425 right : 0;
426 bottom : 0;
427 visibility:hidden;
428 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/resize_handle.png');
429 line-height : 0; /* IE hack */
430 background-repeat : no-repeat;
431 width : 12px;
432 height : 12px;
433 /* cursor : se-resize;*/
434 }
435
436 .resize_handle[class] {
437 background-image : url(&dtml-portal_url;/resize_handle.png);
438 }
439
440 .rectangle_header {
441 position : absolute;
442 background : url(&dtml-portal_url;/degrad_rectangle_header.gif);
443 height : 11px;
444 width : 100%;
445 border: 1px solid #cbcbcb;
446 border-bottom : 1px solid #9f9f9f;
447 top : -13px;
448 left : -1px;
449 visibility:hidden;
450 /* cursor : move;*/
451 }
452
453 .rectangle_delimg {
454 margin-left:5px;
455 }
456
457
458 #ImageUploadForm, #FileUploadForm {
459 border : 1px solid #aaa;
460 position : absolute;
461 padding : 2px;
462 top : 29px;
463 left : -317px;
464 height : 130px;
465 width : 310px;
466 background : #ccc;
467 visibility : hidden;
468 }
469
470 /* Discussion */
471
472 .reply_title {
473 font-weight : bold;
474 }
475
476 .reply_body {
477 padding : 5px 0 15px 20px;
478 }
479 .reply_body p {
480 margin:0;
481 }
482
483
484 .outline_in_reply_to {
485 border-left : 1em solid &dtml-outlineColor;;
486 border-bottom : 1px solid &dtml-outlineColor;;
487 }
488
489 .outline_new_reply {
490 border-left : 2px solid &dtml-outlineColor;;
491 }
492
493 /* batch drop */
494 .dropPageTarget {
495 background : &dtml-highLightColor;;
496 padding : 0 0.5em;
497 }
498
499 /* clipboard */
500 .clipboard td, .clipboard ul {
501 padding : 0;
502 }
503
504
505 .clipboard li {
506 padding-left : 5px;
507 list-style : none outside none;
508 }
509
510 .clipboard li.odd {
511 background-color : &dtml-oddRowBackgroundColor;;
512 }
513
514 .clipboard li.even {
515 background-color : &dtml-evenRowBackgroundColor;;
516 }
517
518 .clipboard input {
519 font-size : &dtml-fontSmallSize;;
520 }
521
522 .live_field {
523 border : 1px solid black;
524 }
525
526 .editable:hover {
527 background: #fff8aa;
528 cursor:text;
529 border-color: #666666 rgb(221, 221, 221) rgb(221, 221, 221) rgb(102, 102, 102);
530 border-style:solid;
531 border-width:2px;
532 }
533
534 /* Epoz */
535
536 .EpozToolbar img, #EpozToolbar img {
537 border: 1px solid rgb(170, 170, 170);
538 background-color: rgb(204, 204, 204);
539 cursor: pointer;
540 margin-right: 1px;
541 margin-bottom: 1px;
542 }
543
544 #HeaderArea a
545 #HeaderArea a:link,
546 #HeaderArea a:visited,
547 #HeaderArea a:active {
548 color : &dtml-specialLinkColor;;
549 }
550
551 #HeaderArea a:hover {
552 color : &dtml-specialLinkHoverColor;;
553 }
554
555 /* Mosaic document */
556 table.input_form { border: none; border-spacing: 4px }
557 table.input_form tr td { border: none }
558 table.input_form tr th { color: white; font-weight: 800; font-size: 13px; font-family: Arial, sans-serif; background-color: #69c; text-align: right; vertical-align: top; padding: 1px 10px 5px 5px }
559 div.container_block_form { background-color: #f0f0f0; padding: 10px 5px; border: dotted 2px }
560 div.slot_text { text-align: justify }
561 form.block_form { border : 2px solid #d7d7d7; background-color : #fff }
562 .mosaic_input { background-color: white }
563 .move_table {background-color: #d7d7d7; text-align:right }
564
565 /* completions */
566
567 ul.completions {
568 border:1px solid black;
569 margin:0;
570 padding:0;
571 position:absolute;
572 background:#fff;
573 list-style:none;
574 cursor : pointer;
575 }
576 ul.completions li.selected {
577 background:&dtml-linkHoverColor;;
578 }
579
580 ul.completions li:hover {
581 background:&dtml-linkHoverColor;;
582 }
583
584 .comparison th {
585 background:#ddd;
586 }
587 .comparison .mid {
588 background:#f0f0f0;
589 }
590 .comparison .insert .left,
591 .comparison .insert .right {
592 background:#dfd;
593 }
594
595 .comparison .replace .left,
596 .comparison .replace .right {
597 background:#fe9;
598 }
599
600 .comparison .delete .left,
601 .comparison .delete .right {
602 background:#fdd;
603 }
604
605 .revision_context {
606 border:1px solid &dtml-outlineColor;;
607 background: &dtml-configBackgroundColor;;
608 padding:0 0.5em;
609 }
610
611 /* </dtml-with> */