Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*! |
| 2 | * FullCalendar v2.1.1 Print Stylesheet |
||
| 3 | * Docs & License: http://arshaw.com/fullcalendar/ |
||
| 4 | * (c) 2013 Adam Shaw |
||
| 5 | */ |
||
| 6 | |||
| 7 | /* |
||
| 8 | * Include this stylesheet on your page to get a more printer-friendly calendar. |
||
| 9 | * When including this stylesheet, use the media='print' attribute of the <link> tag. |
||
| 10 | * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css. |
||
| 11 | */ |
||
| 12 | |||
| 13 | .fc { |
||
| 14 | max-width: 100% !important; |
||
| 15 | } |
||
| 16 | |||
| 17 | |||
| 18 | /* Global Event Restyling |
||
| 19 | --------------------------------------------------------------------------------------------------*/ |
||
| 20 | |||
| 21 | .fc-event { |
||
| 22 | background: #fff !important; |
||
| 23 | color: #000 !important; |
||
| 24 | page-break-inside: avoid; |
||
| 25 | } |
||
| 26 | |||
| 27 | .fc-event .fc-resizer { |
||
| 28 | display: none; |
||
| 29 | } |
||
| 30 | |||
| 31 | |||
| 32 | /* Table & Day-Row Restyling |
||
| 33 | --------------------------------------------------------------------------------------------------*/ |
||
| 34 | |||
| 35 | th, |
||
| 36 | td, |
||
| 37 | hr, |
||
| 38 | thead, |
||
| 39 | tbody, |
||
| 40 | .fc-row { |
||
| 41 | border-color: #ccc !important; |
||
| 42 | background: #fff !important; |
||
| 43 | } |
||
| 44 | |||
| 45 | /* kill the overlaid, absolutely-positioned common components */ |
||
| 46 | .fc-bg, |
||
| 47 | .fc-highlight-skeleton, |
||
| 48 | .fc-helper-skeleton { |
||
| 49 | display: none; |
||
| 50 | } |
||
| 51 | |||
| 52 | /* don't force a min-height on rows (for DayGrid) */ |
||
| 53 | .fc tbody .fc-row { |
||
| 54 | height: auto !important; /* undo height that JS set in distributeHeight */ |
||
| 55 | min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */ |
||
| 56 | } |
||
| 57 | |||
| 58 | .fc tbody .fc-row .fc-content-skeleton { |
||
| 59 | position: static; /* undo .fc-rigid */ |
||
| 60 | padding-bottom: 0 !important; /* use a more border-friendly method for this... */ |
||
| 61 | } |
||
| 62 | |||
| 63 | .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */ |
||
| 64 | padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */ |
||
| 65 | } |
||
| 66 | |||
| 67 | .fc tbody .fc-row .fc-content-skeleton table { |
||
| 68 | /* provides a min-height for the row, but only effective for IE, which exaggerates this value, |
||
| 69 | making it look more like 3em. for other browers, it will already be this tall */ |
||
| 70 | height: 1em; |
||
| 71 | } |
||
| 72 | |||
| 73 | |||
| 74 | /* Undo month-view event limiting. Display all events and hide the "more" links |
||
| 75 | --------------------------------------------------------------------------------------------------*/ |
||
| 76 | |||
| 77 | .fc-more-cell, |
||
| 78 | .fc-more { |
||
| 79 | display: none !important; |
||
| 80 | } |
||
| 81 | |||
| 82 | .fc tr.fc-limited { |
||
| 83 | display: table-row !important; |
||
| 84 | } |
||
| 85 | |||
| 86 | .fc td.fc-limited { |
||
| 87 | display: table-cell !important; |
||
| 88 | } |
||
| 89 | |||
| 90 | .fc-popover { |
||
| 91 | display: none; /* never display the "more.." popover in print mode */ |
||
| 92 | } |
||
| 93 | |||
| 94 | |||
| 95 | /* TimeGrid Restyling |
||
| 96 | --------------------------------------------------------------------------------------------------*/ |
||
| 97 | |||
| 98 | /* undo the min-height 100% trick used to fill the container's height */ |
||
| 99 | .fc-time-grid { |
||
| 100 | min-height: 0 !important; |
||
| 101 | } |
||
| 102 | |||
| 103 | /* don't display the side axis at all ("all-day" and time cells) */ |
||
| 104 | .fc-agenda-view .fc-axis { |
||
| 105 | display: none; |
||
| 106 | } |
||
| 107 | |||
| 108 | /* don't display the horizontal lines */ |
||
| 109 | .fc-slats, |
||
| 110 | .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */ |
||
| 111 | display: none !important; /* important overrides inline declaration */ |
||
| 112 | } |
||
| 113 | |||
| 114 | /* let the container that holds the events be naturally positioned and create real height */ |
||
| 115 | .fc-time-grid .fc-content-skeleton { |
||
| 116 | position: static; |
||
| 117 | } |
||
| 118 | |||
| 119 | /* in case there are no events, we still want some height */ |
||
| 120 | .fc-time-grid .fc-content-skeleton table { |
||
| 121 | height: 4em; |
||
| 122 | } |
||
| 123 | |||
| 124 | /* kill the horizontal spacing made by the event container. event margins will be done below */ |
||
| 125 | .fc-time-grid .fc-event-container { |
||
| 126 | margin: 0 !important; |
||
| 127 | } |
||
| 128 | |||
| 129 | |||
| 130 | /* TimeGrid *Event* Restyling |
||
| 131 | --------------------------------------------------------------------------------------------------*/ |
||
| 132 | |||
| 133 | /* naturally position events, vertically stacking them */ |
||
| 134 | .fc-time-grid .fc-event { |
||
| 135 | position: static !important; |
||
| 136 | margin: 3px 2px !important; |
||
| 137 | } |
||
| 138 | |||
| 139 | /* for events that continue to a future day, give the bottom border back */ |
||
| 140 | .fc-time-grid .fc-event.fc-not-end { |
||
| 141 | border-bottom-width: 1px !important; |
||
| 142 | } |
||
| 143 | |||
| 144 | /* indicate the event continues via "..." text */ |
||
| 145 | .fc-time-grid .fc-event.fc-not-end:after { |
||
| 146 | content: "..."; |
||
| 147 | } |
||
| 148 | |||
| 149 | /* for events that are continuations from previous days, give the top border back */ |
||
| 150 | .fc-time-grid .fc-event.fc-not-start { |
||
| 151 | border-top-width: 1px !important; |
||
| 152 | } |
||
| 153 | |||
| 154 | /* indicate the event is a continuation via "..." text */ |
||
| 155 | .fc-time-grid .fc-event.fc-not-start:before { |
||
| 156 | content: "..."; |
||
| 157 | } |
||
| 158 | |||
| 159 | /* time */ |
||
| 160 | |||
| 161 | /* undo a previous declaration and let the time text span to a second line */ |
||
| 162 | .fc-time-grid .fc-event .fc-time { |
||
| 163 | white-space: normal !important; |
||
| 164 | } |
||
| 165 | |||
| 166 | /* hide the the time that is normally displayed... */ |
||
| 167 | .fc-time-grid .fc-event .fc-time span { |
||
| 168 | display: none; |
||
| 169 | } |
||
| 170 | |||
| 171 | /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ |
||
| 172 | .fc-time-grid .fc-event .fc-time:after { |
||
| 173 | content: attr(data-full); |
||
| 174 | } |
||
| 175 | |||
| 176 | |||
| 177 | /* Vertical Scroller & Containers |
||
| 178 | --------------------------------------------------------------------------------------------------*/ |
||
| 179 | |||
| 180 | /* kill the scrollbars and allow natural height */ |
||
| 181 | .fc-scroller, |
||
| 182 | .fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */ |
||
| 183 | .fc-time-grid-container { /* */ |
||
| 184 | overflow: visible !important; |
||
| 185 | height: auto !important; |
||
| 186 | } |
||
| 187 | |||
| 188 | /* kill the horizontal border/padding used to compensate for scrollbars */ |
||
| 189 | .fc-row { |
||
| 190 | border: 0 !important; |
||
| 191 | margin: 0 !important; |
||
| 192 | } |
||
| 193 | |||
| 194 | |||
| 195 | /* Button Controls |
||
| 196 | --------------------------------------------------------------------------------------------------*/ |
||
| 197 | |||
| 198 | .fc-button-group, |
||
| 199 | .fc button { |
||
| 200 | display: none; /* don't display any button-related controls */ |
||
| 201 | } |