@import url(https://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext);
-/* Default document properties */
-body {
- font-family: 'Armata',sans-serif;
- font-size: 18pt;
-}
-code, pre, tt {
- font-family: 'Inconsolata', monospace;
-}
-/* The slide should be positioned w.r.t. to the canvas.
- The canvas takes up the whole window in screen mode and a
- whole page in print mode
+/* Slide layout
+ .sws-{header,inner-canvas,footer} are in
+ a .sws-canvas which fills the whole viewport vertically
+ and is horizontally centered.
+ The .sws-canvas has an aspect ratio of 4/3 or 16/9
*/
-.sws-slide {
- margin: 0pt;
- left:0pt;
- right:0pt;
- top:0pt;
- bottom:0pt;
- padding:5mm;
+.sws-header {
+ top: 0vh;
+ height: 5vh;
}
-
-.sws-cover {
- text-align:center;
- vertical-align:middle;
+.sws-title {
+ top: 5vh;
+ height: 15vh;
}
-.sws-cover .centerbox {
- display:inline-block;
- vertical-align: middle;
+.sws-inner-canvas {
+ top: 20vh;
+ height: 75vh;
}
-.sws-cover:before {
- content: "";
- display: inline-block;
- width:10pt;
- height:100%;
- vertical-align:middle;
+.sws-footer {
+ top: 95vh;
+ height: 5vh;
+ text-align: right;
}
-a { text-decoration: none; }
-ul {
- list-style-type: square;
+.sws-content {
+ padding: 3vh;
}
-@media screen {
- body, .sws-slide {
- background-color: black;
- color: white;
- }
- .sws-slide h1 {
- color: #f14a29;
- }
- em {
- color: #f14a29;
- font-style:normal;
- }
- a {
- color: #0092bf;
- text-decoration:none;
- font-style:normal;
- }
+.sws-slide-num-sep:after {
+ content: "/";
+}
+
+body {
+ font-family: 'Armata',sans-serif;
+ font-size: 4vh;
+ background-color: black;
+ color: white;
}
-@media print {
- body, .sws-slide {
- background-color: white;
- color: black;
- }
- em {
- font-style:italic;
- }
+
+code, pre, tt {
+ font-family: 'Inconsolata', monospace;
}
-/* slide title */
-.sws-slide h1 {
- font-weight: bolder;
- text-align: center;
+ul {
+ list-style-type: square;
}
-span.sws-slide-num-sep:after {
- content : "⋯";
+
+h1 { color: #f14a29;
+ font-size: 6vh;
+ text-align:center;
+ }
+
+em { color: #f14a29;
+ font-style:normal;
+ }
+
+a {
+ color: #1092bf;
+ text-decoration:none;
+ font-style:normal;
}
-.sws-footer {
+
+.centerbox {
text-align: center;
- position: absolute;
- width: 100%;
- bottom: 0pt;
-}
+}
\ No newline at end of file