github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/fullcalendar/fullcalendar.print.css (about) 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 }