summaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/print/pdf.css22
-rw-r--r--css/reveal.css29
-rw-r--r--css/reveal.scss34
-rw-r--r--css/theme/beige.css17
-rw-r--r--css/theme/black.css17
-rw-r--r--css/theme/blood.css17
-rw-r--r--css/theme/league.css17
-rw-r--r--css/theme/moon.css17
-rw-r--r--css/theme/night.css17
-rw-r--r--css/theme/serif.css17
-rw-r--r--css/theme/simple.css17
-rw-r--r--css/theme/sky.css17
-rw-r--r--css/theme/solarized.css17
-rw-r--r--css/theme/template/theme.scss17
-rw-r--r--css/theme/white.css17
15 files changed, 216 insertions, 73 deletions
diff --git a/css/print/pdf.css b/css/print/pdf.css
index aa1f7fa..752d955 100644
--- a/css/print/pdf.css
+++ b/css/print/pdf.css
@@ -72,15 +72,8 @@ ul, ol, div, p {
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%;
+ perspective: none;
+ perspective-origin: 50% 50%;
}
.reveal .slides .pdf-page {
@@ -103,15 +96,8 @@ ul, ol, div, p {
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;
+ transform-style: flat !important;
+ transform: none !important;
}
.reveal section.stack {
diff --git a/css/reveal.css b/css/reveal.css
index 3392753..04b704d 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -3,7 +3,7 @@
* http://revealjs.com
* MIT licensed
*
- * Copyright (C) 2017 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
*/
/*********************************************
* RESET STYLES
@@ -127,13 +127,25 @@ body {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
+.reveal .slides section .fragment.fade-in-then-out,
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden; }
+ .reveal .slides section .fragment.fade-in-then-out.current-fragment,
.reveal .slides section .fragment.current-visible.current-fragment {
opacity: 1;
visibility: inherit; }
+.reveal .slides section .fragment.fade-in-then-half-out {
+ opacity: 0;
+ visibility: hidden; }
+ .reveal .slides section .fragment.fade-in-then-half-out.visible {
+ opacity: 0.5;
+ visibility: inherit; }
+ .reveal .slides section .fragment.fade-in-then-half-out.current-fragment {
+ opacity: 1;
+ visibility: inherit; }
+
.reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red,
.reveal .slides section .fragment.highlight-green,
@@ -460,6 +472,9 @@ body {
background-color: rgba(0, 0, 0, 0.4);
padding: 5px; }
+.reveal .slide-number a {
+ color: currentColor; }
+
.reveal .slide-number-delimiter {
margin: 0 3px; }
@@ -528,7 +543,8 @@ body {
.reveal .slides > section.stack {
padding-top: 0;
- padding-bottom: 0; }
+ padding-bottom: 0;
+ pointer-events: none; }
.reveal .slides > section.present,
.reveal .slides > section > section.present {
@@ -1011,10 +1027,15 @@ body {
visibility: hidden;
overflow: hidden;
background-color: transparent;
+ transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+.reveal .slide-background-content {
+ position: absolute;
+ width: 100%;
+ height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
- background-size: cover;
- transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+ background-size: cover; }
.reveal .slide-background.stack {
display: block; }
diff --git a/css/reveal.scss b/css/reveal.scss
index 1a87624..7e2701b 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -3,7 +3,7 @@
* http://revealjs.com
* MIT licensed
*
- * Copyright (C) 2017 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
*/
@@ -160,6 +160,7 @@ body {
}
}
+.reveal .slides section .fragment.fade-in-then-out,
.reveal .slides section .fragment.current-visible {
opacity: 0;
visibility: hidden;
@@ -170,6 +171,21 @@ body {
}
}
+.reveal .slides section .fragment.fade-in-then-half-out {
+ opacity: 0;
+ visibility: hidden;
+
+ &.visible {
+ opacity: 0.5;
+ visibility: inherit;
+ }
+
+ &.current-fragment {
+ opacity: 1;
+ visibility: inherit;
+ }
+}
+
.reveal .slides section .fragment.highlight-red,
.reveal .slides section .fragment.highlight-current-red,
.reveal .slides section .fragment.highlight-green,
@@ -553,6 +569,10 @@ $controlsArrowAngleActive: 36deg;
padding: 5px;
}
+.reveal .slide-number a {
+ color: currentColor;
+}
+
.reveal .slide-number-delimiter {
margin: 0 3px;
}
@@ -636,6 +656,7 @@ $controlsArrowAngleActive: 36deg;
.reveal .slides>section.stack {
padding-top: 0;
padding-bottom: 0;
+ pointer-events: none;
}
.reveal .slides>section.present,
@@ -1086,11 +1107,18 @@ $controlsArrowAngleActive: 36deg;
overflow: hidden;
background-color: rgba( 0, 0, 0, 0 );
+
+ transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+ }
+
+ .reveal .slide-background-content {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-
- transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
.reveal .slide-background.stack {
diff --git a/css/theme/beige.css b/css/theme/beige.css
index d2d0ca6..fb5f137 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -34,8 +34,8 @@ body {
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -193,10 +193,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -266,3 +268,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #f7f3de; } }
diff --git a/css/theme/black.css b/css/theme/black.css
index 83f6eee..dec6385 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -30,8 +30,8 @@ body {
background: #bee4fd;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -189,10 +189,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -262,3 +264,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #222; } }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 30e4b09..15e6c20 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -33,8 +33,8 @@ body {
background: #a23;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -192,10 +192,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -266,6 +268,13 @@ body {
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #222; } }
+
.reveal p {
font-weight: 300;
text-shadow: 1px 1px #222; }
diff --git a/css/theme/league.css b/css/theme/league.css
index e35d668..9dfa2ce 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -36,8 +36,8 @@ body {
background: #FF5E99;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -195,10 +195,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -268,3 +270,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #2b2b2b; } }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index c7705d9..52b3f67 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -34,8 +34,8 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -193,10 +193,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -266,3 +268,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #002b36; } }
diff --git a/css/theme/night.css b/css/theme/night.css
index 5aca9c0..51a3dd3 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -28,8 +28,8 @@ body {
background: #e7ad52;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -187,10 +187,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -260,3 +262,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #111; } }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 72298a9..ea01066 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -30,8 +30,8 @@ body {
background: #26351C;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -189,10 +189,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -262,3 +264,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #F0F1EB; } }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 40d1238..8432d84 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -33,8 +33,8 @@ body {
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -192,10 +192,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -265,3 +267,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #fff; } }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index f4b0ad5..6f60a1d 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -37,8 +37,8 @@ body {
background: #134674;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -196,10 +196,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -269,3 +271,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #f7fbfc; } }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 3affa6e..fe81f09 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -34,8 +34,8 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -193,10 +193,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -266,3 +268,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #fdf6e3; } }
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 58dc727..a8f142d 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -28,8 +28,8 @@ body {
text-shadow: none;
}
-.reveal .slides>section,
-.reveal .slides>section>section {
+.reveal .slides section,
+.reveal .slides section>section {
line-height: 1.3;
font-weight: inherit;
}
@@ -217,9 +217,11 @@ body {
.reveal sup {
vertical-align: super;
+ font-size: smaller;
}
.reveal sub {
vertical-align: sub;
+ font-size: smaller;
}
.reveal small {
@@ -310,7 +312,14 @@ body {
.reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+ transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
-
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+ @media print {
+ .backgrounds {
+ background-color: $backgroundColor;
+ }
+}
diff --git a/css/theme/white.css b/css/theme/white.css
index edc5a60..27e44a1 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -30,8 +30,8 @@ body {
background: #98bdef;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
+.reveal .slides section,
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit; }
@@ -189,10 +189,12 @@ body {
border-bottom: none; }
.reveal sup {
- vertical-align: super; }
+ vertical-align: super;
+ font-size: smaller; }
.reveal sub {
- vertical-align: sub; }
+ vertical-align: sub;
+ font-size: smaller; }
.reveal small {
display: inline-block;
@@ -262,3 +264,10 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * PRINT BACKGROUND
+ *********************************************/
+@media print {
+ .backgrounds {
+ background-color: #fff; } }