Ajout fonction utilitaire json_dumps
[Plinn.git] / Products / Plinn / 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 border-radius: &dtml-borderRadius;px;
16 }
17
18 table.TwoColumnForm td.ListDefinition {
19 font-style: italic }
20
21 table.TwoColumnForm td.ListName {
22 color: #fff;
23 font-weight: bold;
24 background-color: #369;
25 vertical-align: middle }
26
27 table.TwoColumnForm th {
28 font-weight: bold;
29 text-align: right;
30 padding-right: 5px }
31
32 table.TwoColumnForm tr {
33 /* background-color: #ddd;*/
34 vertical-align: top }
35
36 table.TwoColumnForm tr td.TextField {
37 vertical-align: top;
38 padding-right: 10px;
39 padding-left: 10px }
40
41 dl.FieldHelp {
42 margin: 3px }
43
44 dl.FieldHelp dd {
45 font-size : 90% ;
46 font-style : italic }
47
48 table.TwoColumnForm tr th.TextField {
49 vertical-align: top }
50
51 table.FolderFactories th {
52 text-align : center ;
53 }
54
55 table.FolderFactories td.ListName {
56 color: &dtml-fontColor;;
57 font-weight: bold;
58 vertical-align: middle;
59 padding : 2px;
60 }
61
62 table.FolderFactories td.spacing {
63 height : 8px ;
64 }
65
66 table.assign_global_roles {
67 margin-top : 0.5em;
68 background-color: &dtml-twoColumnFormBackground;;
69 padding: 4px;
70 }
71
72 .assign_global_roles th {
73 padding-right: 5px;
74 vertical-align:top;
75 }
76
77 .assign_global_roles td ul {
78 margin: 0px;
79 padding-left: 15px
80 }
81
82 .config {
83 color: &dtml-configFontColor;;
84 background-color: &dtml-configBackgroundColor;;
85 padding: 5px }
86
87 .config .info_message {
88 color: &dtml-messageFontColor;;
89 font-weight: 800 }
90
91 .config .tabs {
92 margin: 0px;
93 padding: 0px;
94 border-bottom: 1pt solid #669 }
95
96 .config a
97 .config a:link,
98 .config a:visited,
99 .config a:active {
100 color : &dtml-linkColor;;
101 }
102
103 .config a:hover {
104 color : &dtml-linkHoverColor;;
105 }
106
107 .config .tabs a,
108 .config .tabs a:link,
109 .config .tabs a:visited,
110 .config .tabs a:active {
111 color : &dtml-tabsFontColor;;
112 text-decoration: none
113
114 }
115
116 .config .tabs a:hover {
117 color: #59c
118 }
119
120 .config .tabs td {
121 padding-right: 5px;
122 padding-left: 5px;
123 border-style: solid;
124 border-width: 1px 2px 2px 1px;
125 border-color: #ccc;
126 text-align: center;
127 }
128
129 .config .tabs td.selected {
130 vertical-align: bottom;
131 margin: 0px;
132 padding: 0px 5px;
133 background: #eee;
134 border: solid 1px #669;
135 }
136
137 .config .tabs td.selected a,
138 .config .tabs td.selected a:link,
139 .config .tabs td.selected a:visited,
140 .config .tabs td.selected a:active {
141 color: #000;
142 font-weight: bold
143 }
144
145 .twins_list {
146 vertical-align: middle }
147
148 .send_email_form label {
149 margin-right : 1em ;
150 }
151
152
153 /* Boxes styles */
154
155 .boxes_container {
156 padding-top:1em;
157 }
158
159 .boxes_container table {
160 width : 100%;
161 font-size : 9pt ;
162 margin-bottom : 5px;
163 }
164
165 .boxes_container img {
166 vertical-align:middle
167 }
168
169 .boxes_container a:link,
170 .boxes_container a:visited,
171 .boxes_container a:active {
172 color : &dtml-linkColor;;
173 }
174
175 .boxes_container a:hover {
176 color : &dtml-linkHoverColor;;
177 }
178
179 .boxes_container th {
180 color: &dtml-fontColor;;
181 border-bottom: thin dotted &dtml-boxesBorderColor;;
182 }
183
184 .boxes_container ul {
185 margin : 0 ;
186 padding : 2px }
187
188 .boxes_container li {
189 margin-left : 0.5em ;
190 color: &dtml-bulletColor;;
191 list-style:none;
192 }
193
194 .tree_box table {
195 margin:0;
196 }
197
198 .folder_object,
199 .global,
200 .workflow,
201 .tree_box,
202 .supervision,
203 .clipboard,
204 .news_box {
205 border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
206 border-radius:7px;
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 /* Mosaic document */
545 table.input_form { border: none; border-spacing: 4px }
546 table.input_form tr td { border: none }
547 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 }
548 div.container_block_form { background-color: #f0f0f0; padding: 10px 5px; border: dotted 2px }
549 div.slot_text { text-align: justify }
550 form.block_form { border : 2px solid #d7d7d7; background-color : #fff }
551 .mosaic_input { background-color: white }
552 .move_table {background-color: #d7d7d7; text-align:right }
553
554 /* completions */
555
556 ul.completions {
557 border:1px solid black;
558 margin:0;
559 padding:0;
560 position:absolute;
561 background:#fff;
562 list-style:none;
563 cursor : pointer;
564 }
565 ul.completions li.selected {
566 background:&dtml-linkHoverColor;;
567 }
568
569 ul.completions li:hover {
570 background:&dtml-linkHoverColor;;
571 }
572
573 .comparison th {
574 background:#ddd;
575 }
576 .comparison .mid {
577 background:#f0f0f0;
578 }
579 .comparison .insert .left,
580 .comparison .insert .right {
581 background:#dfd;
582 }
583
584 .comparison .replace .left,
585 .comparison .replace .right {
586 background:#fe9;
587 }
588
589 .comparison .delete .left,
590 .comparison .delete .right {
591 background:#fdd;
592 }
593
594 .revision_context {
595 border:1px solid &dtml-outlineColor;;
596 background: &dtml-configBackgroundColor;;
597 padding:0 0.5em;
598 }
599
600 /* ckeditor */
601 a.cke_path_item, a.cke_path_empty {
602 color: #4c4c4c;
603 }
604
605 /* </dtml-with> */