vendor/assets/stylesheets/fullcalendar.css in fullcalendar-wrapper-rails-2.1.1 vs vendor/assets/stylesheets/fullcalendar.css in fullcalendar-wrapper-rails-2.6.0
- old
+ new
@@ -1,9 +1,9 @@
/*!
- * FullCalendar v2.1.1 Stylesheet
- * Docs & License: http://arshaw.com/fullcalendar/
- * (c) 2013 Adam Shaw
+ * FullCalendar v2.6.0 Stylesheet
+ * Docs & License: http://fullcalendar.io/
+ * (c) 2015 Adam Shaw
*/
.fc {
direction: ltr;
@@ -22,23 +22,23 @@
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
-.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
+.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
border-color: #ddd;
}
.fc-unthemed .fc-popover {
background-color: #fff;
}
-.fc-unthemed hr,
+.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
@@ -53,42 +53,109 @@
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}
+.fc-bgevent { /* default look for background events */
+ background: rgb(143, 223, 130);
+ opacity: .3;
+ filter: alpha(opacity=30); /* for IE */
+}
+.fc-nonbusiness { /* default look for non-business-hours areas */
+ /* will inherit .fc-bgevent's styles */
+ background: #d7d7d7;
+}
+
+
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
display: inline-block;
- font-size: 2em;
- line-height: .5em;
- height: .5em; /* will make the total height 1em */
+ width: 1em;
+ height: 1em;
+ line-height: 1em;
+ font-size: 1em;
+ text-align: center;
+ overflow: hidden;
font-family: "Courier New", Courier, monospace;
+
+ /* don't allow browser text-selection */
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+
+/*
+Acceptable font-family overrides for individual icons:
+ "Arial", sans-serif
+ "Times New Roman", serif
+
+NOTE: use percentage font sizes or else old IE chokes
+*/
+
+.fc-icon:after {
+ position: relative;
+ margin: 0 -1em; /* ensures character will be centered, regardless of width */
}
.fc-icon-left-single-arrow:after {
content: "\02039";
font-weight: bold;
+ font-size: 200%;
+ top: -7%;
+ left: 3%;
}
.fc-icon-right-single-arrow:after {
content: "\0203A";
font-weight: bold;
+ font-size: 200%;
+ top: -7%;
+ left: -3%;
}
.fc-icon-left-double-arrow:after {
content: "\000AB";
+ font-size: 160%;
+ top: -7%;
}
.fc-icon-right-double-arrow:after {
content: "\000BB";
+ font-size: 160%;
+ top: -7%;
}
+.fc-icon-left-triangle:after {
+ content: "\25C4";
+ font-size: 125%;
+ top: 3%;
+ left: -2%;
+}
+
+.fc-icon-right-triangle:after {
+ content: "\25BA";
+ font-size: 125%;
+ top: 3%;
+ left: 2%;
+}
+
+.fc-icon-down-triangle:after {
+ content: "\25BC";
+ font-size: 125%;
+ top: 2%;
+}
+
.fc-icon-x:after {
content: "\000D7";
+ font-size: 200%;
+ top: 6%;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
@@ -129,12 +196,13 @@
/* icons in buttons */
.fc button .fc-icon { /* non-theme */
position: relative;
- top: .05em; /* seems to be a good adjustment across browsers */
- margin: 0 .1em;
+ top: -0.05em; /* seems to be a good adjustment across browsers */
+ margin: 0 .2em;
+ vertical-align: middle;
}
/*
button states
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
@@ -217,11 +285,11 @@
.fc-popover {
position: absolute;
box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
-.fc-popover .fc-header {
+.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
margin: 0 2px;
@@ -247,12 +315,12 @@
border-width: 1px;
border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
- font-size: 25px;
- margin-top: 4px;
+ font-size: .9em;
+ margin-top: 2px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
@@ -261,23 +329,28 @@
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
-.fc hr {
+.fc-divider {
+ border-style: solid;
+ border-width: 1px;
+}
+
+hr.fc-divider {
height: 0;
margin: 0;
padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
- border-style: solid;
border-width: 1px 0;
}
.fc-clear {
clear: both;
}
.fc-bg,
+.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
/* these element should always cling to top-left/right corners */
position: absolute;
top: 0;
@@ -355,38 +428,49 @@
.fc-row .fc-bg {
z-index: 1;
}
-/* highlighting cells */
+/* highlighting cells & background event skeleton */
+.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
- z-index: 2;
bottom: 0; /* stretch skeleton to bottom of row */
}
+.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
height: 100%; /* stretch skeleton to bottom of row */
}
-.fc-row .fc-highlight-skeleton td {
+.fc-row .fc-highlight-skeleton td,
+.fc-row .fc-bgevent-skeleton td {
border-color: transparent;
}
+.fc-row .fc-bgevent-skeleton {
+ z-index: 2;
+
+}
+
+.fc-row .fc-highlight-skeleton {
+ z-index: 3;
+}
+
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
position: relative;
- z-index: 3;
+ z-index: 4;
padding-bottom: 2px; /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
- z-index: 4;
+ z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
/* see-through to the background below */
@@ -444,68 +528,114 @@
.fc-event[href],
.fc-event.fc-draggable {
cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}
+.fc-not-allowed, /* causes a "warning" cursor. applied on body */
+.fc-not-allowed .fc-event { /* to override an event's custom cursor */
+ cursor: not-allowed;
+}
-/* DayGrid events
-----------------------------------------------------------------------------------------------------
-We use the full "fc-day-grid-event" class instead of using descendants because the event won't
-be a descendant of the grid when it is being dragged.
-*/
+.fc-event .fc-bg { /* the generic .fc-bg already does position */
+ z-index: 1;
+ background: #fff;
+ opacity: .25;
+ filter: alpha(opacity=25); /* for IE */
+}
-.fc-day-grid-event {
- margin: 1px 2px 0; /* spacing between events and edges */
- padding: 0 1px;
+.fc-event .fc-content {
+ position: relative;
+ z-index: 2;
}
+.fc-event .fc-resizer {
+ position: absolute;
+ z-index: 3;
+}
+
+
+/* Horizontal Events
+--------------------------------------------------------------------------------------------------*/
+
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
-.fc-ltr .fc-day-grid-event.fc-not-start,
-.fc-rtl .fc-day-grid-event.fc-not-end {
+.fc-ltr .fc-h-event.fc-not-start,
+.fc-rtl .fc-h-event.fc-not-end {
margin-left: 0;
border-left-width: 0;
padding-left: 1px; /* replace the border with padding */
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
-.fc-ltr .fc-day-grid-event.fc-not-end,
-.fc-rtl .fc-day-grid-event.fc-not-start {
+.fc-ltr .fc-h-event.fc-not-end,
+.fc-rtl .fc-h-event.fc-not-start {
margin-right: 0;
border-right-width: 0;
padding-right: 1px; /* replace the border with padding */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
-.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
- white-space: nowrap;
- overflow: hidden;
+/* resizer */
+
+.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */
+ top: -1px;
+ bottom: -1px;
+ left: -1px;
+ right: -1px;
+ width: 5px;
}
-.fc-day-grid-event .fc-time {
- font-weight: bold;
+/* left resizer */
+.fc-ltr .fc-h-event .fc-start-resizer,
+.fc-ltr .fc-h-event .fc-start-resizer:before,
+.fc-ltr .fc-h-event .fc-start-resizer:after,
+.fc-rtl .fc-h-event .fc-end-resizer,
+.fc-rtl .fc-h-event .fc-end-resizer:before,
+.fc-rtl .fc-h-event .fc-end-resizer:after {
+ right: auto; /* ignore the right and only use the left */
+ cursor: w-resize;
}
-/* resize handle (outside of fc-content, so can go outside of bounds) */
+/* right resizer */
+.fc-ltr .fc-h-event .fc-end-resizer,
+.fc-ltr .fc-h-event .fc-end-resizer:before,
+.fc-ltr .fc-h-event .fc-end-resizer:after,
+.fc-rtl .fc-h-event .fc-start-resizer,
+.fc-rtl .fc-h-event .fc-start-resizer:before,
+.fc-rtl .fc-h-event .fc-start-resizer:after {
+ left: auto; /* ignore the left and only use the right */
+ cursor: e-resize;
+}
-.fc-day-grid-event .fc-resizer {
- position: absolute;
- top: 0;
- bottom: 0;
- width: 7px;
+
+/* DayGrid events
+----------------------------------------------------------------------------------------------------
+We use the full "fc-day-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+
+.fc-day-grid-event {
+ margin: 1px 2px 0; /* spacing between events and edges */
+ padding: 0 1px;
}
-.fc-ltr .fc-day-grid-event .fc-resizer {
- right: -3px;
- cursor: e-resize;
+
+.fc-day-grid-event .fc-content { /* force events to be one-line tall */
+ white-space: nowrap;
+ overflow: hidden;
}
-.fc-rtl .fc-day-grid-event .fc-resizer {
+.fc-day-grid-event .fc-time {
+ font-weight: bold;
+}
+
+.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */
left: -3px;
- cursor: w-resize;
+ right: -3px;
+ width: 7px;
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
@@ -540,10 +670,19 @@
.fc-more-popover .fc-event-container {
padding: 10px;
}
+
+/* Now Indicator
+--------------------------------------------------------------------------------------------------*/
+
+.fc-now-indicator {
+ position: absolute;
+ border: 0 solid red;
+}
+
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
text-align: center;
@@ -633,11 +772,11 @@
/* we are sure there are no day numbers in these views, so... */
padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}
-.fc-basic-view tbody .fc-row {
+.fc-basic-view .fc-body .fc-row {
min-height: 4em; /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
@@ -756,40 +895,67 @@
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
position: relative;
z-index: 2;
}
-.fc-time-grid .fc-highlight-skeleton {
- z-index: 3;
+.fc-time-grid .fc-content-col {
+ position: relative; /* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
position: absolute;
- z-index: 4;
+ z-index: 3;
top: 0;
left: 0;
right: 0;
}
-.fc-time-grid > .fc-helper-skeleton {
+/* divs within a cell within the fc-content-skeleton */
+
+.fc-time-grid .fc-business-container {
+ position: relative;
+ z-index: 1;
+}
+
+.fc-time-grid .fc-bgevent-container {
+ position: relative;
+ z-index: 2;
+}
+
+.fc-time-grid .fc-highlight-container {
+ position: relative;
+ z-index: 3;
+}
+
+.fc-time-grid .fc-event-container {
+ position: relative;
+ z-index: 4;
+}
+
+.fc-time-grid .fc-now-indicator-line {
z-index: 5;
}
+.fc-time-grid .fc-helper-container { /* also is fc-event-container */
+ position: relative;
+ z-index: 6;
+}
+
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
-.fc-slats td {
+.fc-time-grid .fc-slats td {
height: 1.5em;
border-bottom: 0; /* each cell is responsible for its top border */
}
-.fc-slats .fc-minor td {
+.fc-time-grid .fc-slats .fc-minor td {
border-top-style: dotted;
}
-.fc-slats .ui-widget-content { /* for jqui theme */
+.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
background: none; /* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
@@ -808,80 +974,75 @@
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
-.fc-time-grid .fc-event-container { /* a div within a cell within the fc-content-skeleton */
- position: relative;
-}
-
.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
margin: 0 2px 0 2.5%;
}
-.fc-time-grid .fc-event {
+.fc-time-grid .fc-event,
+.fc-time-grid .fc-bgevent {
position: absolute;
z-index: 1; /* scope inner z-index's */
}
+.fc-time-grid .fc-bgevent {
+ /* background events always span full width */
+ left: 0;
+ right: 0;
+}
-/* TimeGrid Event Styling
-----------------------------------------------------------------------------------------------------
-We use the full "fc-time-grid-event" class instead of using descendants because the event won't
-be a descendant of the grid when it is being dragged.
-*/
-.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
+/* Generic Vertical Event
+--------------------------------------------------------------------------------------------------*/
+
+.fc-v-event.fc-not-start { /* events that are continuing from another day */
/* replace space made by the top border with padding */
border-top-width: 0;
padding-top: 1px;
/* remove top rounded corners */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
-.fc-time-grid-event.fc-not-end {
+.fc-v-event.fc-not-end {
/* replace space made by the top border with padding */
border-bottom-width: 0;
padding-bottom: 1px;
/* remove bottom rounded corners */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
+
+/* TimeGrid Event Styling
+----------------------------------------------------------------------------------------------------
+We use the full "fc-time-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+
.fc-time-grid-event {
overflow: hidden; /* don't let the bg flow over rounded corners */
}
-.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
- position: relative;
- z-index: 2; /* above the bg */
-}
-
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
padding: 0 1px;
}
.fc-time-grid-event .fc-time {
font-size: .85em;
white-space: nowrap;
}
-.fc-time-grid-event .fc-bg {
- z-index: 1;
- background: #fff;
- opacity: .25;
- filter: alpha(opacity=25); /* for IE */
-}
-
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
/* don't wrap to second line (now that contents will be inline) */
white-space: nowrap;
@@ -912,12 +1073,10 @@
}
/* resizer */
.fc-time-grid-event .fc-resizer {
- position: absolute;
- z-index: 3; /* above content */
left: 0;
right: 0;
bottom: 0;
height: 8px;
overflow: hidden;
@@ -928,6 +1087,38 @@
cursor: s-resize;
}
.fc-time-grid-event .fc-resizer:after {
content: "=";
+}
+
+
+/* Now Indicator
+--------------------------------------------------------------------------------------------------*/
+
+.fc-time-grid .fc-now-indicator-line {
+ border-top-width: 1px;
+ left: 0;
+ right: 0;
+}
+
+/* arrow on axis */
+
+.fc-time-grid .fc-now-indicator-arrow {
+ margin-top: -5px; /* vertically center on top coordinate */
+}
+
+.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
+ left: 0;
+ /* triangle pointing right... */
+ border-width: 5px 0 5px 6px;
+ border-top-color: transparent;
+ border-bottom-color: transparent;
+}
+
+.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
+ right: 0;
+ /* triangle pointing left... */
+ border-width: 5px 6px 5px 0;
+ border-top-color: transparent;
+ border-bottom-color: transparent;
}