2 * FullCalendar v1.5.3 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: Mon Feb 6 22:40:40 2012 -0800
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 {
252 .fc-state-disabled .fc-button-effect {
258 /* Global Event Styles
259 ------------------------------------------------------------------------*/
269 .fc-event-draggable {
274 text-decoration: none
;
282 border-color: #36c; /* default BORDER color */
283 background-color: #36c; /* default BACKGROUND color */
284 color: #fff; /* default TEXT color */
301 .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
305 overflow: hidden
; /* hacky spaces (IE6/7) */
306 font-size: 300%; /* */
307 line-height: 50%; /* */
313 ------------------------------------------------------------------------*/
322 .fc-event-hori .ui-resizable-e {
323 top: 0 !important
; /* importants override pre jquery ui 1.7 styles */
324 right: -3px !important
;
325 width: 7px !important
;
326 height: 100% !important
;
330 .fc-event-hori .ui-resizable-w {
332 left: -3px !important
;
333 width: 7px !important
;
334 height: 100% !important
;
338 .fc-event-hori .ui-resizable-handle {
339 _padding-bottom: 14px; /* IE6 had 0 height */
344 /* Fake Rounded Corners (for buttons and events)
345 ------------------------------------------------------------*/
351 .fc-corner-left
.fc-button-inner
,
352 .fc-corner-left .fc-event-inner {
360 .fc-corner-right
.fc-button-inner
,
361 .fc-corner-right .fc-event-inner {
369 .fc-corner-top .fc-event-inner {
377 .fc-corner-bottom .fc-event-inner {
383 /* Fake Rounded Corners SPECIFICALLY FOR EVENTS
384 -----------------------------------------------------------------*/
386 .fc-corner-left .fc-event-inner {
387 border-left-width: 1px;
390 .fc-corner-right .fc-event-inner {
391 border-right-width: 1px;
394 .fc-corner-top .fc-event-inner {
395 border-top-width: 1px;
398 .fc-corner-bottom .fc-event-inner {
399 border-bottom-width: 1px;
404 /* Reusable Separate-border Table
405 ------------------------------------------------------------*/
407 table
.fc-border-separate
{
408 border-collapse: separate
;
411 .fc-border-separate th
,
412 .fc-border-separate td {
413 border-width: 1px 0 0 1px;
416 .fc-border-separate th
.fc-last
,
417 .fc-border-separate td.fc-last {
418 border-right-width: 1px;
421 .fc-border-separate tr
.fc-last th
,
422 .fc-border-separate tr.fc-last td {
423 border-bottom-width: 1px;
426 .fc-border-separate tbody tr
.fc-first td
,
427 .fc-border-separate tbody tr.fc-first th {
433 /* Month View, Basic Week View, Basic Day View
434 ------------------------------------------------------------------------*/
440 .fc-grid .fc-day-number {
445 .fc-grid .fc-other-month .fc-day-number {
447 filter: alpha
(opacity
=30); /* for IE */
448 /* opacity with small font can sometimes look too faded
449 might want to set the 'color' property instead
450 making day-numbers bold also fixes the problem */
453 .fc-grid .fc-day-content {
455 padding: 2px 2px 1px; /* distance between events and day edges */
460 .fc-grid .fc-event-time {
466 .fc-rtl .fc-grid .fc-day-number {
470 .fc-rtl .fc-grid .fc-event-time {
476 /* Agenda Week View, Agenda Day View
477 ------------------------------------------------------------------------*/
480 border-collapse: separate
;
487 .fc-agenda .fc-agenda-axis {
490 vertical-align: middle
;
496 .fc-agenda .fc-day-content {
497 padding: 2px 2px 1px;
500 /* make axis border take precedence */
502 .fc-agenda-days .fc-agenda-axis {
503 border-right-width: 1px;
506 .fc-agenda-days .fc-col0 {
507 border-left-width: 0;
512 .fc-agenda-allday th {
516 .fc-agenda-allday .fc-day-content {
517 min-height: 34px; /* TODO: doesnt work well in quirksmode */
521 /* divider (between all-day and slots) */
523 .fc-agenda-divider-inner {
528 .fc-widget-header .fc-agenda-divider-inner {
534 .fc-agenda-slots th {
535 border-width: 1px 1px 0;
538 .fc-agenda-slots td {
539 border-width: 1px 0 0;
543 .fc-agenda-slots td div {
547 .fc-agenda-slots tr
.fc-slot0 th
,
548 .fc-agenda-slots tr.fc-slot0 td {
552 .fc-agenda-slots tr
.fc-minor th
,
553 .fc-agenda-slots tr.fc-minor td {
554 border-top-style: dotted
;
557 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
558 *border-top-style: solid
; /* doesn't work with background in IE6/7 */
564 ------------------------------------------------------------------------*/
570 .fc-event-vert
.fc-event-head
,
571 .fc-event-vert .fc-event-content {
578 .fc-event-vert .fc-event-time {
583 .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
592 filter: alpha
(opacity
=30);
595 .fc
.ui-draggable-dragging
.fc-event-bg
, /* TODO: something nicer like .fc-opacity */
596 .fc-select-helper .fc-event-bg {
597 display: none\
9; /* for IE6/7/8. nested opacity filters while dragging don't work */
602 .fc-event-vert .ui-resizable-s {
603 bottom: 0 !important
; /* importants override pre jquery ui 1.7 styles */
604 width: 100% !important
;
605 height: 8px !important
;
606 overflow: hidden
!important
;
607 line-height: 8px !important
;
608 font-size: 11px !important
;
609 font-family: monospace
;
614 .fc-agenda .ui-resizable-resizing { /* TODO: better selector */