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  }