Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
21627 kshitij.so 1 
/*
2 
 * FullCalendar v1.5.4 Stylesheet
3 
 *
4 
 */
5 
 
6 
 
7 
.fc {
8 
	direction: ltr;
9 
	text-align: left;
10 
	}
11 
 
12 
.fc table {
13 
	border-collapse: collapse;
14 
	border-spacing: 0;
15 
	}
16 
 
17 
html .fc,
18 
.fc table {
19 
	font-size: 1em;
20 
	}
21 
 
22 
.fc td,
23 
.fc th {
24 
	padding: 0;
25 
	vertical-align: top;
26 
	}
27 
 
28 
 
29 
 
30 
/* Header
31 
------------------------------------------------------------------------*/
32 
 
33 
.fc-header td {
34 
	white-space: nowrap;
35 
	}
36 
 
37 
.fc-header-left {
38 
	width: 25%;
39 
	text-align: left;
40 
	}
41 
 
42 
.fc-header-center {
43 
	text-align: center;
44 
	}
45 
 
46 
.fc-header-right {
47 
	width: 25%;
48 
	text-align: right;
49 
	}
50 
 
51 
.fc-header-title {
52 
	display: inline-block;
53 
	vertical-align: top;
54 
	}
55 
 
56 
.fc-header-title h2 {
57 
	margin-top: 0;
58 
	white-space: nowrap;
59 
	}
60 
 
61 
.fc .fc-header-space {
62 
	padding-left: 10px;
63 
	}
64 
 
65 
.fc-header .fc-button {
66 
	margin-bottom: 1em;
67 
	vertical-align: top;
68 
	}
69 
 
70 
/* buttons edges butting together */
71 
 
72 
.fc-header .fc-button {
73 
	margin-right: -1px;
74 
	}
75 
 
76 
.fc-header .fc-corner-right {
77 
	margin-right: 1px; /* back to normal */
78 
	}
79 
 
80 
.fc-header .ui-corner-right {
81 
	margin-right: 0; /* back to normal */
82 
	}
83 
 
84 
/* button layering (for border precedence) */
85 
 
86 
.fc-header .fc-state-hover,
87 
.fc-header .ui-state-hover {
88 
	z-index: 2;
89 
	}
90 
 
91 
.fc-header .fc-state-down {
92 
	z-index: 3;
93 
	}
94 
 
95 
.fc-header .fc-state-active,
96 
.fc-header .ui-state-active {
97 
	z-index: 4;
98 
	}
99 
 
100 
 
101 
 
102 
/* Content
103 
------------------------------------------------------------------------*/
104 
 
105 
.fc-content {
106 
	clear: both;
107 
	}
108 
 
109 
.fc-view {
110 
	width: 100%; /* needed for view switching (when view is absolute) */
111 
	overflow: hidden;
112 
	}
113 
 
114 
 
115 
 
116 
/* Cell Styles
117 
------------------------------------------------------------------------*/
118 
 
119 
.fc-widget-header,    /* <th>, usually */
120 
.fc-widget-content {  /* <td>, usually */
121 
	border: 1px solid #ccc;
122 
	}
123 
 
124 
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
125 
	background: #ffc;
126 
	}
127 
 
128 
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
129 
	background: #9cf;
130 
	opacity: .2;
131 
	filter: alpha(opacity=20); /* for IE */
132 
	}
133 
 
134 
 
135 
 
136 
/* Buttons
137 
------------------------------------------------------------------------*/
138 
 
139 
.fc-button {
140 
	position: relative;
141 
	display: inline-block;
142 
	cursor: pointer;
143 
	}
144 
 
145 
.fc-state-default { /* non-theme */
146 
	border-style: solid;
147 
	border-width: 1px 0;
148 
	}
149 
 
150 
.fc-button-inner {
151 
	position: relative;
152 
	float: left;
153 
	overflow: hidden;
154 
	}
155 
 
156 
.fc-state-default .fc-button-inner { /* non-theme */
157 
	border-style: solid;
158 
	border-width: 0 1px;
159 
	}
160 
 
161 
.fc-button-content {
162 
	position: relative;
163 
	float: left;
164 
	height: 1.9em;
165 
	line-height: 1.9em;
166 
	padding: 0 .6em;
167 
	white-space: nowrap;
168 
	}
169 
 
170 
/* icon (for jquery ui) */
171 
 
172 
.fc-button-content .fc-icon-wrap {
173 
	position: relative;
174 
	float: left;
175 
	top: 50%;
176 
	}
177 
 
178 
.fc-button-content .ui-icon {
179 
	position: relative;
180 
	float: left;
181 
	margin-top: -50%;
182 
	*margin-top: 0;
183 
	*top: -50%;
184 
	}
185 
 
186 
/* gloss effect */
187 
 
188 
.fc-state-default .fc-button-effect {
189 
	position: absolute;
190 
	top: 50%;
191 
	left: 0;
192 
	}
193 
 
194 
.fc-state-default .fc-button-effect span {
195 
	position: absolute;
196 
	top: -100px;
197 
	left: 0;
198 
	width: 500px;
199 
	height: 100px;
200 
	border-width: 100px 0 0 1px;
201 
	border-style: solid;
202 
	border-color: #fff;
203 
	background: #444;
204 
	opacity: .09;
205 
	filter: alpha(opacity=9);
206 
	}
207 
 
208 
/* button states (determines colors)  */
209 
 
210 
.fc-state-default,
211 
.fc-state-default .fc-button-inner {
212 
	border-style: solid;
213 
	border-color: #ccc #bbb #aaa;
214 
	background: #F3F3F3;
215 
	color: #000;
216 
	}
217 
 
218 
.fc-state-hover,
219 
.fc-state-hover .fc-button-inner {
220 
	border-color: #999;
221 
	}
222 
 
223 
.fc-state-down,
224 
.fc-state-down .fc-button-inner {
225 
	border-color: #555;
226 
	background: #777;
227 
	}
228 
 
229 
.fc-state-active,
230 
.fc-state-active .fc-button-inner {
231 
	border-color: #555;
232 
	background: #777;
233 
	color: #fff;
234 
	}
235 
 
236 
.fc-state-disabled,
237 
.fc-state-disabled .fc-button-inner {
238 
	color: #999;
239 
	border-color: #ddd;
240 
	}
241 
 
242 
.fc-state-disabled {
243 
	cursor: default;
244 
	}
245 
 
246 
.fc-state-disabled .fc-button-effect {
247 
	display: none;
248 
	}
249 
 
250 
 
251 
 
252 
/* Global Event Styles
253 
------------------------------------------------------------------------*/
254 
 
255 
.fc-event {
256 
	border-style: solid;
257 
	border-width: 0;
258 
	font-size: .85em;
259 
	cursor: default;
260 
	}
261 
 
262 
a.fc-event,
263 
.fc-event-draggable {
264 
	cursor: pointer;
265 
	}
266 
 
267 
a.fc-event {
268 
	text-decoration: none;
269 
	}
270 
 
271 
.fc-rtl .fc-event {
272 
	text-align: right;
273 
	}
274 
 
275 
.fc-event-skin {
276 
	border-color: #36c;     /* default BORDER color */
277 
	background-color: #36c; /* default BACKGROUND color */
278 
	color: #fff;            /* default TEXT color */
279 
	}
280 
 
281 
.fc-event-inner {
282 
	position: relative;
283 
	width: 100%;
284 
	height: 100%;
285 
	border-style: solid;
286 
	border-width: 0;
287 
	overflow: hidden;
288 
	}
289 
 
290 
.fc-event-time,
291 
.fc-event-title {
292 
	padding: 0 1px;
293 
	}
294 
 
295 
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
296 
	display: block;
297 
	position: absolute;
298 
	z-index: 99999;
299 
	overflow: hidden; /* hacky spaces (IE6/7) */
300 
	font-size: 300%;  /* */
301 
	line-height: 50%; /* */
302 
	}
303 
 
304 
 
305 
 
306 
/* Horizontal Events
307 
------------------------------------------------------------------------*/
308 
 
309 
.fc-event-hori {
310 
	border-width: 1px 0;
311 
	margin-bottom: 1px;
312 
	}
313 
 
314 
/* resizable */
315 
 
316 
.fc-event-hori .ui-resizable-e {
317 
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
318 
	right: -3px      !important;
319 
	width: 7px       !important;
320 
	height: 100%     !important;
321 
	cursor: e-resize;
322 
	}
323 
 
324 
.fc-event-hori .ui-resizable-w {
325 
	top: 0           !important;
326 
	left: -3px       !important;
327 
	width: 7px       !important;
328 
	height: 100%     !important;
329 
	cursor: w-resize;
330 
	}
331 
 
332 
.fc-event-hori .ui-resizable-handle {
333 
	_padding-bottom: 14px; /* IE6 had 0 height */
334 
	}
335 
 
336 
 
337 
 
338 
/* Fake Rounded Corners (for buttons and events)
339 
------------------------------------------------------------*/
340 
 
341 
.fc-corner-left {
342 
	margin-left: 1px;
343 
	}
344 
 
345 
.fc-corner-left .fc-button-inner,
346 
.fc-corner-left .fc-event-inner {
347 
	margin-left: -1px;
348 
	}
349 
 
350 
.fc-corner-right {
351 
	margin-right: 1px;
352 
	}
353 
 
354 
.fc-corner-right .fc-button-inner,
355 
.fc-corner-right .fc-event-inner {
356 
	margin-right: -1px;
357 
	}
358 
 
359 
.fc-corner-top {
360 
	margin-top: 1px;
361 
	}
362 
 
363 
.fc-corner-top .fc-event-inner {
364 
	margin-top: -1px;
365 
	}
366 
 
367 
.fc-corner-bottom {
368 
	margin-bottom: 1px;
369 
	}
370 
 
371 
.fc-corner-bottom .fc-event-inner {
372 
	margin-bottom: -1px;
373 
	}
374 
 
375 
 
376 
 
377 
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
378 
-----------------------------------------------------------------*/
379 
 
380 
.fc-corner-left .fc-event-inner {
381 
	border-left-width: 1px;
382 
	}
383 
 
384 
.fc-corner-right .fc-event-inner {
385 
	border-right-width: 1px;
386 
	}
387 
 
388 
.fc-corner-top .fc-event-inner {
389 
	border-top-width: 1px;
390 
	}
391 
 
392 
.fc-corner-bottom .fc-event-inner {
393 
	border-bottom-width: 1px;
394 
	}
395 
 
396 
 
397 
 
398 
/* Reusable Separate-border Table
399 
------------------------------------------------------------*/
400 
 
401 
table.fc-border-separate {
402 
	border-collapse: separate;
403 
	}
404 
 
405 
.fc-border-separate th,
406 
.fc-border-separate td {
407 
	border-width: 1px 0 0 1px;
408 
	}
409 
 
410 
.fc-border-separate th.fc-last,
411 
.fc-border-separate td.fc-last {
412 
	border-right-width: 1px;
413 
	}
414 
 
415 
.fc-border-separate tr.fc-last th,
416 
.fc-border-separate tr.fc-last td {
417 
	border-bottom-width: 1px;
418 
	}
419 
 
420 
.fc-border-separate tbody tr.fc-first td,
421 
.fc-border-separate tbody tr.fc-first th {
422 
	border-top-width: 0;
423 
	}
424 
 
425 
 
426 
 
427 
/* Month View, Basic Week View, Basic Day View
428 
------------------------------------------------------------------------*/
429 
 
430 
.fc-grid th {
431 
	text-align: center;
432 
	}
433 
 
434 
.fc-grid .fc-day-number {
435 
	float: right;
436 
	padding: 0 2px;
437 
	}
438 
 
439 
.fc-grid .fc-other-month .fc-day-number {
440 
	opacity: 0.3;
441 
	filter: alpha(opacity=30); /* for IE */
442 
	/* opacity with small font can sometimes look too faded
443 
	   might want to set the 'color' property instead
444 
	   making day-numbers bold also fixes the problem */
445 
	}
446 
 
447 
.fc-grid .fc-day-content {
448 
	clear: both;
449 
	padding: 2px 2px 1px; /* distance between events and day edges */
450 
	}
451 
 
452 
/* event styles */
453 
 
454 
.fc-grid .fc-event-time {
455 
	font-weight: bold;
456 
	}
457 
 
458 
/* right-to-left */
459 
 
460 
.fc-rtl .fc-grid .fc-day-number {
461 
	float: left;
462 
	}
463 
 
464 
.fc-rtl .fc-grid .fc-event-time {
465 
	float: right;
466 
	}
467 
 
468 
 
469 
 
470 
/* Agenda Week View, Agenda Day View
471 
------------------------------------------------------------------------*/
472 
 
473 
.fc-agenda table {
474 
	border-collapse: separate;
475 
	}
476 
 
477 
.fc-agenda-days th {
478 
	text-align: center;
479 
	}
480 
 
481 
.fc-agenda .fc-agenda-axis {
482 
	width: 50px;
483 
	padding: 0 4px;
484 
	vertical-align: middle;
485 
	text-align: right;
486 
	white-space: nowrap;
487 
	font-weight: normal;
488 
	}
489 
 
490 
.fc-agenda .fc-day-content {
491 
	padding: 2px 2px 1px;
492 
	}
493 
 
494 
/* make axis border take precedence */
495 
 
496 
.fc-agenda-days .fc-agenda-axis {
497 
	border-right-width: 1px;
498 
	}
499 
 
500 
.fc-agenda-days .fc-col0 {
501 
	border-left-width: 0;
502 
	}
503 
 
504 
/* all-day area */
505 
 
506 
.fc-agenda-allday th {
507 
	border-width: 0 1px;
508 
	}
509 
 
510 
.fc-agenda-allday .fc-day-content {
511 
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
512 
	_height: 34px;
513 
	}
514 
 
515 
/* divider (between all-day and slots) */
516 
 
517 
.fc-agenda-divider-inner {
518 
	height: 2px;
519 
	overflow: hidden;
520 
	}
521 
 
522 
.fc-widget-header .fc-agenda-divider-inner {
523 
	background: #eee;
524 
	}
525 
 
526 
/* slot rows */
527 
 
528 
.fc-agenda-slots th {
529 
	border-width: 1px 1px 0;
530 
	}
531 
 
532 
.fc-agenda-slots td {
533 
	border-width: 1px 0 0;
534 
	background: none;
535 
	}
536 
 
537 
.fc-agenda-slots td div {
538 
	height: 20px;
539 
	}
540 
 
541 
.fc-agenda-slots tr.fc-slot0 th,
542 
.fc-agenda-slots tr.fc-slot0 td {
543 
	border-top-width: 0;
544 
	}
545 
 
546 
.fc-agenda-slots tr.fc-minor th,
547 
.fc-agenda-slots tr.fc-minor td {
548 
	border-top-style: dotted;
549 
	}
550 
 
551 
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
552 
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
553 
	}
554 
 
555 
 
556 
 
557 
/* Vertical Events
558 
------------------------------------------------------------------------*/
559 
 
560 
.fc-event-vert {
561 
	border-width: 0 1px;
562 
	}
563 
 
564 
.fc-event-vert .fc-event-head,
565 
.fc-event-vert .fc-event-content {
566 
	position: relative;
567 
	z-index: 2;
568 
	width: 100%;
569 
	overflow: hidden;
570 
	}
571 
 
572 
.fc-event-vert .fc-event-time {
573 
	white-space: nowrap;
574 
	font-size: 10px;
575 
	}
576 
 
577 
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
578 
	position: absolute;
579 
	z-index: 1;
580 
	top: 0;
581 
	left: 0;
582 
	width: 100%;
583 
	height: 100%;
584 
	background: #fff;
585 
	opacity: .3;
586 
	filter: alpha(opacity=30);
587 
	}
588 
 
589 
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
590 
.fc-select-helper .fc-event-bg {
591 
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
592 
	}
593 
 
594 
/* resizable */
595 
 
596 
.fc-event-vert .ui-resizable-s {
597 
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
598 
	width: 100%      !important;
599 
	height: 8px      !important;
600 
	overflow: hidden !important;
601 
	line-height: 8px !important;
602 
	font-size: 11px  !important;
603 
	font-family: monospace;
604 
	text-align: center;
605 
	cursor: s-resize;
606 
	}
607 
 
608 
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
609 
	_overflow: hidden;
610 
	}
611 
 
612