latex-wochenende/css/dzslides.css

150 lines
1.8 KiB
CSS

/* * {
margin: 0;
padding: 0;
box-sizing: border-box;
} */
[role="note"] {
display: none;
}
/* html {
font-size: 16px;
} */
body {
width: 800px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
display: none;
}
.view body {
position: static;
/* margin: 0;
padding: 0; */
width: 100%;
height: 100%;
display: inline-block;
overflow: visible;
overflow-x: hidden;
/* undo Dz.onresize */
transform: none !important;
}
.view head,
.view head>title {
display: block
}
article {
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
}
.view article {
pointer-events: auto;
position: static;
width: 800px;
height: 600px;
margin: -150px -200px;
float: left;
transform: scale(.4);
}
.view article>* {
pointer-events: none;
}
article[aria-selected] {
pointer-events: auto;
}
html {
overflow: hidden;
}
html.view {
overflow: visible;
}
body.loaded {
display: block;
}
.next:not([active]) {
visibility: hidden;
}
#progress-bar {
bottom: 0;
position: absolute;
transition: width 400ms linear 0s;
}
.view #progress-bar {
display: none;
}
header {
text-align: right;
position: absolute;
top: 0;
width: 100%;
}
footer {
text-align: right;
position: absolute;
bottom: 0;
width: 100%;
}
.view header {
display: none;
}
.view footer {
display: none;
}
@media print {
article {
transition: none;
transform: none;
position: static;
page-break-inside: avoid;
}
body {
overflow: visible;
}
#progress-bar {
display: none;
}
}
/*
**************************************
Uncomment the following for 16:9 slides
**************************************
*/
/* html {
font-size: 12px;
} */
body {
height: 450px;
}
.view article {
height: 450px;
margin: -140px -200px;
transform: scale(.3);
}