3728ffaddc
upgraded full calendar to 1.5.3 so that it works with jquery 1.7.1 need to replace context menu on the page, old one doesn't work anymore anyways.
618 lines
10 KiB
CSS
618 lines
10 KiB
CSS
/*
|
|
* 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
|
|
*
|
|
*/
|
|
|
|
|
|
.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 td {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.fc-header-left {
|
|
width: 25%;
|
|
text-align: left;
|
|
}
|
|
|
|
.fc-header-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.fc-header-right {
|
|
width: 25%;
|
|
text-align: right;
|
|
}
|
|
|
|
.fc-header-title {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.fc-header-title h2 {
|
|
margin-top: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.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, /* <th>, usually */
|
|
.fc-widget-content { /* <td>, usually */
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
|
|
background: #ffc;
|
|
}
|
|
|
|
.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;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fc-state-default { /* non-theme */
|
|
border-style: solid;
|
|
border-width: 1px 0;
|
|
}
|
|
|
|
.fc-button-inner {
|
|
position: relative;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fc-state-default .fc-button-inner { /* non-theme */
|
|
border-style: solid;
|
|
border-width: 0 1px;
|
|
}
|
|
|
|
.fc-button-content {
|
|
position: relative;
|
|
float: left;
|
|
height: 1.9em;
|
|
line-height: 1.9em;
|
|
padding: 0 .6em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* icon (for jquery ui) */
|
|
|
|
.fc-button-content .fc-icon-wrap {
|
|
position: relative;
|
|
float: left;
|
|
top: 50%;
|
|
}
|
|
|
|
.fc-button-content .ui-icon {
|
|
position: relative;
|
|
float: left;
|
|
margin-top: -50%;
|
|
*margin-top: 0;
|
|
*top: -50%;
|
|
}
|
|
|
|
/* gloss effect */
|
|
|
|
.fc-state-default .fc-button-effect {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
}
|
|
|
|
.fc-state-default .fc-button-effect span {
|
|
position: absolute;
|
|
top: -100px;
|
|
left: 0;
|
|
width: 500px;
|
|
height: 100px;
|
|
border-width: 100px 0 0 1px;
|
|
border-style: solid;
|
|
border-color: #fff;
|
|
background: #444;
|
|
opacity: .09;
|
|
filter: alpha(opacity=9);
|
|
}
|
|
|
|
/* button states (determines colors) */
|
|
|
|
.fc-state-default,
|
|
.fc-state-default .fc-button-inner {
|
|
border-style: solid;
|
|
border-color: #ccc #bbb #aaa;
|
|
background: #F3F3F3;
|
|
color: #000;
|
|
}
|
|
|
|
.fc-state-hover,
|
|
.fc-state-hover .fc-button-inner {
|
|
border-color: #999;
|
|
}
|
|
|
|
.fc-state-down,
|
|
.fc-state-down .fc-button-inner {
|
|
border-color: #555;
|
|
background: #777;
|
|
}
|
|
|
|
.fc-state-active,
|
|
.fc-state-active .fc-button-inner {
|
|
border-color: #555;
|
|
background: #777;
|
|
color: #fff;
|
|
}
|
|
|
|
.fc-state-disabled,
|
|
.fc-state-disabled .fc-button-inner {
|
|
color: #999;
|
|
border-color: #ddd;
|
|
}
|
|
|
|
.fc-state-disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
.fc-state-disabled .fc-button-effect {
|
|
display: 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: #36c; /* default BORDER color */
|
|
background-color: #36c; /* default BACKGROUND color */
|
|
color: #fff; /* default TEXT color */
|
|
}
|
|
|
|
.fc-event-inner {
|
|
position: relative;
|
|
width: 100%;
|
|
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;
|
|
}
|
|
|
|
.fc-grid .fc-day-number {
|
|
float: right;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.fc-agenda .fc-agenda-axis {
|
|
width: 50px;
|
|
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; /* TODO: doesnt work well in quirksmode */
|
|
_height: 34px;
|
|
}
|
|
|
|
/* divider (between all-day and slots) */
|
|
|
|
.fc-agenda-divider-inner {
|
|
height: 2px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fc-widget-header .fc-agenda-divider-inner {
|
|
background: #eee;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
|