|
/* * FullCalendar v1.5.3 Stylesheet * * Copyright (c) 2011 Adam Shaw * Dual licensed under the MIT and GPL licenses, located in * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. * * Date: Mon Feb 6 22:40:40 2012 -0800 **/body{margin: 10px;margin-bottom: 0px;}
|
.fc{direction: ltr;text-align: left;}
|
.fc table{border-collapse: collapse;border-spacing: 0;}
|
html .fc,
|
.fc table{font-size: 1em;}
|
.fc td,
|
.fc th{padding: 0;vertical-align: top;}
|
/* Header
|
------------------------------------------------------------------------*/
|
.fc-header {
|
border: 1px solid #ccc;
|
border-bottom: 0px;
|
}
|
.fc-header td{white-space: nowrap;padding-top: 10px;}
|
.fc-header-left{width: 25%;text-align: left;padding-left:10px !important;}
|
.fc-header-center{text-align: center;}
|
.fc-header-right{width: 25%;text-align: right;padding-right:10px !important;}
|
.fc-header-title{display: inline-block;vertical-align: top;}
|
.fc-header-title h2{margin-top: 0;font-weight: bold;font: 18px Arial,Helvetica, Sans-Serif;}
|
.fc .fc-header-space{padding-left: 10px;}
|
.fc-header .fc-button{margin-bottom: 1em;vertical-align: top;}
|
/* buttons edges butting together*/.fc-header .fc-button{margin-right: -1px;}
|
.fc-header .fc-corner-right{margin-right: 1px;/* back to normal*/}
|
.fc-header .ui-corner-right{margin-right: 0;/* back to normal*/}
|
/* button layering (for border precedence)*/.fc-header .fc-state-hover,
|
.fc-header .ui-state-hover{z-index: 2;}
|
.fc-header .fc-state-down{z-index: 3;}
|
.fc-header .fc-state-active,
|
.fc-header .ui-state-active{z-index: 4;}
|
/* Content
|
------------------------------------------------------------------------*/.fc-content{clear: both;}
|
.fc-view{width: 100%;/* needed for view switching (when view is absolute)*/overflow: hidden;}
|
/* Cell Styles
|
------------------------------------------------------------------------*/
|
.fc-widget-header {
|
background: #f7f7f7;
|
}
|
.fc-widget-header,
|
.fc-widget-content{/* <td>, usually*/border: 1px solid #ddd;}
|
.fc-state-highlight{background: #fcf8e3;}
|
.fc-view-agendaWeek .fc-state-highlight{background: #fff;}
|
.fc-view-agendaDay .fc-state-highlight{background: #fff;}
|
/*.fc-view-agendaDay .fc-today{background: #FFF4BF;}*/.fc-cell-overlay{/* semi-transparent rectangle while dragging*/background: #9cf;opacity: .2;filter: alpha(opacity=20);/* for IE*/}
|
/* Buttons
|
------------------------------------------------------------------------*/.fc-button{position: relative;display: inline-block;padding: 0 .6em;overflow: hidden;height: 1.9em;line-height: 1.9em;white-space: nowrap;cursor: pointer;}
|
.fc-state-default{/* non-theme*/border: 1px solid;}
|
.fc-state-default.fc-corner-left{/* non-theme*/border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
|
.fc-state-default.fc-corner-right{/* non-theme*/border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
|
/*Our default prev/next buttons use HTML entities like ‹›«»and we'll try to make them look good cross-browser.*/.fc-text-arrow{margin: 0 .1em;font-size: 2em;font-family: "Courier New", Courier, monospace;vertical-align: baseline;/* for IE7*/}
|
.fc-button-prev .fc-text-arrow,
|
.fc-button-next .fc-text-arrow{/* for ‹›*/font-weight: bold;}
|
/* icon (for jquery ui)*/.fc-button .fc-icon-wrap{position: relative;float: left;top: 50%;}
|
.fc-button .ui-icon{position: relative;float: left;margin-top: -50%;*margin-top: 0;*top: -50%;}
|
/* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)*/.fc-state-default{background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #333;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
|
.fc-state-hover,
|
.fc-state-down,
|
.fc-state-active,
|
.fc-state-disabled{color: #333333;background-color: #e6e6e6;}
|
.fc-state-hover{color: #333333;text-decoration: none;background-position: 0 -15px;-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear;}
|
.fc-state-down,
|
.fc-state-active{background-color: #cccccc;background-image: none;outline: 0;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}
|
.fc-state-disabled{cursor: default;background-image: none;opacity: 0.65;filter: alpha(opacity=65);box-shadow: none;}
|
/* Global Event Styles
|
------------------------------------------------------------------------*/.fc-event{border-style: solid;border-width: 0;font-size: .85em;cursor: default;}
|
a.fc-event,
|
.fc-event-draggable{cursor: pointer;}
|
a.fc-event{text-decoration: none;}
|
.fc-rtl .fc-event{text-align: right;}
|
.fc-event-skin {
|
border-color: #D06B64; /* default BORDER color*/
|
background-color: #D06B64; /* default BACKGROUND color*/
|
color: #fff;
|
/*border-radius:5px;*/
|
}
|
.fc-event-inner{position: relative;width:auto;height: 100%;border-style: solid;border-width: 0;overflow: hidden;}
|
.fc-event-time,
|
.fc-event-title{padding: 0 1px;}
|
.fc .ui-resizable-handle{/*** TODO: don't use ui-resizable anymore, change class ***/display: block;position: absolute;z-index: 99999;overflow: hidden;/* hacky spaces (IE6/7)*/font-size: 300%;/**/line-height: 50%;/**/}
|
/* Horizontal Events
|
------------------------------------------------------------------------*/.fc-event-hori{border-width: 1px 0;margin-bottom: 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*/}
|
/* Fake Rounded Corners (for buttons and events)
|
------------------------------------------------------------*/.fc-corner-left{margin-left: 1px;}
|
.fc-corner-left .fc-button-inner,
|
.fc-corner-left .fc-event-inner{margin-left: -1px;}
|
.fc-corner-right{margin-right: 1px;}
|
.fc-corner-right .fc-button-inner,
|
.fc-corner-right .fc-event-inner{margin-right: -1px;}
|
.fc-corner-top{margin-top: 1px;}
|
.fc-corner-top .fc-event-inner{margin-top: -1px;}
|
.fc-corner-bottom{margin-bottom: 1px;}
|
.fc-corner-bottom .fc-event-inner{margin-bottom: -1px;}
|
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
|
-----------------------------------------------------------------*/.fc-corner-left .fc-event-inner{border-left-width: 1px;}
|
.fc-corner-right .fc-event-inner{border-right-width: 1px;}
|
.fc-corner-top .fc-event-inner{border-top-width: 1px;}
|
.fc-corner-bottom .fc-event-inner{border-bottom-width: 1px;}
|
/* Reusable Separate-border Table
|
------------------------------------------------------------*/table.fc-border-separate{border-collapse: separate;}
|
.fc-border-separate th,
|
.fc-border-separate td{border-width: 1px 0 0 1px;}
|
.fc-border-separate th.fc-last,
|
.fc-border-separate td.fc-last{border-right-width: 1px;}
|
.fc-border-separate tr.fc-last th,
|
.fc-border-separate tr.fc-last td{border-bottom-width: 1px;}
|
.fc-border-separate tbody tr.fc-first td,
|
.fc-border-separate tbody tr.fc-first th{border-top-width: 0;}
|
/* Month View, Basic Week View, Basic Day View
|
------------------------------------------------------------------------*/.fc-grid th{text-align: center;height:28px;line-height:28px;font-weight: normal;}
|
.fc-grid .fc-day-number{float: left;padding-top: 5px;padding-left: 5px;}
|
.fc-grid .fc-other-month .fc-day-number{opacity: 0.3;filter: alpha(opacity=30);/* for IE*//* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem*/}
|
.fc-grid .fc-day-content{clear: both;padding: 2px 2px 1px;/* distance between events and day edges*/}
|
/* event styles*/.fc-grid .fc-event-time{font-weight: bold;}
|
/* right-to-left*/.fc-rtl .fc-grid .fc-day-number{float: left;}
|
.fc-rtl .fc-grid .fc-event-time{float: right;}
|
/* Agenda Week View, Agenda Day View
|
------------------------------------------------------------------------*/.fc-agenda table{border-collapse: separate;}
|
.fc-agenda-days th{text-align: center;height:28px;line-height:28px;font-weight: normal;}
|
.fc-agenda .fc-agenda-axis{width: 51px;padding: 0 4px;vertical-align: middle;text-align: right;white-space: nowrap;font-weight: normal;}
|
.fc-agenda .fc-day-content{padding: 2px 2px 1px;}
|
/* make axis border take precedence*/.fc-agenda-days .fc-agenda-axis{/*border-right-width: 1px;*/}
|
.fc-agenda-days .fc-col0{border-left-width: 0;}
|
/* all-day area*/.fc-agenda-allday th{border-width: 0 1px;}
|
.fc-agenda-allday .fc-day-content{min-height: 34px;_height: 34px;background: #fcf8e3;}
|
/* divider (between all-day and slots)*/.fc-agenda-divider-inner{height: 2px;overflow: hidden;}
|
.fc-widget-header .fc-agenda-divider-inner{background: #fff;}
|
/* slot rows*/.fc-agenda-slots th{border-width: 1px 1px 0;}
|
.fc-agenda-slots td{border-width: 1px 0 0;background: none;}
|
.fc-agenda-slots td div{height: 20px;}
|
.fc-agenda-slots tr.fc-slot0 th,
|
.fc-agenda-slots tr.fc-slot0 td{border-top-width: 0;}
|
.fc-agenda-slots tr.fc-minor th,
|
.fc-agenda-slots tr.fc-minor td{border-top-style: dotted;}
|
.fc-agenda-slots tr.fc-minor th.ui-widget-header{*border-top-style: solid;/* doesn't work with background in IE6/7*/}
|
/* Vertical Events
|
------------------------------------------------------------------------*/.fc-event-vert{border-width: 0 1px;}
|
.fc-event-vert .fc-event-head,
|
.fc-event-vert .fc-event-content{position: relative;z-index: 2;width: 100%;overflow: hidden;}
|
.fc-event-vert .fc-event-time{white-space: nowrap;font-size: 10px;}
|
.fc-event-vert .fc-event-bg{/* makes the event lighter w/ a semi-transparent overlay*/position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: .3;filter: alpha(opacity=30);}
|
.fc .ui-draggable-dragging .fc-event-bg,
|
/* TODO: something nicer like .fc-opacity*/.fc-select-helper .fc-event-bg{display: none\9;/* for IE6/7/8. nested opacity filters while dragging don't work*/}
|
/* resizable*/.fc-event-vert .ui-resizable-s{bottom: 0 !important;/* importants override pre jquery ui 1.7 styles*/width: 100% !important;height: 8px !important;overflow: hidden !important;line-height: 8px !important;font-size: 11px !important;font-family: monospace;text-align: center;cursor: s-resize;}
|
.fc-agenda .ui-resizable-resizing{/* TODO: better selector*/_overflow: hidden;}
|
