Révision 599a39cd
Ajouté par Assos Assos il y a environ 3 ans
drupal7/sites/all/modules/date/date_popup/themes/datepicker.1.7.css | ||
---|---|---|
1 | 1 |
#ui-datepicker-div { |
2 |
font-size: 100%; |
|
3 |
font-family: Verdana, sans-serif; |
|
4 |
background: #eee; |
|
5 |
border-right:2px #666 solid;
|
|
6 |
border-bottom:2px #666 solid;
|
|
7 |
z-index: 9999; |
|
2 |
font-size: 100%;
|
|
3 |
font-family: Verdana, sans-serif;
|
|
4 |
background: #eee;
|
|
5 |
border-right: 2px #666 solid;
|
|
6 |
border-bottom: 2px #666 solid;
|
|
7 |
z-index: 9999;
|
|
8 | 8 |
} |
9 | 9 |
|
10 | 10 |
/* Datepicker |
11 | 11 |
----------------------------------*/ |
12 |
.ui-datepicker { width: 17em; padding: .2em .2em 0; } |
|
13 |
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } |
|
14 |
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } |
|
15 |
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } |
|
16 |
.ui-datepicker .ui-datepicker-prev { left:2px; } |
|
17 |
.ui-datepicker .ui-datepicker-next { right:2px; } |
|
18 |
.ui-datepicker .ui-datepicker-prev-hover { left:1px; } |
|
19 |
.ui-datepicker .ui-datepicker-next-hover { right:1px; } |
|
20 |
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } |
|
21 |
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } |
|
22 |
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } |
|
23 |
.ui-datepicker select.ui-datepicker-month-year {width: 100%;} |
|
12 |
.ui-datepicker { |
|
13 |
width: auto; |
|
14 |
padding: .2em .2em 0; |
|
15 |
} |
|
16 |
.ui-datepicker .ui-datepicker-header { |
|
17 |
position: relative; |
|
18 |
padding: .2em 0; |
|
19 |
} |
|
20 |
.ui-datepicker .ui-datepicker-prev, |
|
21 |
.ui-datepicker .ui-datepicker-next { |
|
22 |
position: absolute; |
|
23 |
top: 2px; |
|
24 |
width: 1.8em; |
|
25 |
height: 1.8em; |
|
26 |
} |
|
27 |
.ui-datepicker .ui-datepicker-prev-hover, |
|
28 |
.ui-datepicker .ui-datepicker-next-hover { |
|
29 |
top: 1px; |
|
30 |
} |
|
31 |
.ui-datepicker .ui-datepicker-prev { |
|
32 |
left: 2px; |
|
33 |
} |
|
34 |
.ui-datepicker .ui-datepicker-next { |
|
35 |
right: 2px; |
|
36 |
} |
|
37 |
.ui-datepicker .ui-datepicker-prev-hover { |
|
38 |
left: 1px; |
|
39 |
} |
|
40 |
.ui-datepicker .ui-datepicker-next-hover { |
|
41 |
right: 1px; |
|
42 |
} |
|
43 |
.ui-datepicker .ui-datepicker-prev span, |
|
44 |
.ui-datepicker .ui-datepicker-next span { |
|
45 |
display: block; |
|
46 |
position: absolute; |
|
47 |
left: 50%; |
|
48 |
margin-left: -8px; |
|
49 |
top: 50%; |
|
50 |
margin-top: -8px; |
|
51 |
} |
|
52 |
.ui-datepicker .ui-datepicker-title { |
|
53 |
margin: 0 2.3em; |
|
54 |
line-height: 1.8em; |
|
55 |
text-align: center; |
|
56 |
} |
|
57 |
.ui-datepicker .ui-datepicker-title select { |
|
58 |
float: left; |
|
59 |
font-size: 1em; |
|
60 |
margin: 1px 0; |
|
61 |
} |
|
62 |
.ui-datepicker select.ui-datepicker-month-year { |
|
63 |
width: 100%; |
|
64 |
} |
|
24 | 65 |
.ui-datepicker select.ui-datepicker-month, |
25 |
.ui-datepicker select.ui-datepicker-year { width: 49%;} |
|
26 |
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } |
|
27 |
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } |
|
28 |
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } |
|
29 |
.ui-datepicker td { border: 0; padding: 1px; } |
|
30 |
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } |
|
31 |
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } |
|
32 |
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } |
|
33 |
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } |
|
66 |
.ui-datepicker select.ui-datepicker-year { |
|
67 |
width: 49%; |
|
68 |
} |
|
69 |
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { |
|
70 |
float: right; |
|
71 |
} |
|
72 |
.ui-datepicker table { |
|
73 |
width: 100%; |
|
74 |
font-size: .9em; |
|
75 |
border-collapse: collapse; |
|
76 |
margin: 0 0 .4em; |
|
77 |
} |
|
78 |
.ui-datepicker th { |
|
79 |
padding: .7em .3em; |
|
80 |
text-align: center; |
|
81 |
font-weight: bold; |
|
82 |
border: 0; |
|
83 |
} |
|
84 |
.ui-datepicker td { |
|
85 |
border: 0; |
|
86 |
padding: 1px; |
|
87 |
} |
|
88 |
.ui-datepicker td span, |
|
89 |
.ui-datepicker td a { |
|
90 |
display: block; |
|
91 |
padding: .2em; |
|
92 |
text-align: right; |
|
93 |
text-decoration: none; |
|
94 |
} |
|
95 |
.ui-datepicker .ui-datepicker-buttonpane { |
|
96 |
background-image: none; |
|
97 |
margin: .7em 0 0 0; |
|
98 |
padding: 0 .2em; |
|
99 |
border-left: 0; |
|
100 |
border-right: 0; |
|
101 |
border-bottom: 0; |
|
102 |
} |
|
103 |
.ui-datepicker .ui-datepicker-buttonpane button { |
|
104 |
float: right; |
|
105 |
margin: .5em .2em .4em; |
|
106 |
cursor: pointer; |
|
107 |
padding: .2em .6em .3em .6em; |
|
108 |
width: auto; |
|
109 |
overflow: visible; |
|
110 |
} |
|
111 |
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
112 |
float: left; |
|
113 |
} |
|
34 | 114 |
|
35 | 115 |
/* with multiple calendars */ |
36 |
.ui-datepicker.ui-datepicker-multi { width:auto; } |
|
37 |
.ui-datepicker-multi .ui-datepicker-group { float:left; } |
|
38 |
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } |
|
39 |
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } |
|
40 |
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } |
|
41 |
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } |
|
42 |
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } |
|
43 |
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } |
|
44 |
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } |
|
45 |
.ui-datepicker-row-break { clear:both; width:100%; } |
|
116 |
.ui-datepicker.ui-datepicker-multi { |
|
117 |
width: auto; |
|
118 |
} |
|
119 |
.ui-datepicker-multi .ui-datepicker-group { |
|
120 |
float: left; |
|
121 |
} |
|
122 |
.ui-datepicker-multi .ui-datepicker-group table { |
|
123 |
width: 95%; |
|
124 |
margin: 0 auto .4em; |
|
125 |
} |
|
126 |
.ui-datepicker-multi-2 .ui-datepicker-group { |
|
127 |
width: 50%; |
|
128 |
} |
|
129 |
.ui-datepicker-multi-3 .ui-datepicker-group { |
|
130 |
width: 33.3%; |
|
131 |
} |
|
132 |
.ui-datepicker-multi-4 .ui-datepicker-group { |
|
133 |
width: 25%; |
|
134 |
} |
|
135 |
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { |
|
136 |
border-left-width: 0; |
|
137 |
} |
|
138 |
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { |
|
139 |
border-left-width: 0; |
|
140 |
} |
|
141 |
.ui-datepicker-multi .ui-datepicker-buttonpane { |
|
142 |
clear: left; |
|
143 |
} |
|
144 |
.ui-datepicker-row-break { |
|
145 |
clear: both; |
|
146 |
width: 100%; |
|
147 |
} |
|
46 | 148 |
|
47 | 149 |
/* RTL support */ |
48 |
.ui-datepicker-rtl { direction: rtl; } |
|
49 |
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } |
|
50 |
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } |
|
51 |
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } |
|
52 |
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } |
|
53 |
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } |
|
54 |
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } |
|
55 |
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } |
|
56 |
.ui-datepicker-rtl .ui-datepicker-group { float:right; } |
|
57 |
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } |
|
58 |
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } |
|
59 |
|
|
150 |
.ui-datepicker-rtl { |
|
151 |
direction: rtl; |
|
152 |
} |
|
153 |
.ui-datepicker-rtl .ui-datepicker-prev { |
|
154 |
right: 2px; |
|
155 |
left: auto; |
|
156 |
} |
|
157 |
.ui-datepicker-rtl .ui-datepicker-next { |
|
158 |
left: 2px; |
|
159 |
right: auto; |
|
160 |
} |
|
161 |
.ui-datepicker-rtl .ui-datepicker-prev:hover { |
|
162 |
right: 1px; |
|
163 |
left: auto; |
|
164 |
} |
|
165 |
.ui-datepicker-rtl .ui-datepicker-next:hover { |
|
166 |
left: 1px; |
|
167 |
right: auto; |
|
168 |
} |
|
169 |
.ui-datepicker-rtl .ui-datepicker-buttonpane { |
|
170 |
clear: right; |
|
171 |
} |
|
172 |
.ui-datepicker-rtl .ui-datepicker-buttonpane button { |
|
173 |
float: left; |
|
174 |
} |
|
175 |
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
176 |
float: right; |
|
177 |
} |
|
178 |
.ui-datepicker-rtl .ui-datepicker-group { |
|
179 |
float: right; |
|
180 |
} |
|
181 |
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { |
|
182 |
border-right-width: 0; |
|
183 |
border-left-width: 1px; |
|
184 |
} |
|
185 |
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { |
|
186 |
border-right-width: 0; |
|
187 |
border-left-width: 1px; |
|
188 |
} |
Formats disponibles : Unified diff
Weekly update of contrib modules