Merge branch 'master' of linz:/srv/git/slides

[slides.git] / linuxwochen2018 / slides.css

diff --git a/linuxwochen2018/slides.css b/linuxwochen2018/slides.css
index 384a52969b690908783a55f0ad9dd2fb4bd80a26..caadf1de073576238f1a9e76ed220416840ed323 100644 (file)
--- a/linuxwochen2018/slides.css
+++ b/linuxwochen2018/slides.css
@@ -356,15 +356,9 @@ mark a:hover, mark a:active { color: #005E5E; }
 
 pre { margin: 0; }
 
-.ccinline {
-  border-width: 0;
-  vertical-align: bottom;
-  height: 1.75em;
-}
-
 /***** small stuff *****/
 
-.small,
+small,
 .small {
   font-size: 0.75em;
 }
@@ -385,3 +379,66 @@ ul.small > li
 
 /***** specific slides *****/
 
+/* start slide */
+.ccinline {
+  border-width: 0;
+  vertical-align: bottom;
+  height: 1.75em;
+}
+
+/* end slide */
+.endslidecontainer {
+  position: relative;
+}
+
+.endslidepic {
+  width: 100%;
+  z-index: 1;
+}
+
+.endslidetext {
+  position: absolute;
+  width: calc(100% - 2rem);
+  z-index: 3;
+}
+
+h1.endslidetext {
+  color: white;
+  font-size: 2.5em;
+}
+
+h2.endslidetext,
+h3.endslidetext {
+  font-size: 1.5em;
+}
+
+h2.endslidetext > span,
+h3.endslidetext > span {
+  background-color: white;
+  padding: 0 10px;
+}
+
+.endslidetext:first-child {
+  top: 1rem;
+}
+
+.endslidetext:nth-child(2) {
+  top: 11rem;
+}
+
+.endslidetext:nth-child(3) {
+  top: 17rem;
+}
+
+@media (min-resolution: 1.3dppx) {
+  .endslidetext:first-child {
+    top: .5rem;
+  }
+  .endslidetext:nth-child(2) {
+    top: 9rem;
+  }
+
+  .endslidetext:nth-child(3) {
+    top: 14rem;
+  }
+}