diff options
Diffstat (limited to 'css/reveal.css')
-rw-r--r-- | css/reveal.css | 209 |
1 files changed, 97 insertions, 112 deletions
diff --git a/css/reveal.css b/css/reveal.css index 842f67c..8e50653 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -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,25 +164,30 @@ 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; -} - -.reveal .slides section .fragment.current-visible.current-fragment { - opacity:1; + opacity: 0; + visibility: hidden; } + .reveal .slides section .fragment.current-visible.current-fragment { + opacity: 1; + visibility: visible; + } .reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, @@ -194,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 @@ -215,6 +218,13 @@ body { color: #1b91ff; } +.reveal .slides section .fragment.strike { + opacity: 1; +} + .reveal .slides section .fragment.strike.visible { + text-decoration: line-through; + } + /********************************************* * DEFAULT ELEMENT STYLES @@ -248,12 +258,12 @@ body { font-weight: bold; } -.reveal em, -.reveal i { +.reveal em { font-style: italic; } .reveal ol, +.reveal dl, .reveal ul { display: inline-block; @@ -285,6 +295,14 @@ body { margin-left: 40px; } +.reveal dt { + font-weight: bold; +} + +.reveal dd { + margin-left: 40px; +} + .reveal p { margin-bottom: 10px; line-height: 1.2em; @@ -334,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%; @@ -348,14 +369,25 @@ body { box-sizing: border-box; } +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; +} + +.reveal table th { + font-weight: bold; +} + .reveal table th, .reveal table td { - text-align: left; - padding-right: .3em; + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } -.reveal table th { - font-weight: bold; +.reveal table tr:last-child td { + border-bottom: none; } .reveal sup { @@ -407,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; } @@ -425,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; @@ -436,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; @@ -446,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; @@ -457,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; @@ -476,10 +506,12 @@ body { bottom: 0; left: 0; z-index: 10; + + background-color: rgba( 0, 0, 0, 0.2 ); } .reveal .progress:after { content: ''; - display: 'block'; + display: block; position: absolute; height: 20px; width: 100%; @@ -490,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); } @@ -521,6 +553,7 @@ body { height: 100%; -ms-touch-action: none; + touch-action: none; } .reveal .slides { @@ -536,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; @@ -579,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), @@ -597,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; } @@ -611,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; } @@ -657,6 +676,12 @@ body { pointer-events: auto; } +.reveal .slides>section.past, +.reveal .slides>section.future, +.reveal .slides>section>section.past, +.reveal .slides>section>section.future { + opacity: 0; +} /********************************************* @@ -664,20 +689,14 @@ body { *********************************************/ .reveal .slides>section[data-transition=default].past, -.reveal .slides>section.past { - display: block; - opacity: 0; - +.reveal.default .slides>section:not([data-transition]).past { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal .slides>section[data-transition=default].future, -.reveal .slides>section.future { - display: block; - opacity: 0; - +.reveal.default .slides>section:not([data-transition]).future { -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); @@ -685,20 +704,14 @@ body { } .reveal .slides>section>section[data-transition=default].past, -.reveal .slides>section>section.past { - display: block; - opacity: 0; - +.reveal.default .slides>section>section:not([data-transition]).past { -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); } .reveal .slides>section>section[data-transition=default].future, -.reveal .slides>section>section.future { - display: block; - opacity: 0; - +.reveal.default .slides>section>section:not([data-transition]).future { -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); @@ -711,14 +724,14 @@ body { *********************************************/ .reveal .slides>section[data-transition=concave].past, -.reveal.concave .slides>section.past { +.reveal.concave .slides>section:not([data-transition]).past { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal .slides>section[data-transition=concave].future, -.reveal.concave .slides>section.future { +.reveal.concave .slides>section:not([data-transition]).future { -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); @@ -726,14 +739,14 @@ body { } .reveal .slides>section>section[data-transition=concave].past, -.reveal.concave .slides>section>section.past { +.reveal.concave .slides>section>section:not([data-transition]).past { -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); -moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); } .reveal .slides>section>section[data-transition=concave].future, -.reveal.concave .slides>section>section.future { +.reveal.concave .slides>section>section:not([data-transition]).future { -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); -moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); @@ -746,17 +759,14 @@ body { *********************************************/ .reveal .slides>section[data-transition=zoom], -.reveal.zoom .slides>section { +.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; } .reveal .slides>section[data-transition=zoom].past, -.reveal.zoom .slides>section.past { - opacity: 0; +.reveal.zoom .slides>section:not([data-transition]).past { visibility: hidden; -webkit-transform: scale(16); @@ -766,8 +776,7 @@ body { transform: scale(16); } .reveal .slides>section[data-transition=zoom].future, -.reveal.zoom .slides>section.future { - opacity: 0; +.reveal.zoom .slides>section:not([data-transition]).future { visibility: hidden; -webkit-transform: scale(0.2); @@ -778,7 +787,7 @@ body { } .reveal .slides>section>section[data-transition=zoom].past, -.reveal.zoom .slides>section>section.past { +.reveal.zoom .slides>section>section:not([data-transition]).past { -webkit-transform: translate(0, -150%); -moz-transform: translate(0, -150%); -ms-transform: translate(0, -150%); @@ -786,7 +795,7 @@ body { transform: translate(0, -150%); } .reveal .slides>section>section[data-transition=zoom].future, -.reveal.zoom .slides>section>section.future { +.reveal.zoom .slides>section>section:not([data-transition]).future { -webkit-transform: translate(0, 150%); -moz-transform: translate(0, 150%); -ms-transform: translate(0, 150%); @@ -807,7 +816,7 @@ body { } .reveal .slides>section[data-transition=linear].past, -.reveal.linear .slides>section.past { +.reveal.linear .slides>section:not([data-transition]).past { -webkit-transform: translate(-150%, 0); -moz-transform: translate(-150%, 0); -ms-transform: translate(-150%, 0); @@ -815,7 +824,7 @@ body { transform: translate(-150%, 0); } .reveal .slides>section[data-transition=linear].future, -.reveal.linear .slides>section.future { +.reveal.linear .slides>section:not([data-transition]).future { -webkit-transform: translate(150%, 0); -moz-transform: translate(150%, 0); -ms-transform: translate(150%, 0); @@ -824,7 +833,7 @@ body { } .reveal .slides>section>section[data-transition=linear].past, -.reveal.linear .slides>section>section.past { +.reveal.linear .slides>section>section:not([data-transition]).past { -webkit-transform: translate(0, -150%); -moz-transform: translate(0, -150%); -ms-transform: translate(0, -150%); @@ -832,7 +841,7 @@ body { transform: translate(0, -150%); } .reveal .slides>section>section[data-transition=linear].future, -.reveal.linear .slides>section>section.future { +.reveal.linear .slides>section>section:not([data-transition]).future { -webkit-transform: translate(0, 150%); -moz-transform: translate(0, 150%); -ms-transform: translate(0, 150%); @@ -1079,8 +1088,8 @@ body { *********************************************/ .reveal .slides section[data-transition=fade], -.reveal.fade .slides section, -.reveal.fade .slides>section>section { +.reveal.fade .slides section:not([data-transition]), +.reveal.fade .slides>section>section:not([data-transition]) { -webkit-transform: none; -moz-transform: none; -ms-transform: none; @@ -1089,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; } @@ -1112,7 +1115,7 @@ body { *********************************************/ .reveal .slides section[data-transition=none], -.reveal.none .slides section { +.reveal.none .slides section:not([data-transition]) { -webkit-transform: none; -moz-transform: none; -ms-transform: none; @@ -1121,8 +1124,6 @@ body { -webkit-transition: none; -moz-transition: none; - -ms-transition: none; - -o-transition: none; transition: none; } @@ -1152,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; } @@ -1194,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 { @@ -1252,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; } @@ -1270,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 { @@ -1331,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 { @@ -1350,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; } @@ -1484,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; } @@ -1540,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; } @@ -1587,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; } @@ -1595,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; } @@ -1623,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 { @@ -1647,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; } @@ -1709,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; } @@ -1743,7 +1730,6 @@ body { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; transition: all 400ms ease; } @@ -1787,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%; |