2 * FullCalendar v1.5 Stylesheet
4 * Copyright (c) 2011 Adam Shaw
5 * Dual licensed under the MIT and GPL licenses, located in
6 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
8 * Date: Sat Mar 19 18:59:37 2011 -0700
19 border-collapse: collapse
;
37 ------------------------------------------------------------------------*/
58 display: inline-block
;
67 .fc .fc-header-space {
71 .fc-header .fc-button {
76 /* buttons edges butting together */
78 .fc-header .fc-button {
82 .fc-header .fc-corner-right {
83 margin-right: 1px; /* back to normal */
86 .fc-header .ui-corner-right {
87 margin-right: 0; /* back to normal */
90 /* button layering (for border precedence) */
92 .fc-header
.fc-state-hover
,
93 .fc-header .ui-state-hover {
97 .fc-header .fc-state-down {
101 .fc-header
.fc-state-active
,
102 .fc-header .ui-state-active {
109 ------------------------------------------------------------------------*/
116 width: 100%; /* needed for view switching (when view is absolute) */
123 ------------------------------------------------------------------------*/
125 .fc-widget-header
, /* <th>, usually */
126 .fc-widget-content { /* <td>, usually */
127 border: 1px solid
#ccc;
130 .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
134 .fc-cell-overlay { /* semi-transparent rectangle while dragging */
137 filter: alpha
(opacity
=20); /* for IE */
143 ------------------------------------------------------------------------*/
147 display: inline-block
;
151 .fc-state-default { /* non-theme */
162 .fc-state-default .fc-button-inner { /* non-theme */
176 /* icon (for jquery ui) */
178 .fc-button-content .fc-icon-wrap {
184 .fc-button-content .ui-icon {
194 .fc-state-default .fc-button-effect {
200 .fc-state-default .fc-button-effect span {
206 border-width: 100px 0 0 1px;
211 filter: alpha
(opacity
=9);
214 /* button states (determines colors) */
217 .fc-state-default .fc-button-inner {
219 border-color: #ccc #bbb #aaa;
225 .fc-state-hover .fc-button-inner {
230 .fc-state-down .fc-button-inner {
236 .fc-state-active .fc-button-inner {
243 .fc-state-disabled .fc-button-inner {
248 .fc-state-disabled .fc-button-effect {
254 /* Global Event Styles
255 ------------------------------------------------------------------------*/
265 .fc-event-draggable {
270 text-decoration: none
;
278 border-color: #36c; /* default BORDER color */
279 background-color: #36c; /* default BACKGROUND color */
280 color: #fff; /* default TEXT color */
296 .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
300 overflow: hidden
; /* hacky spaces (IE6/7) */
301 font-size: 300%; /* */
302 line-height: 50%; /* */
308 ------------------------------------------------------------------------*/
317 .fc-event-hori .ui-resizable-e {
318 top: 0 !important
; /* importants override pre jquery ui 1.7 styles */
319 right: -3px !important
;
320 width: 7px !important
;
321 height: 100% !important
;
325 .fc-event-hori .ui-resizable-w {
327 left: -3px !important
;
328 width: 7px !important
;
329 height: 100% !important
;
333 .fc-event-hori .ui-resizable-handle {
334 _padding-bottom: 14px; /* IE6 had 0 height */
339 /* Fake Rounded Corners (for buttons and events)
340 ------------------------------------------------------------*/
346 .fc-corner-left
.fc-button-inner
,
347 .fc-corner-left .fc-event-inner {
355 .fc-corner-right
.fc-button-inner
,
356 .fc-corner-right .fc-event-inner {
364 .fc-corner-top .fc-event-inner {
372 .fc-corner-bottom .fc-event-inner {
378 /* Fake Rounded Corners SPECIFICALLY FOR EVENTS
379 -----------------------------------------------------------------*/
381 .fc-corner-left .fc-event-inner {
382 border-left-width: 1px;
385 .fc-corner-right .fc-event-inner {
386 border-right-width: 1px;
389 .fc-corner-top .fc-event-inner {
390 border-top-width: 1px;
393 .fc-corner-bottom .fc-event-inner {
394 border-bottom-width: 1px;
399 /* Reusable Separate-border Table
400 ------------------------------------------------------------*/
402 table
.fc-border-separate
{
403 border-collapse: separate
;
406 .fc-border-separate th
,
407 .fc-border-separate td {
408 border-width: 1px 0 0 1px;
411 .fc-border-separate th
.fc-last
,
412 .fc-border-separate td.fc-last {
413 border-right-width: 1px;
416 .fc-border-separate tr
.fc-last th
,
417 .fc-border-separate tr.fc-last td {
418 border-bottom-width: 1px;
421 .fc-border-separate tbody tr
.fc-first td
,
422 .fc-border-separate tbody tr.fc-first th {
428 /* Month View, Basic Week View, Basic Day View
429 ------------------------------------------------------------------------*/
435 .fc-grid .fc-day-number {
440 .fc-grid .fc-other-month .fc-day-number {
442 filter: alpha
(opacity
=30); /* for IE */
443 /* opacity with small font can sometimes look too faded
444 might want to set the 'color' property instead
445 making day-numbers bold also fixes the problem */
448 .fc-grid .fc-day-content {
450 padding: 2px 2px 1px; /* distance between events and day edges */
455 .fc-grid .fc-event-time {
461 .fc-rtl .fc-grid .fc-day-number {
465 .fc-rtl .fc-grid .fc-event-time {
471 /* Agenda Week View, Agenda Day View
472 ------------------------------------------------------------------------*/
475 border-collapse: separate
;
482 .fc-agenda .fc-agenda-axis {
485 vertical-align: middle
;
491 .fc-agenda .fc-day-content {
492 padding: 2px 2px 1px;
495 /* make axis border take precedence */
497 .fc-agenda-days .fc-agenda-axis {
498 border-right-width: 1px;
501 .fc-agenda-days .fc-col0 {
502 border-left-width: 0;
507 .fc-agenda-allday th {
511 .fc-agenda-allday .fc-day-content {
512 min-height: 34px; /* TODO: doesnt work well in quirksmode */
516 /* divider (between all-day and slots) */
518 .fc-agenda-divider-inner {
523 .fc-widget-header .fc-agenda-divider-inner {
529 .fc-agenda-slots th {
530 border-width: 1px 1px 0;
533 .fc-agenda-slots td {
534 border-width: 1px 0 0;
538 .fc-agenda-slots td div {
542 .fc-agenda-slots tr
.fc-slot0 th
,
543 .fc-agenda-slots tr.fc-slot0 td {
547 .fc-agenda-slots tr
.fc-minor th
,
548 .fc-agenda-slots tr.fc-minor td {
549 border-top-style: dotted
;
552 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
553 *border-top-style: solid
; /* doesn't work with background in IE6/7 */
559 ------------------------------------------------------------------------*/
565 .fc-event-vert
.fc-event-head
,
566 .fc-event-vert .fc-event-content {
573 .fc-event-vert .fc-event-time {
578 .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
587 filter: alpha
(opacity
=30);
590 .fc
.ui-draggable-dragging
.fc-event-bg
, /* TODO: something nicer like .fc-opacity */
591 .fc-select-helper .fc-event-bg {
592 display: none\
9; /* for IE6/7/8. nested opacity filters while dragging don't work */
597 .fc-event-vert .ui-resizable-s {
598 bottom: 0 !important
; /* importants override pre jquery ui 1.7 styles */
599 width: 100% !important
;
600 height: 8px !important
;
601 overflow: hidden
!important
;
602 line-height: 8px !important
;
603 font-size: 11px !important
;
604 font-family: monospace
;
609 .fc-agenda .ui-resizable-resizing { /* TODO: better selector */