Introduction de règles de style spécifiques aux contenus pour utilisation via ckeditor.
[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-linkColor;;
100 }
101
102 .config a:hover {
103 color : &dtml-linkHoverColor;;
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 color: &dtml-fontColor;;
180 border-bottom: thin dotted &dtml-boxesBorderColor;;
181 }
182
183 .boxes_container ul {
184 margin : 0 ;
185 padding : 2px }
186
187 .boxes_container li {
188 margin-left : 0.5em ;
189 color: &dtml-bulletColor;;
190 list-style:none;
191 }
192
193 .tree_box table {
194 margin:0;
195 }
196
197 .folder_object,
198 .global,
199 .workflow,
200 .tree_box,
201 .supervision,
202 .clipboard,
203 .news_box {
204 border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
205 border-radius:7px;
206 }
207
208 .news_box td.even { background-color: &dtml-evenRowBackgroundColor;; }
209
210 .news_box td.odd { background-color: &dtml-oddRowBackgroundColor;; }
211
212
213 /* Calendar */
214
215 .remove .calendar_table a, .remove .week_table a {
216 color : red ;
217 cursor : crosshair ;
218 }
219
220 /* month view*/
221 .calendar_table {
222 border-collapse : collapse ;
223 text-align : left ;
224 }
225
226 .calendar_table ul {
227 margin : 0 ;
228 padding : 2px }
229
230 .calendar_table li {
231 margin-left : 0 ;
232 color: &dtml-bulletColor;;
233 list-style-position : inside ;
234 font-size : 9pt ;
235 }
236
237
238 .calendar_table div {
239 text-align : right ;
240 }
241
242 .calendar_table th {
243 text-align : center ;
244 width : 14% ;
245 }
246
247 .calendar_table td {
248 border : 1px solid &dtml-calGridBorderColor;
249 }
250
251 .calendar_table td.disabled {
252 border : none ;
253 }
254
255 .calendar_table td.today {
256 background-color : &dtml-todayBackgroundColor;;
257 }
258
259 .cal_navigation td {
260 vertical-align : middle ;
261 }
262
263 .cal_navigation a, .cal_navigation a:visited {
264 font-size: &dtml-fontSmallSize;;
265 background-color: &dtml-tabsBackgroundColor;;
266 color: &dtml-fontColor;;
267 }
268
269 .cal_navigation a.selected, .cal_navigation a.selected:visited {
270 background-color: &dtml-tabsBorderColor;;
271 color: &dtml-tabsFontColor;;
272
273 }
274
275 .cal_navigation a:hover {
276 background-color: &dtml-tabsBorderColor;;
277 color: &dtml-tabsFontColor;;
278 }
279
280 /* week view */
281 .week_table {
282 width : 100% ;
283 border-collapse : collapse ;
284 font-size : 9pt ;
285 }
286
287 .week_table th {
288 font-weight : normal ;
289 text-align : center ;
290 border-bottom : 1px solid &dtml-calGridBorderColor; ;
291 }
292
293 .week_table td {
294 border-left : 1px solid &dtml-calGridBorderColor; ;
295 border-right : 1px solid &dtml-calGridBorderColor; ;
296 padding : 0 ;
297 }
298
299 .week_table td.hourLabel {
300 border-left : 1px solid &dtml-contentBackgroundColor; ;
301 /* width : 5ex ;*/
302 }
303
304 .week_table div {
305 margin-top : -1px ;
306 padding : 0 ;
307 height : 15px ;
308 border-bottom : 1px solid &dtml-contentBackgroundColor; ;
309 }
310
311 .week_table ul {
312 height : 15px ;
313 overflow : hidden ;
314 margin : 0 ;
315 padding : 0 ;
316 position : absolute ;
317 }
318
319 .week_table ul:hover {
320 height : auto ;
321 overflow : visible ;
322 background-color : #f0f0f0 ;
323 border-top : 1px solid &dtml-bulletColor; ;
324 border-left : 1px solid &dtml-contentBackgroundColor; ;
325 border-right : 1px solid &dtml-contentBackgroundColor; ;
326 border-bottom : 1px solid &dtml-contentBackgroundColor; ;
327 z-index : 1 ;
328 }
329
330 .week_table li {
331 margin-left : 0 ;
332 color: &dtml-bulletColor;;
333 list-style-position : inside ;
334 }
335
336 .week_table .hour_row {
337 border-bottom : 1px solid &dtml-calGridBorderColor; ;
338 }
339 .week_table .half_hour_row {
340 border-bottom : 1px solid &dtml-calHalfGridBorderColor; ;
341 }
342
343 .week_table .today {
344 background-color : &dtml-todayBackgroundColor;;
345 }
346
347 .week_table div.event {
348 position : absolute ;
349 border : 1px solid #ccc ;
350 background-color : white ;
351 }
352
353 .week_table div.event:hover {
354 border : 1px solid &dtml-bulletColor; ;
355 z-index : 1 ;
356 }
357
358 /* Photo / Portfolio */
359
360 /* Deprecated. TODO :remove */
361 .photo_slide {
362 height : &dtml-slide_size;px ;
363 width : &dtml-slide_size;px ;
364 float : left ;
365 border : 1px solid black ;
366 margin-top : -1px;
367 margin-left : -1px;
368 text-align : center ;
369 overflow : hidden ;
370 }
371
372 .portfolio_slide {
373 height : &dtml-slide_size;px ;
374 width : &dtml-slide_size;px ;
375 float : left ;
376 border : 1px solid black ;
377 margin-top : -1px;
378 margin-left : -1px;
379 text-align : center ;
380 overflow : hidden ;
381 background-image: url(portfolio_icon.gif);
382 background-repeat: no-repeat;
383 background-position: 2px 2px;
384 background-color: &dtml-portfolioSlideBackgroundColor;;
385 }
386
387 .photo_slide a, .portfolio_slide a {
388 padding : 2px;
389 }
390
391 .exif_table th {
392 font-weight : bold ;
393 text-align : right ;
394 }
395
396 /* Plinn document */
397 .plinn_document {
398 font-size : 14px;
399 background-color : transparent;
400 }
401
402 .plinn_document div {
403 overflow : visible;
404 }
405
406 .active_epoz {
407 border : 1px solid &dtml-linkColor;;
408 width : 99%;
409 }
410
411 .inactive_epoz {
412 border : 1px dashed &dtml-linkColor;;
413 width : 99%;
414 }
415
416 .hidden, .hidden_value {
417 visibility : hidden;
418 display : none;
419 }
420
421 .resize_handle {
422 position : absolute;
423 display : block;
424 right : 0;
425 bottom : 0;
426 visibility:hidden;
427 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/resize_handle.png');
428 line-height : 0; /* IE hack */
429 background-repeat : no-repeat;
430 width : 12px;
431 height : 12px;
432 /* cursor : se-resize;*/
433 }
434
435 .resize_handle[class] {
436 background-image : url(&dtml-portal_url;/resize_handle.png);
437 }
438
439 .rectangle_header {
440 position : absolute;
441 background : url(&dtml-portal_url;/degrad_rectangle_header.gif);
442 height : 11px;
443 width : 100%;
444 border: 1px solid #cbcbcb;
445 border-bottom : 1px solid #9f9f9f;
446 top : -13px;
447 left : -1px;
448 visibility:hidden;
449 /* cursor : move;*/
450 }
451
452 .rectangle_delimg {
453 margin-left:5px;
454 }
455
456
457 #ImageUploadForm, #FileUploadForm {
458 border : 1px solid #aaa;
459 position : absolute;
460 padding : 2px;
461 top : 29px;
462 left : -317px;
463 height : 130px;
464 width : 310px;
465 background : #ccc;
466 visibility : hidden;
467 }
468
469 /* Discussion */
470
471 .reply_title {
472 font-weight : bold;
473 }
474
475 .reply_body {
476 padding : 5px 0 15px 20px;
477 }
478 .reply_body p {
479 margin:0;
480 }
481
482
483 .outline_in_reply_to {
484 border-left : 1em solid &dtml-outlineColor;;
485 border-bottom : 1px solid &dtml-outlineColor;;
486 }
487
488 .outline_new_reply {
489 border-left : 2px solid &dtml-outlineColor;;
490 }
491
492 /* batch drop */
493 .dropPageTarget {
494 background : &dtml-highLightColor;;
495 padding : 0 0.5em;
496 }
497
498 /* clipboard */
499 .clipboard td, .clipboard ul {
500 padding : 0;
501 }
502
503
504 .clipboard li {
505 padding-left : 5px;
506 list-style : none outside none;
507 }
508
509 .clipboard li.odd {
510 background-color : &dtml-oddRowBackgroundColor;;
511 }
512
513 .clipboard li.even {
514 background-color : &dtml-evenRowBackgroundColor;;
515 }
516
517 .clipboard input {
518 font-size : &dtml-fontSmallSize;;
519 }
520
521 .live_field {
522 border : 1px solid black;
523 }
524
525 .editable:hover {
526 background: #fff8aa;
527 cursor:text;
528 border-color: #666666 rgb(221, 221, 221) rgb(221, 221, 221) rgb(102, 102, 102);
529 border-style:solid;
530 border-width:2px;
531 }
532
533 /* Epoz */
534
535 .EpozToolbar img, #EpozToolbar img {
536 border: 1px solid rgb(170, 170, 170);
537 background-color: rgb(204, 204, 204);
538 cursor: pointer;
539 margin-right: 1px;
540 margin-bottom: 1px;
541 }
542
543 /* Mosaic document */
544 table.input_form { border: none; border-spacing: 4px }
545 table.input_form tr td { border: none }
546 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 }
547 div.container_block_form { background-color: #f0f0f0; padding: 10px 5px; border: dotted 2px }
548 div.slot_text { text-align: justify }
549 form.block_form { border : 2px solid #d7d7d7; background-color : #fff }
550 .mosaic_input { background-color: white }
551 .move_table {background-color: #d7d7d7; text-align:right }
552
553 /* completions */
554
555 ul.completions {
556 border:1px solid black;
557 margin:0;
558 padding:0;
559 position:absolute;
560 background:#fff;
561 list-style:none;
562 cursor : pointer;
563 }
564 ul.completions li.selected {
565 background:&dtml-linkHoverColor;;
566 }
567
568 ul.completions li:hover {
569 background:&dtml-linkHoverColor;;
570 }
571
572 .comparison th {
573 background:#ddd;
574 }
575 .comparison .mid {
576 background:#f0f0f0;
577 }
578 .comparison .insert .left,
579 .comparison .insert .right {
580 background:#dfd;
581 }
582
583 .comparison .replace .left,
584 .comparison .replace .right {
585 background:#fe9;
586 }
587
588 .comparison .delete .left,
589 .comparison .delete .right {
590 background:#fdd;
591 }
592
593 .revision_context {
594 border:1px solid &dtml-outlineColor;;
595 background: &dtml-configBackgroundColor;;
596 padding:0 0.5em;
597 }
598
599 /* ckeditor */
600 a.cke_path_item, a.cke_path_empty {
601 color: #4c4c4c;
602 }
603
604 /* </dtml-with> */