docs/com/css/print/pdf.css

   1 /* Default Print Stylesheet Template
   2    by Rob Glazebrook of CSSnewbie.com
   3    Last Updated: June 4, 2008
   4
   5    Feel free (nay, compelled) to edit, append, and
   6    manipulate this file as you see fit. */
   7
   8
   9 /* SECTION 1: Set default width, margin, float, and
  10    background. This prevents elements from extending
  11    beyond the edge of the printed page, and prevents
  12    unnecessary background images from printing */
  13
  14 * {
  15         -webkit-print-color-adjust: exact;
  16 }
  17
  18 body {
  19         margin: 0 auto !important;
  20         border: 0;
  21         padding: 0;
  22         float: none !important;
  23         overflow: visible;
  24 }
  25
  26 html {
  27         width: 100%;
  28         height: 100%;
  29         overflow: visible;
  30 }
  31
  32 /* SECTION 2: Remove any elements not needed in print.
  33    This would include navigation, ads, sidebars, etc. */
  34 .nestedarrow,
  35 .reveal .controls,
  36 .reveal .progress,
  37 .reveal .slide-number,
  38 .reveal .playback,
  39 .reveal.overview,
  40 .fork-reveal,
  41 .share-reveal,
  42 .state-background {
  43         display: none !important;
  44 }
  45
  46 /* SECTION 3: Set body font face, size, and color.
  47    Consider using a serif font for readability. */
  48 body, p, td, li, div {
  49
  50 }
  51
  52 /* SECTION 4: Set heading font face, sizes, and color.
  53    Differentiate your headings from your body text.
  54    Perhaps use a large sans-serif for distinction. */
  55 h1,h2,h3,h4,h5,h6 {
  56         text-shadow: 0 0 0 #000 !important;
  57 }
  58
  59 .reveal pre code {
  60         overflow: hidden !important;
  61         font-family: Courier, 'Courier New', monospace !important;
  62 }
  63
  64
  65 /* SECTION 5: more reveal.js specific additions by @skypanther */
  66 ul, ol, div, p {
  67         visibility: visible;
  68         position: static;
  69         width: auto;
  70         height: auto;
  71         display: block;
  72         overflow: visible;
  73         margin: auto;
  74 }
  75 .reveal {
  76         width: auto !important;
  77         height: auto !important;
  78         overflow: hidden !important;
  79 }
  80 .reveal .slides {
  81         position: static;
  82         width: 100%;
  83         height: auto;
  84
  85         left: auto;
  86         top: auto;
  87         margin: 0 !important;
  88         padding: 0 !important;
  89
  90         overflow: visible;
  91         display: block;
  92
  93         -webkit-perspective: none;
  94            -moz-perspective: none;
  95             -ms-perspective: none;
  96                 perspective: none;
  97
  98         -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
  99            -moz-perspective-origin: 50% 50%;
 100             -ms-perspective-origin: 50% 50%;
 101                 perspective-origin: 50% 50%;
 102 }
 103 .reveal .slides section {
 104         page-break-after: always !important;
 105
 106         visibility: visible !important;
 107         position: relative !important;
 108         display: block !important;
 109         position: relative !important;
 110
 111         margin: 0 !important;
 112         padding: 0 !important;
 113         box-sizing: border-box !important;
 114         min-height: 1px;
 115
 116         opacity: 1 !important;
 117
 118         -webkit-transform-style: flat !important;
 119            -moz-transform-style: flat !important;
 120             -ms-transform-style: flat !important;
 121                 transform-style: flat !important;
 122
 123         -webkit-transform: none !important;
 124            -moz-transform: none !important;
 125             -ms-transform: none !important;
 126                 transform: none !important;
 127 }
 128 .reveal section.stack {
 129         margin: 0 !important;
 130         padding: 0 !important;
 131         page-break-after: avoid !important;
 132         height: auto !important;
 133         min-height: auto !important;
 134 }
 135 .reveal img {
 136         box-shadow: none;
 137 }
 138 .reveal .roll {
 139         overflow: visible;
 140         line-height: 1em;
 141 }
 142
 143 /* Slide backgrounds are placed inside of their slide when exporting to PDF */
 144 .reveal section .slide-background {
 145         display: block !important;
 146         position: absolute;
 147         top: 0;
 148         left: 0;
 149         width: 100%;
 150         z-index: -1;
 151 }
 152
 153 /* All elements should be above the slide-background */
 154 .reveal section>* {
 155         position: relative;
 156         z-index: 1;
 157 }
 158
 159 /* Display slide speaker notes when 'showNotes' is enabled */
 160 .reveal .speaker-notes-pdf {
 161         display: block;
 162         width: 100%;
 163         max-height: none;
 164         left: auto;
 165         top: auto;
 166         z-index: 100;
 167 }
 168