summaryrefslogtreecommitdiffhomepage
path: root/css/reveal.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/reveal.css')
-rw-r--r--css/reveal.css106
1 files changed, 36 insertions, 70 deletions
diff --git a/css/reveal.css b/css/reveal.css
index 539058d..8e50653 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -5,7 +5,7 @@
* http://lab.hakim.se/reveal-js
* MIT licensed
*
- * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
+ * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
*/
@@ -18,7 +18,7 @@ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal i
.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
-.reveal b, .reveal u, .reveal i, .reveal center,
+.reveal b, .reveal u, .reveal center,
.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
.reveal fieldset, .reveal form, .reveal label, .reveal legend,
.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
@@ -54,6 +54,9 @@ body {
body {
position: relative;
line-height: 1;
+
+ background-color: #fff;
+ color: #000;
}
::selection {
@@ -93,19 +96,20 @@ body {
.reveal .slides section .fragment {
opacity: 0;
+ visibility: hidden;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
- -ms-transition: all .2s ease;
- -o-transition: all .2s ease;
transition: all .2s ease;
}
.reveal .slides section .fragment.visible {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.grow {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.grow.visible {
-webkit-transform: scale( 1.3 );
@@ -117,6 +121,7 @@ body {
.reveal .slides section .fragment.shrink {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.shrink.visible {
-webkit-transform: scale( 0.7 );
@@ -127,8 +132,6 @@ body {
}
.reveal .slides section .fragment.zoom-in {
- opacity: 0;
-
-webkit-transform: scale( 0.1 );
-moz-transform: scale( 0.1 );
-ms-transform: scale( 0.1 );
@@ -137,8 +140,6 @@ body {
}
.reveal .slides section .fragment.zoom-in.visible {
- opacity: 1;
-
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
-ms-transform: scale( 1 );
@@ -147,8 +148,6 @@ body {
}
.reveal .slides section .fragment.roll-in {
- opacity: 0;
-
-webkit-transform: rotateX( 90deg );
-moz-transform: rotateX( 90deg );
-ms-transform: rotateX( 90deg );
@@ -156,8 +155,6 @@ body {
transform: rotateX( 90deg );
}
.reveal .slides section .fragment.roll-in.visible {
- opacity: 1;
-
-webkit-transform: rotateX( 0 );
-moz-transform: rotateX( 0 );
-ms-transform: rotateX( 0 );
@@ -167,23 +164,29 @@ body {
.reveal .slides section .fragment.fade-out {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.fade-out.visible {
opacity: 0;
+ visibility: hidden;
}
.reveal .slides section .fragment.semi-fade-out {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.semi-fade-out.visible {
opacity: 0.5;
+ visibility: visible;
}
.reveal .slides section .fragment.current-visible {
opacity: 0;
+ visibility: hidden;
}
.reveal .slides section .fragment.current-visible.current-fragment {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.highlight-red,
@@ -193,6 +196,7 @@ body {
.reveal .slides section .fragment.highlight-blue,
.reveal .slides section .fragment.highlight-current-blue {
opacity: 1;
+ visibility: visible;
}
.reveal .slides section .fragment.highlight-red.visible {
color: #ff2c2d
@@ -254,8 +258,7 @@ body {
font-weight: bold;
}
-.reveal em,
-.reveal i {
+.reveal em {
font-style: italic;
}
@@ -349,10 +352,13 @@ body {
font-family: monospace;
}
.reveal pre code {
+ display: block;
padding: 5px;
overflow: auto;
max-height: 400px;
word-wrap: normal;
+ background: #3F3F3F;
+ color: #DCDCDC;
}
.reveal pre.stretch code {
height: 100%;
@@ -376,7 +382,7 @@ body {
.reveal table th,
.reveal table td {
text-align: left;
- padding: 0.2em 1em 0.2em 0;
+ padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid;
}
@@ -433,8 +439,6 @@ body {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
- -ms-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@@ -451,7 +455,7 @@ body {
top: 42px;
border-right-width: 22px;
- border-right-color: #eee;
+ border-right-color: #000;
}
.reveal .controls div.navigate-left.fragmented {
opacity: 0.3;
@@ -462,7 +466,7 @@ body {
top: 42px;
border-left-width: 22px;
- border-left-color: #eee;
+ border-left-color: #000;
}
.reveal .controls div.navigate-right.fragmented {
opacity: 0.3;
@@ -472,7 +476,7 @@ body {
left: 42px;
border-bottom-width: 22px;
- border-bottom-color: #eee;
+ border-bottom-color: #000;
}
.reveal .controls div.navigate-up.fragmented {
opacity: 0.3;
@@ -483,7 +487,7 @@ body {
top: 74px;
border-top-width: 22px;
- border-top-color: #eee;
+ border-top-color: #000;
}
.reveal .controls div.navigate-down.fragmented {
opacity: 0.3;
@@ -502,6 +506,8 @@ body {
bottom: 0;
left: 0;
z-index: 10;
+
+ background-color: rgba( 0, 0, 0, 0.2 );
}
.reveal .progress:after {
content: '';
@@ -516,10 +522,10 @@ body {
height: 100%;
width: 0px;
+ background-color: #000;
+
-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);
- -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -o-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);
}
@@ -563,8 +569,6 @@ body {
-webkit-transition: -webkit-perspective .4s ease;
-moz-transition: -moz-perspective .4s ease;
- -ms-transition: -ms-perspective .4s ease;
- -o-transition: -o-perspective .4s ease;
transition: perspective .4s ease;
-webkit-perspective: 600px;
@@ -606,14 +610,6 @@ body {
-moz-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -ms-transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -ms-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -o-transition: -o-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- -o-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
- opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
@@ -624,13 +620,11 @@ body {
.reveal[data-transition-speed="fast"] .slides section {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal[data-transition-speed="slow"] .slides section {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -638,13 +632,11 @@ body {
.reveal .slides section[data-transition-speed="fast"] {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal .slides section[data-transition-speed="slow"] {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -770,8 +762,6 @@ body {
.reveal.zoom .slides>section:not([data-transition]) {
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
transition-timing-function: ease;
}
@@ -1108,20 +1098,14 @@ body {
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
- -ms-transition: opacity 0.5s;
- -o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.reveal.fade.overview .slides section,
-.reveal.fade.overview .slides>section>section,
-.reveal.fade.overview-deactivating .slides section,
-.reveal.fade.overview-deactivating .slides>section>section {
+.reveal.fade.overview .slides>section>section {
-webkit-transition: none;
-moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
transition: none;
}
@@ -1140,8 +1124,6 @@ body {
-webkit-transition: none;
-moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
transition: none;
}
@@ -1171,6 +1153,12 @@ body {
cursor: pointer;
background: rgba(0,0,0,0.1);
}
+.reveal.overview .slides section,
+.reveal.overview-deactivating .slides section {
+ -webkit-transition: none !important;
+ -moz-transition: none !important;
+ transition: none !important;
+}
.reveal.overview .slides section .fragment {
opacity: 1;
}
@@ -1213,8 +1201,6 @@ body {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
transition: all 1s ease;
}
.reveal.paused .pause-overlay {
@@ -1271,8 +1257,6 @@ body {
.reveal .no-transition * {
-webkit-transition: none !important;
-moz-transition: none !important;
- -ms-transition: none !important;
- -o-transition: none !important;
transition: none !important;
}
@@ -1289,8 +1273,6 @@ body {
-webkit-transition: background 800ms ease;
-moz-transition: background 800ms ease;
- -ms-transition: background 800ms ease;
- -o-transition: background 800ms ease;
transition: background 800ms ease;
}
.alert .reveal .state-background {
@@ -1350,8 +1332,6 @@ body {
-webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
-moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -ms-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
- -o-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
.reveal .slide-background.present {
@@ -1369,8 +1349,6 @@ body {
.reveal>.backgrounds .slide-background[data-background-transition=none] {
-webkit-transition: none;
-moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
transition: none;
}
@@ -1503,8 +1481,6 @@ body {
.reveal>.backgrounds .slide-background[data-background-transition=zoom] {
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
transition-timing-function: ease;
}
@@ -1559,13 +1535,11 @@ body {
.reveal[data-transition-speed="fast"]>.backgrounds .slide-background {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal[data-transition-speed="slow"]>.backgrounds .slide-background {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -1606,7 +1580,6 @@ body {
.reveal.has-parallax-background .backgrounds {
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
transition: all 0.8s ease;
}
@@ -1614,13 +1587,11 @@ body {
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
-webkit-transition-duration: 400ms;
-moz-transition-duration: 400ms;
- -ms-transition-duration: 400ms;
transition-duration: 400ms;
}
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
-webkit-transition-duration: 1200ms;
-moz-transition-duration: 1200ms;
- -ms-transition-duration: 1200ms;
transition-duration: 1200ms;
}
@@ -1642,7 +1613,6 @@ body {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reveal .preview-link-overlay.visible {
@@ -1666,7 +1636,6 @@ body {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@@ -1728,7 +1697,6 @@ body {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
- -ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@@ -1762,7 +1730,6 @@ body {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
- -ms-transition: all 400ms ease;
transition: all 400ms ease;
}
@@ -1806,7 +1773,6 @@ body {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
- -ms-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform-origin: 50% 0%;