4e0d34413b
Now any Hugo section can be configured to generate a presentation without altering its type, and the theme is more easily copied into existing sites without conflicting with any preexisting layouts.
178 lines
3.3 KiB
CSS
Executable file
178 lines
3.3 KiB
CSS
Executable file
/**
|
|
* This stylesheet is used to print reveal.js
|
|
* presentations to PDF.
|
|
*
|
|
* https://github.com/hakimel/reveal.js#pdf-export
|
|
*/
|
|
|
|
* {
|
|
-webkit-print-color-adjust: exact;
|
|
}
|
|
|
|
body {
|
|
margin: 0 auto !important;
|
|
border: 0;
|
|
padding: 0;
|
|
float: none !important;
|
|
overflow: visible;
|
|
}
|
|
|
|
html {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: visible;
|
|
}
|
|
|
|
/* Remove any elements not needed in print. */
|
|
.nestedarrow,
|
|
.reveal .controls,
|
|
.reveal .progress,
|
|
.reveal .playback,
|
|
.reveal.overview,
|
|
.fork-reveal,
|
|
.share-reveal,
|
|
.state-background {
|
|
display: none !important;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
text-shadow: 0 0 0 #000 !important;
|
|
}
|
|
|
|
.reveal pre code {
|
|
overflow: hidden !important;
|
|
font-family: Courier, 'Courier New', monospace !important;
|
|
}
|
|
|
|
ul, ol, div, p {
|
|
visibility: visible;
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
display: block;
|
|
overflow: visible;
|
|
margin: auto;
|
|
}
|
|
.reveal {
|
|
width: auto !important;
|
|
height: auto !important;
|
|
overflow: hidden !important;
|
|
}
|
|
.reveal .slides {
|
|
position: static;
|
|
width: 100% !important;
|
|
height: auto !important;
|
|
zoom: 1 !important;
|
|
|
|
left: auto;
|
|
top: auto;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
|
|
overflow: visible;
|
|
display: block;
|
|
|
|
-webkit-perspective: none;
|
|
-moz-perspective: none;
|
|
-ms-perspective: none;
|
|
perspective: none;
|
|
|
|
-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
|
|
-moz-perspective-origin: 50% 50%;
|
|
-ms-perspective-origin: 50% 50%;
|
|
perspective-origin: 50% 50%;
|
|
}
|
|
|
|
.reveal .slides .pdf-page {
|
|
position: relative;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
|
|
page-break-after: always;
|
|
}
|
|
|
|
.reveal .slides section {
|
|
visibility: visible !important;
|
|
display: block !important;
|
|
position: absolute !important;
|
|
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
box-sizing: border-box !important;
|
|
min-height: 1px;
|
|
|
|
opacity: 1 !important;
|
|
|
|
-webkit-transform-style: flat !important;
|
|
-moz-transform-style: flat !important;
|
|
-ms-transform-style: flat !important;
|
|
transform-style: flat !important;
|
|
|
|
-webkit-transform: none !important;
|
|
-moz-transform: none !important;
|
|
-ms-transform: none !important;
|
|
transform: none !important;
|
|
}
|
|
|
|
.reveal section.stack {
|
|
position: relative !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
page-break-after: avoid !important;
|
|
height: auto !important;
|
|
min-height: auto !important;
|
|
}
|
|
|
|
.reveal img {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.reveal .roll {
|
|
overflow: visible;
|
|
line-height: 1em;
|
|
}
|
|
|
|
/* Slide backgrounds are placed inside of their slide when exporting to PDF */
|
|
.reveal .slide-background {
|
|
display: block !important;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: auto !important;
|
|
}
|
|
|
|
/* Display slide speaker notes when 'showNotes' is enabled */
|
|
.reveal.show-notes {
|
|
max-width: none;
|
|
max-height: none;
|
|
}
|
|
.reveal .speaker-notes-pdf {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
max-height: none;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: auto;
|
|
z-index: 100;
|
|
}
|
|
|
|
/* Layout option which makes notes appear on a separate page */
|
|
.reveal .speaker-notes-pdf[data-layout="separate-page"] {
|
|
position: relative;
|
|
color: inherit;
|
|
background-color: transparent;
|
|
padding: 20px;
|
|
page-break-after: always;
|
|
border: 0;
|
|
}
|
|
|
|
/* Display slide numbers when 'slideNumber' is enabled */
|
|
.reveal .slide-number-pdf {
|
|
display: block;
|
|
position: absolute;
|
|
font-size: 14px;
|
|
}
|