Subversion Repositories Applications.papyrus

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1959 alexandre_ 1 
/* Main Style Sheet for jQuery UI date picker */
2 
#ui-datepicker-div, .ui-datepicker-inline {
3 
	font-family: Arial, Helvetica, sans-serif;
4 
	font-size: 14px;
5 
	padding: 0;
6 
	margin: 0;
7 
	background: #ddd;
8 
	width: 185px;
9 
}
10 
#ui-datepicker-div {
11 
	display: none;
12 
	border: 1px solid #777;
13 
	z-index: 100; /*must have*/
14 
}
15 
.ui-datepicker-inline {
16 
	float: left;
17 
	display: block;
18 
	border: 0;
19 
}
20 
.ui-datepicker-rtl {
21 
	direction: rtl;
22 
}
23 
.ui-datepicker-dialog {
24 
	padding: 5px !important;
25 
	border: 4px ridge #ddd !important;
26 
}
27 
.ui-datepicker-disabled {
28 
	position: absolute;
29 
	z-index: 100;
30 
	background-color: white;
31 
	opacity: 0.5;
32 
}
33 
button.ui-datepicker-trigger {
34 
	width: 25px;
35 
}
36 
img.ui-datepicker-trigger {
37 
	margin: 2px;
38 
	vertical-align: middle;
39 
}
40 
.ui-datepicker-prompt {
41 
	float: left;
42 
	padding: 2px;
43 
	background: #ddd;
44 
	color: #000;
45 
}
46 
* html .ui-datepicker-prompt {
47 
	width: 185px;
48 
}
49 
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
50 
	clear: both;
51 
	float: left;
52 
	width: 100%;
53 
	color: #fff;
54 
}
55 
.ui-datepicker-control {
56 
	background: #400;
57 
	padding: 2px 0px;
58 
}
59 
.ui-datepicker-links {
60 
	background: #000;
61 
	padding: 2px 0px;
62 
}
63 
.ui-datepicker-control, .ui-datepicker-links {
64 
	font-weight: bold;
65 
	font-size: 80%;
66 
}
67 
.ui-datepicker-links label { /* disabled links */
68 
	padding: 2px 5px;
69 
	color: #888;
70 
}
71 
.ui-datepicker-clear, .ui-datepicker-prev {
72 
	float: left;
73 
	width: 34%;
74 
}
75 
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
76 
	float: right;
77 
	text-align: right;
78 
}
79 
.ui-datepicker-current {
80 
	float: left;
81 
	width: 30%;
82 
	text-align: center;
83 
}
84 
.ui-datepicker-close, .ui-datepicker-next {
85 
	float: right;
86 
	width: 34%;
87 
	text-align: right;
88 
}
89 
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
90 
	float: left;
91 
	text-align: left;
92 
}
93 
.ui-datepicker-header {
94 
	padding: 1px 0 3px;
95 
	background: #333;
96 
	text-align: center;
97 
	font-weight: bold;
98 
	height: 1.3em;
99 
}
100 
.ui-datepicker-header select {
101 
	background: #333;
102 
	color: #fff;
103 
	border: 0px;
104 
	font-weight: bold;
105 
}
106 
.ui-datepicker {
107 
	background: #ccc;
108 
	text-align: center;
109 
	font-size: 100%;
110 
}
111 
.ui-datepicker a {
112 
	display: block;
113 
	width: 100%;
114 
}
115 
.ui-datepicker-title-row {
116 
	background: #777;
117 
}
118 
.ui-datepicker-days-row {
119 
	background: #eee;
120 
	color: #666;
121 
}
122 
.ui-datepicker-week-col {
123 
	background: #777;
124 
	color: #fff;
125 
}
126 
.ui-datepicker-days-cell {
127 
	color: #000;
128 
	border: 1px solid #ddd;
129 
}
130 
.ui-datepicker-days-cell a{
131 
	display: block;
132 
}
133 
.ui-datepicker-week-end-cell {
134 
	background: #ddd;
135 
}
136 
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
137 
	background: #777;
138 
}
139 
.ui-datepicker-days-cell-over {
140 
	background: #fff;
141 
	border: 1px solid #777;
142 
}
143 
.ui-datepicker-unselectable {
144 
	color: #888;
145 
}
146 
.ui-datepicker-today {
147 
	background: #fcc !important;
148 
}
149 
.ui-datepicker-current-day {
150 
	background: #999 !important;
151 
}
152 
.ui-datepicker-status {
153 
	background: #ddd;
154 
	width: 100%;
155 
	font-size: 80%;
156 
	text-align: center;
157 
}
158 
 
159 
/* ________ Datepicker Links _______
160 
 
161 
** Reset link properties and then override them with !important */
162 
#ui-datepicker-div a, .ui-datepicker-inline a {
163 
	cursor: pointer;
164 
	margin: 0;
165 
	padding: 0;
166 
	background: none;
167 
	color: #000;
168 
}
169 
.ui-datepicker-inline .ui-datepicker-links a {
170 
	padding: 0 5px !important;
171 
}
172 
.ui-datepicker-control a, .ui-datepicker-links a {
173 
	padding: 2px 5px !important;
174 
	color: #eee !important;
175 
}
176 
.ui-datepicker-title-row a {
177 
	color: #eee !important;
178 
}
179 
.ui-datepicker-control a:hover {
180 
	background: #fdd !important;
181 
	color: #333 !important;
182 
}
183 
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
184 
	background: #ddd !important;
185 
	color: #333 !important;
186 
}
187 
 
188 
/* ___________ MULTIPLE MONTHS _________*/
189 
 
190 
.ui-datepicker-multi .ui-datepicker {
191 
	border: 1px solid #777;
192 
}
193 
.ui-datepicker-one-month {
194 
	float: left;
195 
	width: 185px;
196 
}
197 
.ui-datepicker-new-row {
198 
	clear: left;
199 
}
200 
 
201 
/* ___________ IE6 IFRAME FIX ________ */
202 
 
203 
.ui-datepicker-cover {
204 
    display: none; /*sorry for IE5*/
205 
    display/**/: block; /*sorry for IE5*/
206 
    position: absolute; /*must have*/
207 
    z-index: -1; /*must have*/
208 
    filter: mask(); /*must have*/
209 
    top: -4px; /*must have*/
210 
    left: -4px; /*must have*/
211 
    width: 200px; /*must have*/
212 
    height: 200px; /*must have*/
213 
}