/* * FullCalendar Stylesheet * * Feel free to edit this file to customize the look of FullCalendar. * When upgrading to newer versions, please upgrade this file as well, * porting over any customizations afterwards. * */ .fc, .fc .fc-header, .fc .fc-content { font-size: 1em; } .fc { direction: ltr; } .fc table { border-collapse: collapse; border-spacing: 0; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ table.fc-header { width: 100%; } .fc-header-left { width: 25%; } .fc-header-left table { float: left; } .fc-header-center { width: 50%; } .fc-header-center table { margin: 0 auto; } .fc-header-right { width: 25%; } .fc-header-right table { float: right; } .fc-header-title { margin-top: 0; white-space: nowrap; } .fc-header-space { padding-left: 10px; } /* right-to-left */ .fc-rtl .fc-header-title { direction: rtl; } /* Buttons ------------------------------------------------------------------------*/ .fc-header .fc-state-default, .fc-header .ui-state-default { margin-bottom: 1em; cursor: pointer; } .fc-header .fc-state-default { border-width: 1px 0; padding: 0 1px; } .fc-header .fc-state-default, .fc-header .fc-state-default a { border-style: solid; } .fc-header .fc-state-default a { display: block; position: relative; border-width: 0 1px; margin: 0 -1px; width: 100%; text-decoration: none; } .fc-header .fc-state-default span { display: block; border-style: solid; border-width: 1px 0 1px 1px; padding: 3px 5px; } .fc-header .ui-state-default { padding: 4px 6px; } .fc-header .fc-state-default span, .fc-header .ui-state-default span { white-space: nowrap; } /* for adjacent buttons */ .fc-header .fc-no-right { padding-right: 0; } .fc-header .fc-no-right a { margin-right: 0; border-right: 0; } .fc-header .ui-no-right { border-right: 0; } /* for fake rounded corners */ .fc-header .fc-corner-left { margin-left: 1px; padding-left: 0; } .fc-header .fc-corner-right { margin-right: 1px; padding-right: 0; } /* DEFAULT button COLORS */ .fc-header .fc-state-default, .fc-header .fc-state-default a { border-color: #777; /* outer border */ color: #333; } .fc-header .fc-state-default span { border-color: #fff #fff #d1d1d1; /* inner border */ background: #e8e8e8; } /* PRESSED button COLORS (down and active) */ .fc-header .fc-state-active a { color: #fff; } .fc-header .fc-state-down span, .fc-header .fc-state-active span { background: #888; border-color: #808080 #808080 #909090; /* inner border */ } /* DISABLED button COLORS */ .fc-header .fc-state-disabled a { color: #999; } .fc-header .fc-state-disabled, .fc-header .fc-state-disabled a { border-color: #ccc; /* outer border */ } .fc-header .fc-state-disabled span { border-color: #fff #fff #f0f0f0; /* inner border */ background: #f0f0f0; } /* Content Area & Global Cell Styles ------------------------------------------------------------------------*/ .fc-widget-content { border: 1px solid #ccc; /* outer border color */ } .fc-content { clear: both; } .fc-content .fc-state-default { border-style: solid; border-color: #ccc; /* inner border color */ } .fc-content .fc-state-highlight { /* today */ background: #ffc; } .fc-content .fc-not-today { background: none; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ } .fc-view { /* prevents dragging outside of widget */ width: 100%; overflow: hidden; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event, .fc-agenda .fc-event-time, .fc-event a { border-style: solid; border-color: #36c; /* default BORDER color (probably the same as background-color) */ background-color: #36c; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ } /* Use the 'className' CalEvent property and the following * example CSS to change event color on a per-event basis: * * .myclass, * .fc-agenda .myclass .fc-event-time, * .myclass a { * background-color: black; * border-color: black; * color: red; * } */ .fc-event a { overflow: hidden; font-size: .85em; text-decoration: none; text-align: left; cursor: pointer; } .fc-event-editable { cursor: pointer; } .fc-event-time, .fc-event-title { padding: 0 1px; } /* for fake rounded corners */ .fc-event a { display: block; position: relative; width: 100%; height: 100%; } /* right-to-left */ .fc-rtl .fc-event a { text-align: right; } /* resizable */ .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; border: 0 !important; /* important overrides pre jquery ui 1.7 styles */ background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-event-hori a { border-width: 0; } /* for fake rounded corners */ .fc-content .fc-corner-left { margin-left: 1px; } .fc-content .fc-corner-left a { margin-left: -1px; border-left-width: 1px; } .fc-content .fc-corner-right { margin-right: 1px; } .fc-content .fc-corner-right a { margin-right: -1px; border-right-width: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ }