// Generated by compass-jquery-plugin/gem-tasks/ical.rake /***************************************************************************** * FILE: anytime.css - The Any+Time(TM) JavaScript Library (stylesheet) * * VERSION: 4.1112H * * Copyright 2008-2010 Andrew M. Andrews III (www.AMA3.com). Some Rights * Reserved. This work licensed under the Creative Commons Attribution- * Noncommercial-Share Alike 3.0 Unported License except in jurisdicitons * for which the license has been ported by Creative Commons International, * where the work is licensed under the applicable ported license instead. * For a copy of the unported license, visit * http://creativecommons.org/licenses/by-nc-sa/3.0/ * or send a letter to Creative Commons, 171 Second Street, Suite 300, * San Francisco, California, 94105, USA. For ported versions of the * license, visit http://creativecommons.org/international/ * * Alternative licensing arrangements may be made by contacting the * author at http://www.AMA3.com/contact/ * * This file provides default styling for the Any+Time JavaScript Library's * calendar widget. The styles within can be overridden to customize the * picker's appearance for a particular platform. jQuery UI styles (such * as those created by jQuery ThemeRoller) will override the styles in this * stylesheet. * * These styles have been tested (but not extensively) on Windows Vista in * Internet Explorer 8.0, Firefox 3.0, Opera 10.10 and Safari 4.0. Minor * variations in IE older versions of IE are to be expected, due to its * broken box model. Please report any other problems to the author via * the URL above. * * Any+Time is a trademark of Andrew M. Andrews III. ****************************************************************************/ /* * The following styles ascertain that the types of elements used by * our picker have reasonable styles, especially font, font-size, * list-style-type, margin and padding. */ .AnyTime-pkr * { border: 0; font: inherit; font-size: x-small; font-style: normal; font-weight: normal; list-style-type: none; margin: 0; padding: 0; white-space: nowrap; } /* * .AnyTime-win simulates a "window" that might be a popup or inline. * Styles should include background-color and border. A window should * be sized according to its contents; therefore, width and height * should NOT be specified. */ div.AnyTime-win { background-color: #F0F0F1; border: 3px solid #C0C0C0; font: normal normal normal xx-small / normal sans-serif; padding-bottom: 0.2em; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* * .AnyTime-pkr is the Date/Time picker, inserted into the page immediately * after the input (text field) to which it corresponds. The picker * attempts to size itself automatically based on its format fields; * therefore, do NOT set width or height. This is empty by default, * because .AnyTime-win styles provide consistent window appearance. */ .AnyTime-pkr { .AnyTime-cloak { background-color: #D7D7D7; opacity: 0.7; filter: alpha(opacity = 70); } .AnyTime-hdr { background-color: #D0D0D1; color: #606062; font-family: Arial,Helvetica,sans-serif; font-size: medium; font-weight: normal; height: 1em; margin: 0; padding: 0 0 0.4em 0; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .AnyTime-x-btn { background-color: #FCFCFF; border: 1px solid #F99; color: #FF9F9F; cursor: default; float: right; margin: 0.3em; text-align: center; width: 1.5em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; } .AnyTime-btn { background-color: #FCFCFE; border: 1px solid #999; color: #606062; cursor: default; float: left; font-family: Arial,Helvetica,sans-serif; height: 1.5em; margin-bottom: 1px; margin-right: 1px; padding-top: 0.1em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; } .AnyTime-body { padding: 0.5em; } .AnyTime-date { float: left; padding: 0 0.5em; } .AnyTime-lbl { clear: left; color: #606063; font-family: Arial,Helvetica,sans-serif; font-size: 100%; font-weight: normal; font-style: normal; height: 1.3em; margin: 0; padding: 0; text-align: center; } .AnyTime-lbl-yr, .AnyTime-lbl-mon, .AnyTime-lbl-dom, .AnyTime-lbl-hr, .AnyTime-lbl-min, .AnyTime-lbl-sec {} .AnyTime-yrs { height: 2.6em; text-align: center; width: 18.6em; } .AnyTime-yrs-past-btn { width: 2.7em; } .AnyTime-yr-prior-btn, .AnyTime-yr-cur-btn, .AnyTime-yr-next-btn { width: 3.75em; } .AnyTime-yrs-ahead-btn { width: 2.7em; } .AnyTime-mons { height: 4.8em; text-align: center; width: 18.8em; } .AnyTime-mon-btn { width: 2.75em; } .AnyTime-mon1-btn, .AnyTime-mon2-btn, .AnyTime-mon3-btn, .AnyTime-mon4-btn, .AnyTime-mon5-btn, .AnyTime-mon6-btn, .AnyTime-mon8-btn, .AnyTime-mon9-btn, .AnyTime-mon10-btn, .AnyTime-mon11-btn, .AnyTime-mon12-btn {} .AnyTime-mon7-btn { clear: left; } .AnyTime-dom-table { background-color: #F0F0F1; border: 1px solid #E3E3E4; border-spacing: 1px; width: 18.6em; } .AnyTime-dom-head, tr.AnyTime-dow {} th.AnyTime-dow { background-color: #C0C0C1; color: white; font-family: Arial,Helvetica,sans-serif; font-size: 95%; font-weight: normal; font-style: normal; } .AnyTime-dow1, .AnyTime-dow2, .AnyTime-dow3, .AnyTime-dow4, .AnyTime-dow5, .AnyTime-dow6, .AnyTime-dow7, .AnyTime-dom-body, .AnyTime-wk, .AnyTime-wk1, .AnyTime-wk2, .AnyTime-wk3, .AnyTime-wk4, .AnyTime-wk5, .AnyTime-wk6 {} .AnyTime-dom-btn { float: none; height: 1.7em; text-align: right; padding: 0 0.5em 0 0; } .AnyTime-dom-btn-filled {} .AnyTime-dom-btn-empty { background-color: #F3F3F4; border: 1px solid #C0C0c1; } .AnyTime-dom-btn-empty-above-filled, .AnyTime-dom-btn-empty-before-filled, .AnyTime-dom-btn-empty-after-filled, .AnyTime-dom-btn-empty-below-filled {} .AnyTime-time { float: left; padding: 0 0 0 1em; text-align: center; } .AnyTime-hrs { float: left; padding-left: 0.5em; padding-right: 0.5em; text-align: center; width: 7.2em; } .AnyTime-hrs-am, .AnyTime-hrs-pm { float: left; width: 3.6em; } .AnyTime-hr-btn { text-align: right; padding-right: 0.25em; width: 3em; } .AnyTime-hr0-btn, .AnyTime-hr1-btn, .AnyTime-hr2-btn, .AnyTime-hr3-btn, .AnyTime-hr4-btn, .AnyTime-hr5-btn, .AnyTime-hr6-btn, .AnyTime-hr7-btn, .AnyTime-hr8-btn, .AnyTime-hr9-btn, .AnyTime-hr10-btn, .AnyTime-hr11-btn, .AnyTime-hr12-btn, .AnyTime-hr13-btn, .AnyTime-hr14-btn, .AnyTime-hr15-btn, .AnyTime-hr16-btn, .AnyTime-hr17-btn, .AnyTime-hr18-btn, .AnyTime-hr19-btn, .AnyTime-hr20-btn, .AnyTime-hr21-btn, .AnyTime-hr22-btn, .AnyTime-hr23-btn {} .AnyTime-mins { float: left; padding-left: 0.5em; padding-right: 0.5em; text-align: center; width: 4.7em; } .AnyTime-mins-tens, .AnyTime-mins-ones { float: left; width: 2.3em; } .AnyTime-min-ten-btn, .AnyTime-min-one-btn { float: left; text-align: center; width: 2em; } .AnyTime-min-ten-btn-empty, .AnyTime-min-one-btn-empty { background-color: #F3F3F4; border: 1px solid #C0C0c1; } .AnyTime-min00-btn, .AnyTime-min10-btn, .AnyTime-min0-btn, .AnyTime-min1-btn {} .AnyTime-secs { float: left; padding-left: 0.5em; padding-right: 0.5em; text-align: center; width: 4.7em; } .AnyTime-secs-tens, .AnyTime-secs-ones { float: left; width: 2.3em; } .AnyTime-sec-ten-btn, .AnyTime-sec-one-btn { float: left; text-align: center; width: 2em; } .AnyTime-sec-ten-btn-empty, .AnyTime-sec-one-btn-empty { background-color: #F3F3F4; border: 1px solid #C0C0c1; } .AnyTime-sec00-btn, .AnyTime-sec10-btn, .AnyTime-sec0-btn, .AnyTime-sec1-btn {} .AnyTime-offs { clear: left; float: left; padding-left: 0.5em; padding-top: 0.5em; text-align: center; } .AnyTime-off-btn, .AnyTime-off-cur-btn {} .AnyTime-off-select-btn { width: 1.5em; } .AnyTime-yr-selector, .AnyTime-hdr-yr-selector {} .AnyTime-body-yr-selector { padding: 1em; } .AnyTime-yr-mil, .AnyTime-yr-cent, .AnyTime-yr-dec, .AnyTime-yr-yr { float: left; width: 2.5em; } .AnyTime-mil-btn, .AnyTime-cent-btn, .AnyTime-dec-btn, .AnyTime-yr-btn { float: left; text-align: center; width: 2em; } .AnyTime-mil0-btn, .AnyTime-mil1-btn, .AnyTime-cent0-btn, .AnyTime-cent1-btn, .AnyTime-dec0-btn, .AnyTime-dec1-btn, .AnyTime-yr0-btn, .AnyTime-yr1-btn {} .AnyTime-yr-era { float: left; padding-left: 1em; width: 4.1em; } .AnyTime-era-btn { text-align: center; width: 3em; } .AnyTime-bce-btn, .AnyTime-ce-btn, .AnyTime-off-selector, .AnyTime-hdr-off-selector {} .AnyTime-body-off-selector { margin: 0.5em; } .AnyTime-off-off {} .AnyTime-off-off-btn { clear: left; padding-left: 1em; padding-right: 1em; text-align: left; } .AnyTime-off-off-last-btn {} .AnyTime-cur-btn { border: 1px solid #333334; background-color: #C0C0C1; color: #FCFCFE; font-weight: bold; } .AnyTime-out-btn { background-color: #F0F0F1; border: 1px solid #C0C0c1; } .AnyTime-focus-btn { border: 1px dashed black; } } /* * .AnyTime-cloak covers an AnyTime-pkr whenever an AnyTime-yr-selector is placed over * it. The picker cannot be accessed until the AnyTime-yr-selector has been * dismissed (possibly by clicking the AnyTime-cloak). The style usually * includes a background-color and opacity (and filter for MSIE opacity). */ /* * .AnyTime-hdr is the title bar at the top of a "window." In addition to * the title label, the title bar for popup (non-inline) pickers also * contains .AnyTime-x-btn. */ /* * .AnyTime-x-btn is a pseudo-button that, when clicked, causes the entire * picker to disappear (the picker also disappears if the user clicks * almost anywhere off of it, or presses ESC). This is designed to have, * at minumum, a border and float:right. */ /* * .AnyTime-btn is a pseudo-button for selection of a format field value. * Both height and float:left should be specified, but width is usually * left for different variations to specify (see classes .AnyTime-***-btn). */ /* * .AnyTime-body contains everything in thee picker except the title bar. * Because the picker attempts to size itself automatically based on * its format fields, do not width or height. */ /* * .AnyTime-date contains all content (labels and pseudo-buttons) for selecting * a date (or part thereof). It is designed to be float:left and should * have a small amount of paddding. */ /* * .AnyTime-lbl headings appear before each group of pseudo-buttons for a * particular format field. Each specific label has a class, also. * Styles clear:left and height should be specified here. */ /* * .AnyTime-yrs contains the year-selection pseudo-buttons. * A height and width should be specified. */ /* * Following are classes for the pseudo-buttons within .AnyTime-yrs * A width should be specified for each. */ /* * .AnyTime-mons * .AnyTime-mons contains the month-selection pseudo-buttons. * A height and width should be specified. */ /* * .AnyTime-mon-btn is for the pseudo-buttons within .AnyTime-mons * A width should be specified. * Each pseudo-button also has a class of its own. */ /* * .AnyTime-dom-table is the table containing days-of-the-month. * .AnyTime-dom-head is the table heading, containing days-of-the-week labels. * tr.AnyTime-dow is the row in the heading. * td.AnyTime-dow is a column heading; each heading has its own class, also. * .AnyTime-dom-body is the table heading, containing days-of-the-week labels. * .AnyTime-wk is a table row, containing pseudo-buttons for days. * Each week has its own class (.AnyTime-wk***), also. */ /* * .AnyTime-dom-btn is a pseudo-button for a day-of-the-month. * Styles width, text-align:right and float:none should be specified. * .AnyTime-dom-btn-filled is a button containing a specific day-of-the-month. * .AnyTime-dom-btn-empty is a button for an empty cell (no day-of-the-month). * .AnyTime-dom-btn-empty-above-filled is an empty button above a filled button. * .AnyTime-dom-btn-empty-before-filled is empty, left of a filled button. * .AnyTime-dom-btn-empty-after-filled is empty, right of a filled button. * .AnyTime-dom-btn-empty-below-filled is empty, below a filled button. */ /* * .AnyTime-time contains all content (labels and pseudo-buttons) for selecting * a time (or part thereof). It is designed to be float:left and should * have a small amount of paddding. */ /* * .AnyTime-hrs contains two columns (.AnyTime-hrs-am and .AnyTime-hrs-pm) of * pseudo-buttons for selecting hours. It is designed to be float:left, have * a width and padding. The columns should each have width and float:left. */ /* * .AnyTime-hr-btn is a pseudo-button for selecting an hour. * Style should include width. * Each button also has a style of its own. */ /* * .AnyTime-mins contains two columns (.AnyTime-mins-tens and .AnyTime-mins-ones) * of pseudo-buttons for selecting minutes. * It is designed to be float:left, have a width and padding. * The columns should each have width and float:left. */ /* * .AnyTime-min-ten-btn is a button in the .AnyTime-mins-tens column. * .AnyTime-min-one-btn is a button in the .AnyTime-ones-tens column. * A width should be specified. * Each button also has its own style. */ /* * .AnyTime-secs contains two columns (.AnyTime-secs-tens and .AnyTime-secs-ones) * of pseudo-buttons for selecting seconds. * It is designed to be float:left, have a width and padding. * The columns should each have width and float:left. */ /* * .AnyTime-sec-ten-btn is a button in the .AnyTime-secs-tens column. * .AnyTime-sec-one-btn is a button in the .AnyTime-ones-tens column. * A width should be specified. * Each button also has its own style. */ /* * .AnyTime-offs contains the UTC offset (timezone) selection pseudo-buttons. * The container is designed to have clear:left, float:left and padding. * The two buttons have their own styles, and .AnyTime-off-select-btn should * include a width. * The width of the container and the .AnyTime-off-cur-btn should not be * specified, as they are computed based on the width of the * .AnyTime-off-select-btn and the .AnyTime-time container. */ /* * .AnyTime-yr-selector is an overlay (popup) for selecting a specific year. * The picker attempts to size the overlay automatically, based on * whether "era" buttons are displayed; therefore, do not set width. * AnyTime-hdr-yr-selector is its title bar. * AnyTime-body-yr-selector is its body. */ /* * .AnyTime-yr-mil is the column of millenium-selector pseudo-buttons. * .AnyTime-yr-cent is the column of century-selector pseudo-buttons. * .AnyTime-yr-dec is the column of decade-selector pseudo-buttons. * .AnyTime-yr-yr is the column of year-selector pseudo-buttons. * A width and float:left should be specified for each. * * .AnyTime-mil-btn is a millenium-selector button. * .AnyTime-cent-btn is a century-selector button. * .AnyTime-dec-btn is a decade-selector button. * .AnyTime-yr-btn is a year-selector button. * Each button has its own class, also. */ /* * .AnyTime-yr-era contains the column of era-selection pseudo-buttons. * A width and float:left should be specified. * Each era button has class .AnyTime-era-btn (with width) as well as * its own class. */ /* * .AnyTime-off-selector is an overlay (popup) for selecting a specific year. * The picker attempts to size the overlay automatically, based on * its contents; therefore, do not set width. * .AnyTime-hdr-off-selector is its title bar. * .AnyTime-body-off-selector is its body. * .AnyTime-off-off is the column of offset-selector pseudo-buttons. * .AnyTime-off-off-btn is an offset-selector pseudo-button. * .AnyTime-off-off-last-btn is the last offset-selector pseudo-button. */ /* * .AnyTime-cur-btn is applied to every pseudo-button that represents * a currently-selected value. They should stand out from the other * buttons, using a different background-color, border, color, font, * font-style and/or font-weight. Note that color alone is not * sufficient for color-blind users to differentiate the buttons. */ /* * .AnyTime-out-btn is applied to every pseudo-button that represents * a value that should not be selected because it would make the value. * out-of-range. Typically, this is to give it a "grayed-out" appearance. * Note that color alone is not sufficient for color-blind users to * differentiate the buttons, but since there's no harm in pressing these * buttons, it's probably no big deal. */ /* * .AnyTime-focus-btn is applied to the single pseudo-button that appears to * have keyboard focus. It should stand out from all other buttons, * using a different background-color, border, color, font, font-style * and/or font-weight. Note that color alone is not sufficient for * color-blind users to differentiate the button. Because most UIs * represent focus using a dashed or dotted border, this is recommended. */ /* * END OF FILE */ /* * FullCalendar v1.4.11 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. * * Date: Tue Feb 22 21:47:22 2011 -0800 * */ /* TODO: make font sizes look the same in all doctypes */ .fc { font-size: 1em; .fc-header, .fc-content { font-size: 1em; } direction: ltr; text-align: left; table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; vertical-align: top; } } /* Header ------------------------------------------------------------------------*/ table.fc-header { width: 100%; } .fc-header-left { width: 25%; table { float: left; } } .fc-header-center { width: 50%; text-align: center; table { margin: 0 auto; } } .fc-header-right { width: 25%; 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, .ui-state-default { margin-bottom: 1em; cursor: pointer; } .fc-state-default { border-width: 1px 0; padding: 0 1px; border-style: solid; a { border-style: solid; display: block; border-width: 0 1px; margin: 0 -1px; width: 100%; text-decoration: none; } span { display: block; border-style: solid; border-width: 1px 0 1px 1px; padding: 3px 5px; } } .ui-state-default { padding: 4px 6px; } .fc-state-default span, .ui-state-default span { white-space: nowrap; } .fc-no-right { padding-right: 0; a { margin-right: 0; border-right: 0; } } .ui-no-right { border-right: 0; } .fc-corner-left { margin-left: 1px; padding-left: 0; } .fc-corner-right { margin-right: 1px; padding-right: 0; } .fc-state-default { border-color: #777; /* outer border */ color: #333; a { border-color: #777; /* outer border */ color: #333; } span { border-color: #fff #fff #d1d1d1; /* inner border */ background: #e8e8e8; } } .fc-state-active a { color: #fff; } .fc-state-down span, .fc-state-active span { background: #888; border-color: #808080 #808080 #909090; /* inner border */ } .fc-state-disabled { a { color: #999; border-color: #ccc; /* outer border */ } border-color: #ccc; /* outer border */ span { border-color: #fff #fff #f0f0f0; /* inner border */ background: #f0f0f0; } } } /* for adjacent buttons */ /* for fake rounded corners */ /* DEFAULT button COLORS */ /* PRESSED button COLORS (down and active) */ /* DISABLED button COLORS */ /* Content Area & Global Cell Styles ------------------------------------------------------------------------*/ .fc-widget-content { border: 1px solid #ccc; /* outer border color */ } .fc-content { clear: both; .fc-state-default { border-style: solid; border-color: #ccc; /* inner border color */ } .fc-state-highlight { /* today */ background: #ffc; } .fc-not-today { /* override jq-ui highlight (TODO: ui-widget-content) */ 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 { 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 */ } .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 */ overflow: hidden; font-size: .85em; text-decoration: none; cursor: pointer; } text-align: left; } /* 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-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 { /*** TODO: don't use ui-resizable anoymore, change class ***/ 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; a { border-width: 0; } } /* for fake rounded corners */ .fc-content { .fc-corner-left { margin-left: 1px; a { margin-left: -1px; border-left-width: 1px; } } .fc-corner-right { margin-right: 1px; 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; } .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid table { width: 100%; } .fc .fc-grid { th { border-width: 0 0 0 1px; text-align: center; } td { border-width: 1px 0 0 1px; } } .fc-grid { th.fc-leftmost, td.fc-leftmost { border-left: 0; } .fc-day-number { float: right; padding: 0 2px; } .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-day-content { clear: both; padding: 2px 2px 0; /* distance between events and day edges */ } .fc-event-time { font-weight: bold; } } /* event styles */ /* right-to-left */ .fc-rtl .fc-grid { direction: rtl; .fc-day-number { float: left; } .fc-event-time { float: right; } } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc .fc-agenda { th, td { border-width: 1px 0 0 1px; } .fc-leftmost { border-left: 0; } } .fc-agenda tr.fc-first { th, td { border-top: 0; } } .fc-agenda-head tr.fc-last th { border-bottom-width: 1px; } .fc { .fc-agenda-head td, .fc-agenda-body td { background: none; } } .fc-agenda-head th { text-align: center; } /* the time axis running down the left side */ .fc-agenda .fc-axis { width: 50px; padding: 0 4px; vertical-align: middle; white-space: nowrap; text-align: right; font-weight: normal; } /* all-day event cells at top */ .fc-agenda-head { tr.fc-all-day th { height: 35px; } td { padding-bottom: 10px; } } .fc { .fc-divider { div { font-size: 1px; /* for IE6/7 */ height: 2px; } .fc-state-default { background: #eee; /* color for divider between all-day and time-slot events */ } } .fc-agenda-body { td div { height: 20px; /* slot height */ } tr.fc-minor { th, td { border-top-style: dotted; } } } } /* body styles */ .fc-agenda .fc-day-content { padding: 2px 2px 0; /* distance between events and day edges */ } /* vertical background columns */ .fc .fc-agenda-bg .ui-state-highlight { background-image: none; /* tall column, don't want repeating background image */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; a { border-width: 0; } } /* for fake rounded corners */ .fc-content { .fc-corner-top { margin-top: 1px; a { margin-top: -1px; border-top-width: 1px; } } .fc-corner-bottom { margin-bottom: 1px; a { margin-bottom: -1px; border-bottom-width: 1px; } } } /* event content */ .fc-event-vert { span { display: block; position: relative; z-index: 2; &.fc-event-time { white-space: nowrap; _white-space: normal; overflow: hidden; border: 0; font-size: 10px; } &.fc-event-title { line-height: 13px; } &.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); /* for IE */ } } .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } } /* resizable */