Scroll et shake du message d'alerte.
[Plinn.git] / skins / generic / plinn_style_print.css.dtml
1 /*
2
3 Date de creation : 2 juin 2004
4
5 E.N.S.M.P. - C.R.I. - Gilles Rosenbaum
6
7 ****************************************
8 Version pour impression de gev_style.css
9 ****************************************
10
11 */
12
13 /* <dtml-with base_properties> */
14
15 table.TwoColumnForm {
16 border: solid 1pt black;
17 width: 80% }
18
19 table.TwoColumnForm dl.FieldHelp {
20 margin: 0px }
21
22 table.TwoColumnForm dl.FieldHelp dd {
23 font-size : 90% ;
24 font-style : italic }
25
26 table.TwoColumnForm td.ListDefinition {
27 font-style: italic }
28
29 table.TwoColumnForm td.ListName {
30 color: #fff;
31 font-weight: bold;
32 background-color: #369;
33 vertical-align: middle }
34
35 table.TwoColumnForm th {
36 font-weight: bold;
37 text-align: right;
38 padding-right: 5px }
39
40 table.TwoColumnForm tr {
41 background-color: #ddd;
42 vertical-align: top }
43
44 table.TwoColumnForm tr td.TextField {
45 vertical-align: top;
46 padding-right: 10px;
47 padding-left: 10px }
48
49 table.TwoColumnForm tr th.TextField {
50 vertical-align: top }
51
52 .assign_global_roles {
53 border: solid 1px black }
54
55 .assign_global_roles td {
56 vertical-align: top;
57 padding-left: 10px }
58
59 .assign_global_roles td ul {
60 margin: 0px;
61 padding-left: 15px }
62
63 .assign_global_roles tr {
64 background-color: #ddd;
65 vertical-align: top }
66
67 .config {
68 background-color: #f0f0f0;
69 margin: 5px;
70 border: solid 1pt #ddd }
71
72 .config .info_message {
73 color: #369;
74 font-weight: 800 }
75
76 .config .tabs {
77 margin: 0px;
78 padding: 0px;
79 border-bottom: 1pt solid #669 }
80
81 .config .tabs a {
82 text-decoration: none }
83
84 .config .tabs a:active {
85 color: #369 }
86
87 .config .tabs a:hover {
88 color: #59c }
89
90 .config .tabs a:link {
91 color: #369 }
92
93 .config .tabs a:visited {
94 color: #369 }
95
96 .config .tabs td {
97 padding-right: 5px;
98 padding-left: 5px;
99 border-style: solid;
100 border-width: 1px 2px 2px 1px;
101 border-color: #666 }
102
103 .config .tabs td.selected {
104 vertical-align: bottom;
105 margin: 0px;
106 padding: 0px 5px;
107 border: solid 0px #669 }
108
109 .config .tabs td.selected a {
110 color: #59c;
111 font-weight: bold }
112
113 .twins_list {
114 vertical-align: middle }
115
116
117 /* Boxes styles */
118
119 .boxes_container {
120 padding-top:1em;
121 }
122
123 .boxes_container table {
124 width : 100%;
125 font-size : 9pt ;
126 /*
127 font-size: &dtml-fontBaseSize;;
128 */
129 }
130
131 .boxes_container a { }
132
133 .boxes_container a:link,
134 .boxes_container a:visited {
135 color : &dtml-linkColor;;
136 }
137
138 .boxes_container a:active {
139 color : #039 ;
140 border : thin solid #039 }
141
142 .boxes_container a:hover {
143 color : #039 }
144
145 .boxes_container th {
146 background-color: &dtml-tabsBackgroundColor;;
147 color: &dtml-globalFontColor;;
148 border-bottom: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
149 }
150
151 .boxes_container ul {
152 margin : 0 ;
153 padding : 2px }
154
155 .boxes_container li {
156 margin-left : 0 ;
157 color: &dtml-tabsFontColor;;
158 list-style-position : inside ;
159 }
160
161 .folder_object td,
162 .global td,
163 .workflow td,
164 .tree_box td {
165 background-color: &dtml-contentBackgroundColor;;
166 }
167
168 .folder_object,
169 .global,
170 .workflow,
171 .tree_box {
172 border: &dtml-tabsBorderWidth; solid &dtml-tabsBorderColor;;
173 }
174
175 /* Calendar */
176
177 /* month view*/
178 .calendar_table {
179 border-collapse : collapse ;
180 text-align : left ;
181 }
182
183 .calendar_table ul {
184 margin : 0 ;
185 padding : 2px }
186
187 .calendar_table li {
188 margin-left : 0 ;
189 color: &dtml-tabsFontColor;;
190 list-style-position : inside ;
191 font-size : 9pt ;
192 }
193
194
195 .calendar_table div {
196 text-align : right ;
197 }
198
199 .calendar_table th {
200 text-align : center ;
201 width : 14% ;
202 }
203
204 .calendar_table td {
205 border : 1px solid #000 ;
206 }
207
208 .calendar_table td.disabled {
209 border : none ;
210 }
211
212 .calendar_table td.today {
213 background-color : &dtml-topbarBackgroundColor;;
214 }
215
216
217 /*
218 .cal_navigation {
219 margin-top : 1em ;
220 }
221 */
222
223 .cal_navigation .arrow a, .cal_navigation .arrow a:hover{
224 background-color : white ;
225 }
226
227 .cal_navigation td {
228 vertical-align : middle ;
229 }
230
231 .cal_navigation a {
232 padding : 0 3px ;
233 font-size: &dtml-fontSmallSize;;
234 background-color: &dtml-tabsBackgroundColor;;
235 color: &dtml-globalFontColor;;
236 }
237
238 .cal_navigation a.selected {
239 background-color: &dtml-tabsBorderColor;;
240 color: &dtml-tabsFontColor;;
241
242 }
243
244 .cal_navigation a:hover {
245 background-color: &dtml-tabsBorderColor;;
246 color: &dtml-tabsFontColor;;
247 }
248
249 /* week view */
250 .week_table {
251 width : 100% ;
252 border-collapse : collapse ;
253 font-size : 9pt ;
254 }
255
256 .week_table th {
257 font-weight : normal ;
258 text-align : center ;
259 border-bottom : 1px solid #ccc ;
260 }
261
262 .week_table td {
263 border-left : 1px solid #ccc ;
264 border-right : 1px solid #ccc ;
265 padding : 0 ;
266 }
267
268 .week_table td.hourLabel {
269 border-left : 1px solid #fff ;
270 /* width : 5ex ;*/
271 }
272
273 .week_table div {
274 margin-top : -1px ;
275 padding : 0 ;
276 height : 15px ;
277 border-bottom : 1px solid #fff ;
278 }
279
280 .week_table .hour_row {
281 border-bottom : 1px solid #ccc ;
282 }
283 .week_table .half_hour_row {
284 border-bottom : 1px solid #e5e5e5 ;
285 }
286
287 .week_table .today {
288 background-color : #f0f0f0 ;
289 }
290
291 .week_table div.event {
292 position : absolute ;
293 border : 1px solid #ccc ;
294 background-color : white ;
295 }
296
297 .week_table div.event:hover {
298 border : 1px solid &dtml-tabsFontColor; ;
299 background-color : orange ;
300 z-index : 1 ;
301 }
302 /*
303 .week_table ul {
304 margin : -1px 0 0 0 ;
305 padding : 0 ;
306 position : absolute ;
307 }
308
309 .week_table ul:hover {
310 background-color : #fff ;
311 border-top : 1px solid #909 ;
312 border-left : 1px solid #ccc ;
313 border-right : 1px solid #ccc ;
314 border-bottom : 1px solid #ccc ;
315 z-index : 1 ;
316 }
317
318 .week_table li {
319 margin-left : 0 ;
320 color: &dtml-tabsFontColor;;
321 list-style-position : inside ;
322 }
323
324 .week_table td {
325 border-left : 1px solid #ccc ;
326 border-right : 1px solid #ccc ;
327 padding : 0 ;
328 }
329
330 .week_table div {
331 border : 1px solid green ;
332 height : 0.7em ;
333 }
334
335 .week_table th {
336 font-weight : normal ;
337 text-align : center ;
338 background-color : #fff ;
339 border-bottom : 1px solid #ccc ;
340 }
341
342 .week_table .today {
343 background-color : #f0f0f0 ;
344 }
345
346
347 .week_table .hour_row {
348 border-bottom : 1px solid #ccc ;
349 }
350 .week_table .half_hour_row {
351 border-bottom : 1px solid #e5e5e5 ;
352 }
353
354 .week_table td.hourLabel {
355 border : none ;
356 width : 4ex ;
357 }
358
359 .week_table td.hourLabel span {
360 position : absolute ;
361 }
362 */
363
364 /* Photo / Portfolio */
365 .slide {
366 height : &dtml-slide_size;px ;
367 width : &dtml-slide_size;px ;
368 float : left ;
369 border : 1px solid black ;
370 margin-top : -1px ;
371 margin-left : -1px ;
372 text-align : center ;
373 background-color : #fff ;
374 overflow : auto ;
375 }
376 /* </dtml-with> */