xp-dev.com Git - namibia/blob - public/css/vendor/fullcalendar.print.css

   1 /*!
   2  * FullCalendar v2.2.2 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-bgevent-skeleton,
  48 .fc-highlight-skeleton,
  49 .fc-helper-skeleton {
  50         display: none;
  51 }
  52
  53 /* don't force a min-height on rows (for DayGrid) */
  54 .fc tbody .fc-row {
  55         height: auto !important; /* undo height that JS set in distributeHeight */
  56         min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
  57 }
  58
  59 .fc tbody .fc-row .fc-content-skeleton {
  60         position: static; /* undo .fc-rigid */
  61         padding-bottom: 0 !important; /* use a more border-friendly method for this... */
  62 }
  63
  64 .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
  65         padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
  66 }
  67
  68 .fc tbody .fc-row .fc-content-skeleton table {
  69         /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
  70            making it look more like 3em. for other browers, it will already be this tall */
  71         height: 1em;
  72 }
  73
  74
  75 /* Undo month-view event limiting. Display all events and hide the "more" links
  76 --------------------------------------------------------------------------------------------------*/
  77
  78 .fc-more-cell,
  79 .fc-more {
  80         display: none !important;
  81 }
  82
  83 .fc tr.fc-limited {
  84         display: table-row !important;
  85 }
  86
  87 .fc td.fc-limited {
  88         display: table-cell !important;
  89 }
  90
  91 .fc-popover {
  92         display: none; /* never display the "more.." popover in print mode */
  93 }
  94
  95
  96 /* TimeGrid Restyling
  97 --------------------------------------------------------------------------------------------------*/
  98
  99 /* undo the min-height 100% trick used to fill the container's height */
 100 .fc-time-grid {
 101         min-height: 0 !important;
 102 }
 103
 104 /* don't display the side axis at all ("all-day" and time cells) */
 105 .fc-agenda-view .fc-axis {
 106         display: none;
 107 }
 108
 109 /* don't display the horizontal lines */
 110 .fc-slats,
 111 .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
 112         display: none !important; /* important overrides inline declaration */
 113 }
 114
 115 /* let the container that holds the events be naturally positioned and create real height */
 116 .fc-time-grid .fc-content-skeleton {
 117         position: static;
 118 }
 119
 120 /* in case there are no events, we still want some height */
 121 .fc-time-grid .fc-content-skeleton table {
 122         height: 4em;
 123 }
 124
 125 /* kill the horizontal spacing made by the event container. event margins will be done below */
 126 .fc-time-grid .fc-event-container {
 127         margin: 0 !important;
 128 }
 129
 130
 131 /* TimeGrid *Event* Restyling
 132 --------------------------------------------------------------------------------------------------*/
 133
 134 /* naturally position events, vertically stacking them */
 135 .fc-time-grid .fc-event {
 136         position: static !important;
 137         margin: 3px 2px !important;
 138 }
 139
 140 /* for events that continue to a future day, give the bottom border back */
 141 .fc-time-grid .fc-event.fc-not-end {
 142         border-bottom-width: 1px !important;
 143 }
 144
 145 /* indicate the event continues via "..." text */
 146 .fc-time-grid .fc-event.fc-not-end:after {
 147         content: "...";
 148 }
 149
 150 /* for events that are continuations from previous days, give the top border back */
 151 .fc-time-grid .fc-event.fc-not-start {
 152         border-top-width: 1px !important;
 153 }
 154
 155 /* indicate the event is a continuation via "..." text */
 156 .fc-time-grid .fc-event.fc-not-start:before {
 157         content: "...";
 158 }
 159
 160 /* time */
 161
 162 /* undo a previous declaration and let the time text span to a second line */
 163 .fc-time-grid .fc-event .fc-time {
 164         white-space: normal !important;
 165 }
 166
 167 /* hide the the time that is normally displayed... */
 168 .fc-time-grid .fc-event .fc-time span {
 169         display: none;
 170 }
 171
 172 /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
 173 .fc-time-grid .fc-event .fc-time:after {
 174         content: attr(data-full);
 175 }
 176
 177
 178 /* Vertical Scroller & Containers
 179 --------------------------------------------------------------------------------------------------*/
 180
 181 /* kill the scrollbars and allow natural height */
 182 .fc-scroller,
 183 .fc-day-grid-container,    /* these divs might be assigned height, which we need to cleared */
 184 .fc-time-grid-container {  /* */
 185         overflow: visible !important;
 186         height: auto !important;
 187 }
 188
 189 /* kill the horizontal border/padding used to compensate for scrollbars */
 190 .fc-row {
 191         border: 0 !important;
 192         margin: 0 !important;
 193 }
 194
 195
 196 /* Button Controls
 197 --------------------------------------------------------------------------------------------------*/
 198
 199 .fc-button-group,
 200 .fc button {
 201         display: none; /* don't display any button-related controls */
 202 }