/src/main/resources/org/apache/struts2/static/calendar/assets/skins/sam/calendar-skin.css

  1/*
  2Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  3Code licensed under the BSD License:
  4http://developer.yahoo.net/yui/license.txt
  5version: 2.7.0
  6*/
  7/**
  8 * SAM
  9 *
 10 * Skin colors used:
 11 *
 12 * - Control Border : 808080
 13 * - Control Chrome : f2f2f2
 14 * - Cell Borders : cccccc
 15 * - Normal Cell BG : ffffff
 16 * - Date Links : 0066cc
 17 * - Selected Cells BG : b3d4ff
 18 * - Cell Hover BG : 426fd9
 19 * - Disabled BG : cccccc
 20 * - Disabled Text Color : a6a6a6
 21 **/
 22
 23/* CALENDAR BOUNDING BOX */
 24.yui-skin-sam .yui-calcontainer {
 25	background-color:#f2f2f2;
 26	border:1px solid #808080;
 27	padding:10px;
 28}
 29
 30/* CALENDARGROUP BOUNDING BOX */
 31.yui-skin-sam .yui-calcontainer.multi {
 32	padding:0 5px 0 5px;
 33}
 34
 35/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
 36.yui-skin-sam .yui-calcontainer.multi .groupcal {
 37	background-color:transparent;
 38	border:none;
 39	padding:10px 5px 10px 5px;
 40	margin:0;
 41}
 42
 43/* TITLE BAR */
 44.yui-skin-sam .yui-calcontainer .title {
 45	background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
 46	border-bottom:1px solid #cccccc;
 47	font:100% sans-serif;
 48	color:#000;
 49	font-weight:bold;
 50	height:auto;
 51	padding:.4em;
 52	margin:0 -10px 10px -10px;
 53	top:0;
 54	left:0;
 55	text-align:left;
 56}
 57
 58.yui-skin-sam .yui-calcontainer.multi .title {
 59	margin:0 -5px 0 -5px;
 60}
 61
 62.yui-skin-sam .yui-calcontainer.withtitle {
 63	padding-top:0;
 64}
 65
 66/* CLOSE BUTTON */
 67.yui-skin-sam .yui-calcontainer .calclose {
 68	background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
 69	width:25px;
 70	height:15px;
 71	top:.4em;
 72	right:.4em;
 73	cursor:pointer;
 74}
 75
 76/* CALENDAR TABLE */
 77.yui-skin-sam .yui-calendar {
 78	border-spacing:0;
 79	border-collapse:collapse;
 80	font:100% sans-serif;
 81	text-align:center;
 82	margin:0;
 83}
 84
 85/* NAVBAR BOUNDING BOX */
 86.yui-skin-sam .yui-calendar .calhead {
 87	background:transparent;
 88	border:none;
 89	vertical-align:middle;
 90	padding:0;
 91}
 92
 93/* NAVBAR TEXT CONTAINER */
 94.yui-skin-sam .yui-calendar .calheader {
 95	background:transparent;
 96	font-weight:bold;
 97	padding:0 0 .6em 0;
 98	text-align:center;
 99}
100
101.yui-skin-sam .yui-calendar .calheader img {
102	border:none;
103}
104
105/* NAVBAR LEFT ARROW */
106.yui-skin-sam .yui-calendar .calnavleft {
107	background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -450px;
108	width:25px;
109	height:15px;
110	top:0;
111	bottom:0;
112	left:-10px;
113	margin-left:.4em;
114	cursor:pointer;
115}
116
117/* NAVBAR RIGHT ARROW */
118.yui-skin-sam .yui-calendar .calnavright {
119	background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -500px;
120	width:25px;
121	height:15px;
122	top:0;
123	bottom:0;
124	right:-10px;
125	margin-right:.4em;
126	cursor:pointer;
127}
128
129/* WEEKDAY HEADER ROW */
130.yui-skin-sam .yui-calendar .calweekdayrow {
131	height:2em;
132}
133
134.yui-skin-sam .yui-calendar .calweekdayrow th {
135	padding:0;
136	border:none;
137}
138
139/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
140.yui-skin-sam .yui-calendar .calweekdaycell {
141	color:#000;
142	font-weight:bold;
143	text-align:center;
144	width:2em;
145}
146
147/* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
148.yui-skin-sam .yui-calendar .calfoot {
149	background-color:#f2f2f2;
150}
151
152/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
153.yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
154	color:#a6a6a6;
155	font-size:85%;
156	font-style:normal;
157	font-weight:normal;
158	border:none;
159}
160
161.yui-skin-sam .yui-calendar .calrowhead {
162	text-align:right;
163	padding:0 2px 0 0;
164}
165
166.yui-skin-sam .yui-calendar .calrowfoot {
167	text-align:left;
168	padding:0 0 0 2px;
169}
170
171/* NORMAL CELLS */
172.yui-skin-sam .yui-calendar td.calcell {
173	border:1px solid #cccccc;
174	background:#fff;
175	padding:1px;
176	height:1.6em;
177	line-height:1.6em; /* set line height equal to cell height to center vertically */
178	text-align:center;
179	white-space:nowrap;
180}
181
182/* LINK INSIDE NORMAL CELLS */
183.yui-skin-sam .yui-calendar td.calcell a {
184	color:#0066cc;
185	display:block;
186	height:100%;
187	text-decoration:none;
188}
189
190/* TODAY'S DATE */
191.yui-skin-sam .yui-calendar td.calcell.today {
192	background-color:#000;
193}
194
195.yui-skin-sam .yui-calendar td.calcell.today a {
196	background-color:#fff;
197}
198
199/* OOM DATES */
200.yui-skin-sam .yui-calendar td.calcell.oom {
201	background-color:#cccccc;
202	color:#a6a6a6;
203	cursor:default;
204}
205
206/* SELECTED DATE */
207.yui-skin-sam .yui-calendar td.calcell.selected {
208	background-color:#fff;
209	color:#000;
210}
211
212.yui-skin-sam .yui-calendar td.calcell.selected a {
213	background-color:#b3d4ff;
214	color:#000;
215}
216
217/* HOVER DATE */
218.yui-skin-sam .yui-calendar td.calcell.calcellhover {
219	background-color:#426fd9;
220	color:#fff;
221	cursor:pointer;
222}
223
224.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
225	background-color:#426fd9;
226	color:#fff;
227}
228
229/* DEFAULT OOB DATES */
230.yui-skin-sam .yui-calendar td.calcell.previous {
231	color:#e0e0e0;
232}
233
234/* CUSTOM RENDERERS */
235.yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration:line-through; }
236.yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
237.yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
238.yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
239.yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }
240
241/* CalendarNavigator */
242
243/* MONTH/YEAR LABEL */
244.yui-skin-sam .yui-calendar a.calnav { 
245	border: 1px solid #f2f2f2;
246	padding:0 4px;
247	text-decoration:none;
248	color:#000;
249	zoom:1;
250}
251
252.yui-skin-sam .yui-calendar a.calnav:hover { 
253	background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
254	border-color:#A0A0A0;
255	cursor:pointer;
256}
257
258/* NAVIGATOR MASK */
259.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
260	background-color:#000;
261	opacity:0.25;
262	filter:alpha(opacity=25); /* IE */
263}
264
265/* NAVIGATOR BOUNDING BOX */
266.yui-skin-sam .yui-calcontainer .yui-cal-nav {
267	font-family:arial,helvetica,clean,sans-serif;
268	font-size:93%;
269	border:1px solid #808080;
270	left:50%;
271	margin-left:-7em;
272	width:14em;
273	padding:0;
274	top:2.5em;
275	background-color:#f2f2f2;
276}
277
278.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
279	top:4.5em;
280}
281
282/* NAVIGATOR BOUNDING BOX */
283.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
284	width:16em;
285	margin-left:-8em;
286}
287
288/* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
289.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,
290.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
291.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
292	padding:5px 10px 5px 10px;
293}
294
295.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
296	text-align:center;
297}
298
299.yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
300	margin-top:5px;
301	padding:5px;
302	background-color:#EDF5FF;
303	border-top:1px solid black;
304	display:none;
305}
306
307/* NAVIGATOR LABELS */
308.yui-skin-sam .yui-calcontainer .yui-cal-nav label {
309	display:block;
310	font-weight:bold;
311}
312
313/* NAVIGATOR MONTH CONTROL */
314.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
315	width:100%;
316	_width:auto; /* IE6, IE7 Quirks don't handle 100% well */
317}
318
319/* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
320.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
321	background-color:#FFEE69;
322	border: 1px solid #000;
323}
324
325/* NAVIGATOR YEAR CONTROL */
326.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
327	width:4em;
328}
329
330/* NAVIGATOR BUTTONS */
331
332/* BUTTON WRAPPER */
333.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
334	border:1px solid #808080;
335	background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
336	background-color:#ccc;
337	margin: auto .15em;
338}
339
340/* BUTTON (based on button-skin.css) */
341.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
342	padding:0 8px;
343	font-size:93%;
344	line-height: 2;  /* ~24px */
345	*line-height: 1.7; /* For IE */
346	min-height: 2em; /* For Gecko */
347	*min-height: auto; /* For IE */
348	color: #000;
349}
350
351/* DEFAULT BUTTONS */
352/* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
353.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
354	border:1px solid #304369;
355	background-color: #426fd9;
356	background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
357}
358
359.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
360	color:#fff;
361}