@font-face { font-family: 'Overpass'; src: local("Overpass"), url("../../lib/font/overpass/overpass_regular-web.eot?#iefix") format("eot"), url("../../lib/font/overpass/overpass_regular-web.woff") format("woff"), url("../../lib/font/overpass/overpass_regular-web.ttf") format("truetype"), url("../../lib/font/overpass/overpass_regular-web.svg#webfontLTZe4IYH") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Overpass'; src: local("Overpass Bold"), local("OverpassBold"), url("../../lib/font/overpass/overpass_bold-web.eot?#iefix") format("eot"), url("../../lib/font/overpass/overpass_bold-web.woff") format("woff"), url("../../lib/font/overpass/overpass_bold-web.ttf") format("truetype"), url("../../lib/font/overpass/overpass_bold-web.svg#webfontzAU82Ltw") format("svg"); font-weight: bold; font-style: normal; } .theme-font-overpass .themed, .theme-font-overpass .reveal { font-family: "Overpass", sans-serif; font-size: 28px; } .theme-font-overpass .themed section, .theme-font-overpass .reveal section { line-height: 1.3; } .theme-font-overpass .themed h1, .theme-font-overpass .themed h2, .theme-font-overpass .themed h3, .theme-font-overpass .themed h4, .theme-font-overpass .themed h5, .theme-font-overpass .themed h6, .theme-font-overpass .reveal h1, .theme-font-overpass .reveal h2, .theme-font-overpass .reveal h3, .theme-font-overpass .reveal h4, .theme-font-overpass .reveal h5, .theme-font-overpass .reveal h6 { font-family: "Overpass", sans-serif; text-transform: uppercase; line-height: 1.3; font-weight: bold; } .theme-font-overpass .themed h1, .theme-font-overpass.themed h1, .theme-font-overpass .reveal h1, .theme-font-overpass.reveal h1 { font-size: 1.75em; margin-bottom: .25em; letter-spacing: 0.015em; } .theme-font-overpass .themed h2, .theme-font-overpass.themed h2, .theme-font-overpass .reveal h2, .theme-font-overpass.reveal h2 { font-size: 1.15em; margin-bottom: .5em; letter-spacing: 0.03666em; } .theme-font-overpass .themed h3, .theme-font-overpass.themed h3, .theme-font-overpass .reveal h3, .theme-font-overpass.reveal h3 { font-size: 1.00em; margin-bottom: .5em; letter-spacing: 0.041em; } .theme-font-overpass .themed h4, .theme-font-overpass.themed h4, .theme-font-overpass .reveal h4, .theme-font-overpass.reveal h4 { font-size: 1em; } .theme-font-overpass .themed h5, .theme-font-overpass.themed h5, .theme-font-overpass .reveal h5, .theme-font-overpass.reveal h5 { font-size: 1em; } .theme-font-overpass .themed h6, .theme-font-overpass.themed h6, .theme-font-overpass .reveal h6, .theme-font-overpass.reveal h6 { font-size: 1em; } .theme-font-no-font .themed, .theme-font-no-font.themed, .theme-font-no-font .reveal, .theme-font-no-font.reveal { font-family: sans-serif; font-size: 30px; } .theme-font-no-font .themed section font, .theme-font-no-font.themed section font, .theme-font-no-font .reveal section font, .theme-font-no-font.reveal section font { line-height: 1; } .hljs { display: block; padding: 0.5em; background: #3F3F3F; color: #DCDCDC; } .hljs-keyword, .hljs-tag, .css .hljs-class, .css .hljs-id, .lisp .hljs-title, .nginx .hljs-title, .hljs-request, .hljs-status, .clojure .hljs-attribute { color: #E3CEAB; } .django .hljs-template_tag, .django .hljs-variable, .django .hljs-filter .hljs-argument { color: #DCDCDC; } .hljs-number, .hljs-date { color: #8CD0D3; } .dos .hljs-envvar, .dos .hljs-stream, .hljs-variable, .apache .hljs-sqbracket { color: #EFDCBC; } .dos .hljs-flow, .diff .hljs-change, .python .exception, .python .hljs-built_in, .hljs-literal, .tex .hljs-special { color: #EFEFAF; } .diff .hljs-chunk, .hljs-subst { color: #8F8F8F; } .dos .hljs-keyword, .python .hljs-decorator, .hljs-title, .haskell .hljs-type, .diff .hljs-header, .ruby .hljs-class .hljs-parent, .apache .hljs-tag, .nginx .hljs-built_in, .tex .hljs-command, .hljs-prompt { color: #efef8f; } .dos .hljs-winutils, .ruby .hljs-symbol, .ruby .hljs-symbol .hljs-string, .ruby .hljs-string { color: #DCA3A3; } .diff .hljs-deletion, .hljs-string, .hljs-tag .hljs-value, .hljs-preprocessor, .hljs-pragma, .hljs-built_in, .sql .hljs-aggregate, .hljs-javadoc, .smalltalk .hljs-class, .smalltalk .hljs-localvars, .smalltalk .hljs-array, .css .hljs-rules .hljs-value, .hljs-attr_selector, .hljs-pseudo, .apache .hljs-cbracket, .tex .hljs-formula, .coffeescript .hljs-attribute { color: #CC9393; } .hljs-shebang, .diff .hljs-addition, .hljs-comment, .java .hljs-annotation, .hljs-template_comment, .hljs-pi, .hljs-doctype { color: #7F9F7F; } .coffeescript .javascript, .javascript .xml, .tex .hljs-formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata { opacity: 0.5; } /*! * Main styles for Slides * * @author Hakim El Hattab */ * { -moz-box-sizing: border-box; box-sizing: border-box; } html, body { padding: 0; margin: 0; color: #252525; font-family: "Open Sans", Helvetica, sans-serif; font-size: 16px; } html:before, body:before { content: "" !important; } html { -webkit-font-smoothing: subpixel-antialiased !important; } html.sl-root:not(.loaded) * { -webkit-transition: none !important; transition: none !important; } body { overflow-y: scroll; } body > *:not(.reveal) { font-family: "Open Sans", Helvetica, sans-serif; } html, #container { background-color: #eee; } #container { position: relative; z-index: 1; } .icon { display: inline-block; line-height: 1; } .spinner { display: block; width: 32px; height: 32px; margin-top: 16px; margin-left: 16px; } .spinner.centered { position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } .spinner.centered-horizontally { margin-left: auto; margin-right: auto; } .spinner-bitmap { display: block; width: 32px; height: 32px; background-image: url(data:image/png;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); background-repeat: no-repeat; } .clear { clear: both; } .vcenter:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .vcenter-target { display: inline-block; vertical-align: middle; } .no-transition, .no-transition * { -webkit-transition: none !important; transition: none !important; } .grow-in-on-load { opacity: 0; -webkit-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } html.loaded .grow-in-on-load { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Helvetica, sans-serif; line-height: 1.3em; font-weight: normal; } h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0; } h1 { font-size: 35.2px; } h2 { font-size: 27.2px; } h3 { font-size: 20.8px; } h4 { font-size: 16px; font-weight: 600; } h5 { font-size: 16px; font-weight: 600; } h6 { font-size: 16px; font-weight: 600; } p { margin: 1em 0; } a { color: #255c7c; text-decoration: none; outline: 0; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } a:hover { color: #4195c6; } a:focus { outline: 1px solid #1baee1; } p a { border-bottom: 1px solid #8fc1de; } b { font-weight: 600; } small { font-size: 0.8em; } button { border: 0; background: transparent; cursor: pointer; } .text-semi-bold { font-weight: 600; } .main { line-height: 1.5; } .reveal-viewport { width: 100%; height: 100%; } .container .column { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; } @media screen and (max-width: 380px) { .container .column { padding: 0 10px; } } .container .column > section, .container .column > div > section { position: relative; width: 100%; margin: 40px auto; padding: 40px; background: white; border-radius: 2px; } .container .column > section h2, .container .column > div > section h2 { margin-bottom: 20px; } .container .column > section .header-with-description h2, .container .column > div > section .header-with-description h2 { margin-bottom: 10px; } .container .column > section .header-with-description p, .container .column > div > section .header-with-description p { margin-top: 0; margin-bottom: 20px; color: #999; font-size: 0.9em; } .container .column > section.critical-error, .container .column > div > section.critical-error { border-color: #f00; background: #eb5555; color: #fff; } @media screen and (max-width: 380px) { .container .column > section, .container .column > div > section { padding: 20px; } .container .column > section:first-child, .container .column > div > section:first-child { margin-top: 10px; } } .container .column .page-navigation + section { margin-top: 20px; } .container .column .page-navigation { display: block; max-width: 900px; margin: 40px auto 20px auto; text-align: right; } .container .column .page-navigation .title { float: left; margin-top: 5px; font-weight: bold; color: #bbb; } .container .column .page-navigation ul { list-style: none; } .container .column .page-navigation ul li { display: inline-block; position: relative; margin-left: 5px; margin-bottom: 7px; } .container .column .page-navigation ul li .button { padding-top: 8px; padding-bottom: 8px; font-size: 0.9em; color: #777; border-color: #aaa; } .container .column .page-navigation ul li .button:hover { color: #222; border-color: #444; } .container .column .page-navigation ul li .button.selected { color: #222; border-color: #444; opacity: 1; } .container .column .page-navigation ul li .button.selected:before { content: ''; position: absolute; height: 0px; width: 0px; left: 50%; right: initial; top: 100%; bottom: initial; border-style: solid; border-width: 4px; border-color: transparent; -webkit-transform: rotate(360deg); margin-left: -4px; border-bottom-width: 0; border-top-color: #444444; } .flash-notification { position: absolute; width: 100%; top: 0; left: 0; text-align: center; z-index: 100; display: none; } .flash-notification p { display: inline-block; margin: 13px; padding: 10px 20px; background: #111; color: white; border: 1px solid #333; border-radius: 4px; } @-webkit-keyframes page-loader-spinner { 50% { border-radius: 50%; -webkit-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { -webkit-transform: scale(1) rotate(720deg); transform: scale(1) rotate(720deg); } } @keyframes page-loader-spinner { 50% { border-radius: 50%; -webkit-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { -webkit-transform: scale(1) rotate(720deg); transform: scale(1) rotate(720deg); } } .page-loader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 2000; background: #111; color: #fff; opacity: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .page-loader .page-loader-inner { position: absolute; display: block; top: 40%; width: 100%; text-align: center; } .page-loader .page-loader-inner .page-loader-spinner { display: block; position: relative; width: 50px; height: 50px; margin: 0 auto 20px auto; -webkit-animation: page-loader-spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; animation: page-loader-spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal; background-color: #E4637C; border-radius: 1px; } .page-loader .page-loader-inner .page-loader-message { display: block; margin: 0; vertical-align: top; line-height: 32px; font-size: 14px; color: #bbb; font-family: Helvetica, sans-serif; } .page-loader.visible { visibility: visible; opacity: 1; } .page-loader.frozen .page-loader-spinner { -webkit-animation: none; animation: none; } .pro-badge { display: inline-block; position: relative; padding: 3px 6px 2px 6px; font-size: 12px; font-weight: normal; line-height: 14px; letter-spacing: 1px; border-radius: 2px; border: 1px solid #2d739c; background: #3990c3; color: #fff; vertical-align: middle; } .pro-badge:after { display: inline-block; position: relative; top: -1px; margin-left: 2px; color: #fff; content: "\e094"; font-family: 'slides'; font-weight: normal; -webkit-font-smoothing: antialiased; } .pro-badge:hover { color: #fff; border-color: #3381af; background: #5fa6d0; } .touch .user-view li .controls { opacity: 1 !important; } .touch .deck-view .options { opacity: 1; } .reveal .sl-block { display: block; position: absolute; z-index: auto; } .reveal .sl-block .sl-block-content { display: block; position: relative; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; outline: 0; word-wrap: break-word; } .reveal .sl-block .sl-block-content .sl-block-content-preview { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .reveal .sl-block .sl-block-content > :first-child { margin-top: 0; } .reveal .sl-block .sl-block-content > :last-child { margin-bottom: 0; } html.decks.edit.is-editing .reveal .sl-block { cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: none; transition: none; } html.decks.edit.is-editing .reveal .sl-block .sl-block-content { cursor: pointer; } html.decks.edit.is-editing .reveal .sl-block .sl-block-content:before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; z-index: 1; opacity: 0; background-color: transparent; } html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-message, html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-warning { padding: 10px; font-size: 14px; text-align: center; background-color: #222; color: #fff; opacity: 0.9; } html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-message .vcenter-target, html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-warning .vcenter-target { vertical-align: middle; } html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-message.below-content, html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-warning.below-content { z-index: 0 !important; } html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-warning { color: #ffa660; } html.decks.edit.is-editing .reveal .sl-block .sl-block-overlay-warning .icon { display: block; margin: 0 auto 10px auto; width: 2em; height: 2em; line-height: 2em; border-radius: 1em; text-align: center; font-size: 12px; color: #fff; background-color: #e06200; } html.decks.edit.is-editing .reveal .sl-block .sl-block-placeholder { background-image: url(//assets.slid.es/assets/editor/block-placeholder-white-transparent-500x500.png); background-size: contain; background-color: #222; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.9; } html.decks.edit.is-editing .reveal .sl-block.is-editing, html.decks.edit.is-editing .reveal .sl-block.is-editing .sl-block-content { cursor: auto; } html.decks.edit.is-editing .reveal .sl-block.is-editing .sl-block-content { outline: 1px solid rgba(27, 174, 225, 0.4); } html.decks.edit.is-editing .reveal .sl-block.is-editing .sl-block-content:before { display: none; } html.decks.edit.is-editing .reveal .sl-block.intro-start { opacity: 0; z-index: 255; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } html.decks.edit.is-editing .reveal .sl-block.intro-end { z-index: 255; -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform { position: absolute; width: 100%; height: 100%; left: 0; top: 0; visibility: hidden; z-index: 255; pointer-events: none; border: 1px solid #1baee1; font-size: 12px; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor { position: absolute; width: 1em; height: 1em; border-radius: 50%; background: #fff; border: 1px solid #1baee1; cursor: pointer; pointer-events: all; visibility: hidden; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=n] { left: 50%; bottom: 100%; margin-left: -0.5em; margin-bottom: -0.4em; cursor: row-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=e] { left: 100%; top: 50%; margin-top: -0.5em; margin-left: -0.4em; cursor: col-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=s] { left: 50%; top: 100%; margin-left: -0.5em; margin-top: -0.4em; cursor: row-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=w] { right: 100%; top: 50%; margin-top: -0.5em; margin-right: -0.4em; cursor: col-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=nw] { right: 100%; bottom: 100%; margin-right: -0.4em; margin-bottom: -0.4em; cursor: nw-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=ne] { left: 100%; bottom: 100%; margin-left: -0.4em; margin-bottom: -0.4em; cursor: ne-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=se] { left: 100%; top: 100%; margin-left: -0.4em; margin-top: -0.4em; cursor: se-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform .anchor[data-direction=sw] { right: 100%; top: 100%; margin-right: -0.4em; margin-top: -0.4em; cursor: sw-resize; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-horizontal="false"] .anchor[data-direction=e], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-horizontal="false"] .anchor[data-direction=w], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-horizontal="false"] .anchor[data-direction=nw], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-horizontal="false"] .anchor[data-direction=ne], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-horizontal="false"] .anchor[data-direction=se], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-horizontal="false"] .anchor[data-direction=sw] { display: none; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-vertical="false"] .anchor[data-direction=n], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-vertical="false"] .anchor[data-direction=s], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-vertical="false"] .anchor[data-direction=nw], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-vertical="false"] .anchor[data-direction=ne], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-vertical="false"] .anchor[data-direction=se], html.decks.edit.is-editing .reveal .sl-block .sl-block-transform[data-vertical="false"] .anchor[data-direction=sw] { display: none; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform.visible { visibility: visible; } html.decks.edit.is-editing .reveal .sl-block .sl-block-transform.visible .anchor { visibility: visible; } html.decks.edit.is-editing .reveal .sl-block.is-editing .sl-block-transform { visibility: hidden; } html.decks.edit.is-editing.touch-editor .reveal .sl-block .sl-block-transform { font-size: 20px; } html.decks.edit.is-editing.touch-editor .reveal .sl-block .sl-block-transform .anchor:before { content: ''; position: absolute; left: -0.5em; top: -0.5em; width: 2em; height: 2em; } html.decks.edit.is-editing.touch-editor-small .reveal .sl-block .sl-block-transform { font-size: 30px; } .reveal .sl-block[data-block-type="image"] .sl-block-placeholder { background-image: url(//assets.slid.es/assets/editor/image-placeholder-white-transparent-500x500.png) !important; } .reveal .sl-block[data-block-type="image"] .image-progress { background-color: rgba(0, 0, 0, 0.7); font-size: 14px; color: #fff; text-align: center; } .reveal .sl-block[data-block-type="image"] .sl-block-content { overflow: hidden; } .reveal .sl-block[data-block-type="image"] .sl-block-content img { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; vertical-align: top; } .reveal .sl-block[data-block-type="iframe"] .sl-block-content { overflow: hidden; -webkit-overflow-scrolling: touch; } .reveal .sl-block[data-block-type="iframe"] .sl-block-content iframe { width: 100%; height: 100%; } .reveal .sl-block[data-block-type="shape"] .sl-block-content { line-height: 0; } .reveal .sl-block[data-block-type="code"] .sl-block-placeholder { background-image: url(//assets.slid.es/assets/editor/code-placeholder-white-transparent-500x500.png) !important; } .reveal .sl-block[data-block-type="code"] .sl-block-content pre, .reveal .sl-block[data-block-type="code"] .sl-block-content code { width: 100%; height: 100%; margin: 0; } .reveal .sl-block[data-block-type="code"] .sl-block-content pre { font-size: 0.55em; } .reveal .sl-block[data-block-type="code"] .sl-block-content code { white-space: pre; word-wrap: normal; } .reveal .sl-block[data-block-type="math"] { font-size: 50px; } .reveal .sl-block[data-block-type="math"] .sl-block-content { font-style: normal; font-family: KaTeX_Main; line-height: 1.4; } .reveal .sl-block[data-block-type="math"] .sl-block-placeholder { background-image: url(//assets.slid.es/assets/editor/math-placeholder-white-transparent-500x500.png) !important; } .reveal .sl-block[data-block-type="math"] .math-input { display: none; } .reveal .sl-block[data-block-type="math"].is-empty .sl-block-content { width: 300px; height: 200px; } /*! * reveal.js * http://lab.hakim.se/reveal-js * MIT licensed * * Copyright (C) 2015 Hakim El Hattab, http://hakim.se */ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .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 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, .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section { display: block; } html, body { width: 100%; height: 100%; overflow: hidden; } body { position: relative; line-height: 1; background-color: #fff; color: #000; } ::-moz-selection { background: #FF5E99; color: #fff; text-shadow: none; } ::-moz-selection { background: #FF5E99; color: #fff; text-shadow: none; } ::selection { background: #FF5E99; color: #fff; text-shadow: none; } .reveal .slides section .fragment { opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; transition: all 0.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); -ms-transform: scale(1.3); transform: scale(1.3); } .reveal .slides section .fragment.shrink { opacity: 1; visibility: visible; } .reveal .slides section .fragment.shrink.visible { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .reveal .slides section .fragment.zoom-in { -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); } .reveal .slides section .fragment.zoom-in.visible { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .reveal .slides section .fragment.roll-in { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } .reveal .slides section .fragment.roll-in.visible { -webkit-transform: rotateX(0); transform: rotateX(0); } .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.strike { opacity: 1; } .reveal .slides section .fragment.strike.visible { text-decoration: line-through; } .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, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .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; } .reveal .slides section .fragment.highlight-green.visible { color: #17ff2e; } .reveal .slides section .fragment.highlight-blue.visible { color: #1b91ff; } .reveal .slides section .fragment.highlight-current-red.current-fragment { color: #ff2c2d; } .reveal .slides section .fragment.highlight-current-green.current-fragment { color: #17ff2e; } .reveal .slides section .fragment.highlight-current-blue.current-fragment { color: #1b91ff; } .reveal:after { content: ''; font-style: italic; } .reveal iframe { z-index: 1; } .reveal a { position: relative; } .reveal .stretch { max-width: none; max-height: none; } .reveal pre.stretch code { height: 100%; max-height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal .controls { display: none; position: fixed; width: 110px; height: 110px; z-index: 30; right: 10px; bottom: 10px; -webkit-user-select: none; } .reveal .controls div { position: absolute; opacity: 0.05; width: 0; height: 0; border: 12px solid transparent; -webkit-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-tap-highlight-color: transparent; } .reveal .controls div.enabled { opacity: 0.7; cursor: pointer; } .reveal .controls div.enabled:active { margin-top: 1px; } .reveal .controls div.navigate-left { top: 42px; border-right-width: 22px; border-right-color: #000; } .reveal .controls div.navigate-left.fragmented { opacity: 0.3; } .reveal .controls div.navigate-right { left: 74px; top: 42px; border-left-width: 22px; border-left-color: #000; } .reveal .controls div.navigate-right.fragmented { opacity: 0.3; } .reveal .controls div.navigate-up { left: 42px; border-bottom-width: 22px; border-bottom-color: #000; } .reveal .controls div.navigate-up.fragmented { opacity: 0.3; } .reveal .controls div.navigate-down { left: 42px; top: 74px; border-top-width: 22px; border-top-color: #000; } .reveal .controls div.navigate-down.fragmented { opacity: 0.3; } .reveal .progress { position: fixed; display: none; height: 3px; width: 100%; bottom: 0; left: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.2); } .reveal .progress:after { content: ''; display: block; position: absolute; height: 20px; width: 100%; top: -20px; } .reveal .progress span { display: block; height: 100%; width: 0px; background-color: #000; -webkit-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); } .reveal .slide-number { position: fixed; display: block; right: 15px; bottom: 15px; opacity: 0.5; z-index: 31; font-size: 12px; } .reveal { position: relative; width: 100%; height: 100%; overflow: hidden; -ms-touch-action: none; touch-action: none; } .reveal .slides { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: visible; z-index: 1; text-align: center; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 50% 40%; perspective-origin: 50% 40%; } .reveal .slides > section { -ms-perspective: 600px; } .reveal .slides > section, .reveal .slides > section > section { display: none; position: absolute; width: 100%; padding: 20px 0px; z-index: 10; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } .reveal[data-transition-speed="fast"] .slides section { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal[data-transition-speed="slow"] .slides section { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } .reveal .slides section[data-transition-speed="fast"] { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal .slides section[data-transition-speed="slow"] { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } .reveal .slides > section.stack { padding-top: 0; padding-bottom: 0; } .reveal .slides > section.present, .reveal .slides > section > section.present { display: block; z-index: 11; opacity: 1; } .reveal.center, .reveal.center .slides, .reveal.center .slides section { min-height: 0 !important; } .reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past { pointer-events: none; } .reveal.overview .slides > section, .reveal.overview .slides > section > section { pointer-events: auto; } .reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future { opacity: 0; } .reveal.slide section, .reveal.linear section { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reveal .slides > section[data-transition=slide].past, .reveal.slide .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=linear].past, .reveal.linear .slides > section:not([data-transition]).past { -webkit-transform: translate(-150%, 0); -ms-transform: translate(-150%, 0); transform: translate(-150%, 0); } .reveal .slides > section[data-transition=slide].future, .reveal.slide .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=linear].future, .reveal.linear .slides > section:not([data-transition]).future { -webkit-transform: translate(150%, 0); -ms-transform: translate(150%, 0); transform: translate(150%, 0); } .reveal .slides > section > section[data-transition=slide].past, .reveal.slide .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=linear].past, .reveal.linear .slides > section > section:not([data-transition]).past { -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); transform: translate(0, -150%); } .reveal .slides > section > section[data-transition=slide].future, .reveal.slide .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=linear].future, .reveal.linear .slides > section > section:not([data-transition]).future { -webkit-transform: translate(0, 150%); -ms-transform: translate(0, 150%); transform: translate(0, 150%); } .reveal .slides > section[data-transition=default].past, .reveal.default .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=convex].past, .reveal.convex .slides > section:not([data-transition]).past { -webkit-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.default .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=convex].future, .reveal.convex .slides > section:not([data-transition]).future { -webkit-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 > section[data-transition=default].past, .reveal.default .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=convex].past, .reveal.convex .slides > section > section:not([data-transition]).past { -webkit-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.default .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=convex].future, .reveal.convex .slides > section > section:not([data-transition]).future { -webkit-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[data-transition=concave].past, .reveal.concave .slides > section:not([data-transition]).past { -webkit-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:not([data-transition]).future { -webkit-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 > section[data-transition=concave].past, .reveal.concave .slides > section > section:not([data-transition]).past { -webkit-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:not([data-transition]).future { -webkit-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[data-transition=zoom], .reveal.zoom .slides > section:not([data-transition]) { -webkit-transition-timing-function: ease; transition-timing-function: ease; } .reveal .slides > section[data-transition=zoom].past, .reveal.zoom .slides > section:not([data-transition]).past { visibility: hidden; -webkit-transform: scale(16); -ms-transform: scale(16); transform: scale(16); } .reveal .slides > section[data-transition=zoom].future, .reveal.zoom .slides > section:not([data-transition]).future { visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .reveal .slides > section > section[data-transition=zoom].past, .reveal.zoom .slides > section > section:not([data-transition]).past { -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); transform: translate(0, -150%); } .reveal .slides > section > section[data-transition=zoom].future, .reveal.zoom .slides > section > section:not([data-transition]).future { -webkit-transform: translate(0, 150%); -ms-transform: translate(0, 150%); transform: translate(0, 150%); } .reveal.cube .slides { -webkit-perspective: 1300px; perspective: 1300px; } .reveal.cube .slides section { padding: 30px; min-height: 700px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal.center.cube .slides section { min-height: 0; } .reveal.cube .slides section:not(.stack):before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-transform: translateZ(-20px); transform: translateZ(-20px); } .reveal.cube .slides section:not(.stack):after { content: ''; position: absolute; display: block; width: 90%; height: 30px; left: 5%; bottom: 0; background: none; z-index: 1; border-radius: 4px; box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2); -webkit-transform: translateZ(-90px) rotateX(65deg); transform: translateZ(-90px) rotateX(65deg); } .reveal.cube .slides > section.stack { padding: 0; background: none; } .reveal.cube .slides > section.past { -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg); } .reveal.cube .slides > section.future { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); transform: translate3d(100%, 0, 0) rotateY(90deg); } .reveal.cube .slides > section > section.past { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg); transform: translate3d(0, -100%, 0) rotateX(90deg); } .reveal.cube .slides > section > section.future { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg); transform: translate3d(0, 100%, 0) rotateX(-90deg); } .reveal.page .slides { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; -webkit-perspective: 3000px; perspective: 3000px; } .reveal.page .slides section { padding: 30px; min-height: 700px; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal.page .slides section.past { z-index: 12; } .reveal.page .slides section:not(.stack):before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(-20px); transform: translateZ(-20px); } .reveal.page .slides section:not(.stack):after { content: ''; position: absolute; display: block; width: 90%; height: 30px; left: 5%; bottom: 0; background: none; z-index: 1; border-radius: 4px; box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2); -webkit-transform: translateZ(-90px) rotateX(65deg); } .reveal.page .slides > section.stack { padding: 0; background: none; } .reveal.page .slides > section.past { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg); transform: translate3d(-40%, 0, 0) rotateY(-80deg); } .reveal.page .slides > section.future { -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .reveal.page .slides > section > section.past { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg); transform: translate3d(0, -40%, 0) rotateX(80deg); } .reveal.page .slides > section > section.future { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section { -webkit-transition: none; transition: none; } .reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; transition: none; } .reveal .pause-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; visibility: hidden; opacity: 0; z-index: 100; -webkit-transition: all 1s ease; transition: all 1s ease; } .reveal.paused .pause-overlay { visibility: visible; opacity: 1; } .no-transforms { overflow-y: auto; } .no-transforms .reveal .slides { position: relative; width: 80%; height: auto !important; top: 0; left: 50%; margin: 0; text-align: center; } .no-transforms .reveal .controls, .no-transforms .reveal .progress { display: none !important; } .no-transforms .reveal .slides section { display: block !important; opacity: 1 !important; position: relative !important; height: auto; min-height: 0; top: 0; left: -50%; margin: 70px 0; -webkit-transform: none; -ms-transform: none; transform: none; } .no-transforms .reveal .slides section section { left: 0; } .reveal .no-transition, .reveal .no-transition * { -webkit-transition: none !important; transition: none !important; } .reveal .backgrounds { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-perspective: 600px; perspective: 600px; } .reveal .slide-background { display: none; position: absolute; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } .reveal .slide-background.stack { display: block; } .reveal .slide-background.present { opacity: 1; visibility: visible; } .print-pdf .reveal .slide-background { opacity: 1 !important; visibility: visible !important; } .reveal .slide-background video { position: absolute; width: 100%; height: 100%; max-width: none; max-height: none; top: 0; left: 0; } .reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] { -webkit-transition: none; transition: none; } .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] { opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] { opacity: 0; -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); } .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] { opacity: 0; -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(16); -ms-transform: scale(16); transform: scale(16); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(16); -ms-transform: scale(16); transform: scale(16); } .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] { opacity: 0; visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .reveal[data-transition-speed="fast"] > .backgrounds .slide-background { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal[data-transition-speed="slow"] > .backgrounds .slide-background { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } .reveal.overview { -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; -webkit-perspective: 700px; perspective: 700px; } .reveal.overview .slides section { height: 700px; opacity: 1 !important; overflow: hidden; visibility: visible !important; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal.overview .slides section:hover, .reveal.overview .slides section.present { outline: 10px solid rgba(150, 150, 150, 0.4); outline-offset: 10px; } .reveal.overview .slides section .fragment { opacity: 1; -webkit-transition: none; transition: none; } .reveal.overview .slides section:after, .reveal.overview .slides section:before { display: none !important; } .reveal.overview .slides > section.stack { padding: 0; top: 0 !important; background: none; outline: none; overflow: visible; } .reveal.overview .backgrounds { -webkit-perspective: inherit; perspective: inherit; } .reveal.overview .backgrounds .slide-background { opacity: 1; visibility: visible; outline: 10px solid rgba(150, 150, 150, 0.1); outline-offset: 10px; } .reveal.overview .slides section, .reveal.overview-deactivating .slides section { -webkit-transition: none; transition: none; } .reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background { -webkit-transition: none; transition: none; } .reveal.overview-animated .slides { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 { direction: rtl; font-family: sans-serif; } .reveal.rtl pre, .reveal.rtl code { direction: ltr; } .reveal.rtl ol, .reveal.rtl ul { text-align: right; } .reveal.rtl .progress span { float: right; } .reveal.has-parallax-background .backgrounds { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds { -webkit-transition-duration: 400ms; transition-duration: 400ms; } .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } .reveal .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .reveal .overlay.visible { opacity: 1; visibility: visible; } .reveal .overlay .spinner { position: absolute; display: block; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; z-index: 10; background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D); visibility: visible; opacity: 0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .reveal .overlay header { position: absolute; left: 0; top: 0; width: 100%; height: 40px; z-index: 2; border-bottom: 1px solid #222; } .reveal .overlay header a { display: inline-block; width: 40px; height: 40px; padding: 0 10px; float: right; opacity: 0.6; -moz-box-sizing: border-box; box-sizing: border-box; } .reveal .overlay header a:hover { opacity: 1; } .reveal .overlay header a .icon { display: inline-block; width: 20px; height: 20px; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; } .reveal .overlay header a.close .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); } .reveal .overlay header a.external .icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); } .reveal .overlay .viewport { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; } .reveal .overlay.overlay-preview .viewport iframe { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .reveal .overlay.overlay-preview.loaded .viewport iframe { opacity: 1; visibility: visible; } .reveal .overlay.overlay-preview.loaded .spinner { opacity: 0; visibility: hidden; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .reveal .overlay.overlay-help .viewport { overflow: auto; color: #fff; } .reveal .overlay.overlay-help .viewport .viewport-inner { width: 600px; margin: 0 auto; padding: 60px; text-align: center; letter-spacing: normal; } .reveal .overlay.overlay-help .viewport .viewport-inner .title { font-size: 20px; } .reveal .overlay.overlay-help .viewport .viewport-inner table { border: 1px solid #fff; border-collapse: collapse; font-size: 14px; } .reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td { width: 200px; padding: 10px; border: 1px solid #fff; vertical-align: middle; } .reveal .overlay.overlay-help .viewport .viewport-inner table th { padding-top: 20px; padding-bottom: 20px; } .reveal .playback { position: fixed; left: 15px; bottom: 15px; z-index: 30; cursor: pointer; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .reveal.overview .playback { opacity: 0; visibility: hidden; } .reveal .roll { display: inline-block; line-height: 1.2; overflow: hidden; vertical-align: top; -webkit-perspective: 400px; perspective: 400px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .reveal .roll:hover { background: none; text-shadow: none; } .reveal .roll span { display: block; position: relative; padding: 0 2px; pointer-events: none; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .reveal .roll:hover span { background: rgba(0, 0, 0, 0.5); -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg); transform: translate3d(0px, 0px, -45px) rotateX(90deg); } .reveal .roll span:after { content: attr(data-title); display: block; position: absolute; left: 0; top: 0; padding: 0 2px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg); transform: translate3d(0px, 110%, 0px) rotateX(-90deg); } .reveal aside.notes { display: none; } .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .zoomed .reveal .progress, .zoomed .reveal .controls { opacity: 0; } .zoomed .reveal .roll span { background: none; } .zoomed .reveal .roll span:after { visibility: hidden; } .reveal .slides > section, .reveal .slides > section > section { height: 700px; font-weight: inherit; padding: 0; } .reveal h1 { font-size: 2.50em; margin-bottom: 0.15em; } .reveal h2 { font-size: 1.90em; margin-bottom: 0.2em; } .reveal h3 { font-size: 1.30em; margin-bottom: 0.25em; } .reveal h4 { font-size: 1.00em; margin-bottom: 0.25em; } .reveal h5 { font-size: 1.00em; margin-bottom: 0.25em; } .reveal h6 { font-size: 1.00em; margin-bottom: 0.25em; } .reveal p { margin-bottom: 0.25em; } .reveal a { text-decoration: none; } .reveal b, .reveal strong { font-weight: bold; } .reveal em { font-style: italic; } .reveal sup { vertical-align: super; } .reveal sub { vertical-align: sub; } .reveal small { font-size: 0.6em; } .reveal ol, .reveal dl, .reveal ul { display: inline-block; margin: 0.25em 0 0.25em 1.5em; text-align: left; } .reveal ol { list-style-type: decimal; } .reveal ul { list-style-type: disc; } .reveal ul ul { list-style-type: square; } .reveal ul ul ul { list-style-type: circle; } .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul { display: block; margin-left: 1.5em; } .reveal dt { font-weight: bold; } .reveal dd { margin-left: 1.5em; } .reveal q { quotes: none; font-style: italic; } .reveal blockquote { display: block; margin: 0.25em auto; font-style: italic; } .reveal blockquote:before { content: "\201C"; display: inline-block; padding: 0 0.15em; font-size: 2em; line-height: 1em; height: 1px; vertical-align: top; } .reveal blockquote > :first-child { margin-top: 0; display: inline; } .reveal blockquote > :last-child { margin-bottom: 0; } .reveal pre { display: block; position: relative; margin: 0.25em auto; text-align: left; font-family: monospace; line-height: 1.2; word-wrap: break-word; } .reveal code { font-family: monospace; } .reveal pre code { display: block; padding: 5px; overflow: auto; word-wrap: normal; background: #3F3F3F; color: #DCDCDC; } .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: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid; } .reveal table tr:last-child td { border-bottom: none; } .theme-color-asphalt-orange { background-color: #2c3e50; background-image: -webkit-radial-gradient(center, circle farthest-corner, #415b77 0%, #2c3e50 100%); background-image: radial-gradient(circle farthest-corner at center, #415b77 0%, #2c3e50 100%); } .theme-color-asphalt-orange body { background: transparent; } .theme-color-asphalt-orange .theme-body-color-block { background: white; } .theme-color-asphalt-orange .theme-link-color-block { background: #ffc200; } .theme-color-asphalt-orange .themed, .theme-color-asphalt-orange .reveal { color: white; } .theme-color-asphalt-orange .themed a, .theme-color-asphalt-orange .reveal a { color: #ffc200; } .theme-color-asphalt-orange .themed a:hover, .theme-color-asphalt-orange .reveal a:hover { color: #ffda66; } .theme-color-asphalt-orange .themed .controls div.navigate-left, .theme-color-asphalt-orange .themed .controls div.navigate-left.enabled, .theme-color-asphalt-orange .reveal .controls div.navigate-left, .theme-color-asphalt-orange .reveal .controls div.navigate-left.enabled { border-right-color: #ffc200; } .theme-color-asphalt-orange .themed .controls div.navigate-right, .theme-color-asphalt-orange .themed .controls div.navigate-right.enabled, .theme-color-asphalt-orange .reveal .controls div.navigate-right, .theme-color-asphalt-orange .reveal .controls div.navigate-right.enabled { border-left-color: #ffc200; } .theme-color-asphalt-orange .themed .controls div.navigate-up, .theme-color-asphalt-orange .themed .controls div.navigate-up.enabled, .theme-color-asphalt-orange .reveal .controls div.navigate-up, .theme-color-asphalt-orange .reveal .controls div.navigate-up.enabled { border-bottom-color: #ffc200; } .theme-color-asphalt-orange .themed .controls div.navigate-down, .theme-color-asphalt-orange .themed .controls div.navigate-down.enabled, .theme-color-asphalt-orange .reveal .controls div.navigate-down, .theme-color-asphalt-orange .reveal .controls div.navigate-down.enabled { border-top-color: #ffc200; } .theme-color-asphalt-orange .themed .controls div.navigate-left.enabled:hover, .theme-color-asphalt-orange .reveal .controls div.navigate-left.enabled:hover { border-right-color: #ffda66; } .theme-color-asphalt-orange .themed .controls div.navigate-right.enabled:hover, .theme-color-asphalt-orange .reveal .controls div.navigate-right.enabled:hover { border-left-color: #ffda66; } .theme-color-asphalt-orange .themed .controls div.navigate-up.enabled:hover, .theme-color-asphalt-orange .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #ffda66; } .theme-color-asphalt-orange .themed .controls div.navigate-down.enabled:hover, .theme-color-asphalt-orange .reveal .controls div.navigate-down.enabled:hover { border-top-color: #ffda66; } .theme-color-asphalt-orange .themed .progress, .theme-color-asphalt-orange .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-asphalt-orange .themed .progress span, .theme-color-asphalt-orange .reveal .progress span { background: #ffc200; -webkit-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); } .theme-color-beige-brown { background-color: #f7f3de; background-image: -webkit-radial-gradient(center, circle farthest-corner, #fff 0%, #f7f2d3 100%); background-image: radial-gradient(circle farthest-corner at center, #ffffff 0%, #f7f2d3 100%); } .theme-color-beige-brown body { background: transparent; } .theme-color-beige-brown .theme-body-color-block { background: #333333; } .theme-color-beige-brown .theme-link-color-block { background: #8b743d; } .theme-color-beige-brown .themed, .theme-color-beige-brown .reveal { color: #333333; } .theme-color-beige-brown .themed a, .theme-color-beige-brown .reveal a { color: #8b743d; } .theme-color-beige-brown .themed a:hover, .theme-color-beige-brown .reveal a:hover { color: #c0a86e; } .theme-color-beige-brown .themed .controls div.navigate-left, .theme-color-beige-brown .themed .controls div.navigate-left.enabled, .theme-color-beige-brown .reveal .controls div.navigate-left, .theme-color-beige-brown .reveal .controls div.navigate-left.enabled { border-right-color: #8b743d; } .theme-color-beige-brown .themed .controls div.navigate-right, .theme-color-beige-brown .themed .controls div.navigate-right.enabled, .theme-color-beige-brown .reveal .controls div.navigate-right, .theme-color-beige-brown .reveal .controls div.navigate-right.enabled { border-left-color: #8b743d; } .theme-color-beige-brown .themed .controls div.navigate-up, .theme-color-beige-brown .themed .controls div.navigate-up.enabled, .theme-color-beige-brown .reveal .controls div.navigate-up, .theme-color-beige-brown .reveal .controls div.navigate-up.enabled { border-bottom-color: #8b743d; } .theme-color-beige-brown .themed .controls div.navigate-down, .theme-color-beige-brown .themed .controls div.navigate-down.enabled, .theme-color-beige-brown .reveal .controls div.navigate-down, .theme-color-beige-brown .reveal .controls div.navigate-down.enabled { border-top-color: #8b743d; } .theme-color-beige-brown .themed .controls div.navigate-left.enabled:hover, .theme-color-beige-brown .reveal .controls div.navigate-left.enabled:hover { border-right-color: #c0a86e; } .theme-color-beige-brown .themed .controls div.navigate-right.enabled:hover, .theme-color-beige-brown .reveal .controls div.navigate-right.enabled:hover { border-left-color: #c0a86e; } .theme-color-beige-brown .themed .controls div.navigate-up.enabled:hover, .theme-color-beige-brown .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #c0a86e; } .theme-color-beige-brown .themed .controls div.navigate-down.enabled:hover, .theme-color-beige-brown .reveal .controls div.navigate-down.enabled:hover { border-top-color: #c0a86e; } .theme-color-beige-brown .themed .progress, .theme-color-beige-brown .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-beige-brown .themed .progress span, .theme-color-beige-brown .reveal .progress span { background: #8b743d; -webkit-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); } .theme-color-black-blue { background: #111111; } .theme-color-black-blue body { background: transparent; } .theme-color-black-blue .theme-body-color-block { background: white; } .theme-color-black-blue .theme-link-color-block { background: #2f90f8; } .theme-color-black-blue .themed, .theme-color-black-blue .reveal { color: white; } .theme-color-black-blue .themed a, .theme-color-black-blue .reveal a { color: #2f90f8; } .theme-color-black-blue .themed a:hover, .theme-color-black-blue .reveal a:hover { color: #79b7fa; } .theme-color-black-blue .themed .controls div.navigate-left, .theme-color-black-blue .themed .controls div.navigate-left.enabled, .theme-color-black-blue .reveal .controls div.navigate-left, .theme-color-black-blue .reveal .controls div.navigate-left.enabled { border-right-color: #2f90f8; } .theme-color-black-blue .themed .controls div.navigate-right, .theme-color-black-blue .themed .controls div.navigate-right.enabled, .theme-color-black-blue .reveal .controls div.navigate-right, .theme-color-black-blue .reveal .controls div.navigate-right.enabled { border-left-color: #2f90f8; } .theme-color-black-blue .themed .controls div.navigate-up, .theme-color-black-blue .themed .controls div.navigate-up.enabled, .theme-color-black-blue .reveal .controls div.navigate-up, .theme-color-black-blue .reveal .controls div.navigate-up.enabled { border-bottom-color: #2f90f8; } .theme-color-black-blue .themed .controls div.navigate-down, .theme-color-black-blue .themed .controls div.navigate-down.enabled, .theme-color-black-blue .reveal .controls div.navigate-down, .theme-color-black-blue .reveal .controls div.navigate-down.enabled { border-top-color: #2f90f8; } .theme-color-black-blue .themed .controls div.navigate-left.enabled:hover, .theme-color-black-blue .reveal .controls div.navigate-left.enabled:hover { border-right-color: #79b7fa; } .theme-color-black-blue .themed .controls div.navigate-right.enabled:hover, .theme-color-black-blue .reveal .controls div.navigate-right.enabled:hover { border-left-color: #79b7fa; } .theme-color-black-blue .themed .controls div.navigate-up.enabled:hover, .theme-color-black-blue .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #79b7fa; } .theme-color-black-blue .themed .controls div.navigate-down.enabled:hover, .theme-color-black-blue .reveal .controls div.navigate-down.enabled:hover { border-top-color: #79b7fa; } .theme-color-black-blue .themed .progress, .theme-color-black-blue .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-black-blue .themed .progress span, .theme-color-black-blue .reveal .progress span { background: #2f90f8; -webkit-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); } .theme-color-black-mint { background: #111111; } .theme-color-black-mint body { background: transparent; } .theme-color-black-mint .theme-body-color-block { background: white; } .theme-color-black-mint .theme-link-color-block { background: #8dd792; } .theme-color-black-mint .themed, .theme-color-black-mint .reveal { color: white; } .theme-color-black-mint .themed a, .theme-color-black-mint .reveal a { color: #8dd792; } .theme-color-black-mint .themed a:hover, .theme-color-black-mint .reveal a:hover { color: #c6ebc8; } .theme-color-black-mint .themed .controls div.navigate-left, .theme-color-black-mint .themed .controls div.navigate-left.enabled, .theme-color-black-mint .reveal .controls div.navigate-left, .theme-color-black-mint .reveal .controls div.navigate-left.enabled { border-right-color: #8dd792; } .theme-color-black-mint .themed .controls div.navigate-right, .theme-color-black-mint .themed .controls div.navigate-right.enabled, .theme-color-black-mint .reveal .controls div.navigate-right, .theme-color-black-mint .reveal .controls div.navigate-right.enabled { border-left-color: #8dd792; } .theme-color-black-mint .themed .controls div.navigate-up, .theme-color-black-mint .themed .controls div.navigate-up.enabled, .theme-color-black-mint .reveal .controls div.navigate-up, .theme-color-black-mint .reveal .controls div.navigate-up.enabled { border-bottom-color: #8dd792; } .theme-color-black-mint .themed .controls div.navigate-down, .theme-color-black-mint .themed .controls div.navigate-down.enabled, .theme-color-black-mint .reveal .controls div.navigate-down, .theme-color-black-mint .reveal .controls div.navigate-down.enabled { border-top-color: #8dd792; } .theme-color-black-mint .themed .controls div.navigate-left.enabled:hover, .theme-color-black-mint .reveal .controls div.navigate-left.enabled:hover { border-right-color: #c6ebc8; } .theme-color-black-mint .themed .controls div.navigate-right.enabled:hover, .theme-color-black-mint .reveal .controls div.navigate-right.enabled:hover { border-left-color: #c6ebc8; } .theme-color-black-mint .themed .controls div.navigate-up.enabled:hover, .theme-color-black-mint .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #c6ebc8; } .theme-color-black-mint .themed .controls div.navigate-down.enabled:hover, .theme-color-black-mint .reveal .controls div.navigate-down.enabled:hover { border-top-color: #c6ebc8; } .theme-color-black-mint .themed .progress, .theme-color-black-mint .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-black-mint .themed .progress span, .theme-color-black-mint .reveal .progress span { background: #8dd792; -webkit-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); } .theme-color-black-orange { background: #222222; } .theme-color-black-orange body { background: transparent; } .theme-color-black-orange .theme-body-color-block { background: white; } .theme-color-black-orange .theme-link-color-block { background: #e7ad52; } .theme-color-black-orange .themed, .theme-color-black-orange .reveal { color: white; } .theme-color-black-orange .themed a, .theme-color-black-orange .reveal a { color: #e7ad52; } .theme-color-black-orange .themed a:hover, .theme-color-black-orange .reveal a:hover { color: #f3d7ac; } .theme-color-black-orange .themed .controls div.navigate-left, .theme-color-black-orange .themed .controls div.navigate-left.enabled, .theme-color-black-orange .reveal .controls div.navigate-left, .theme-color-black-orange .reveal .controls div.navigate-left.enabled { border-right-color: #e7ad52; } .theme-color-black-orange .themed .controls div.navigate-right, .theme-color-black-orange .themed .controls div.navigate-right.enabled, .theme-color-black-orange .reveal .controls div.navigate-right, .theme-color-black-orange .reveal .controls div.navigate-right.enabled { border-left-color: #e7ad52; } .theme-color-black-orange .themed .controls div.navigate-up, .theme-color-black-orange .themed .controls div.navigate-up.enabled, .theme-color-black-orange .reveal .controls div.navigate-up, .theme-color-black-orange .reveal .controls div.navigate-up.enabled { border-bottom-color: #e7ad52; } .theme-color-black-orange .themed .controls div.navigate-down, .theme-color-black-orange .themed .controls div.navigate-down.enabled, .theme-color-black-orange .reveal .controls div.navigate-down, .theme-color-black-orange .reveal .controls div.navigate-down.enabled { border-top-color: #e7ad52; } .theme-color-black-orange .themed .controls div.navigate-left.enabled:hover, .theme-color-black-orange .reveal .controls div.navigate-left.enabled:hover { border-right-color: #f3d7ac; } .theme-color-black-orange .themed .controls div.navigate-right.enabled:hover, .theme-color-black-orange .reveal .controls div.navigate-right.enabled:hover { border-left-color: #f3d7ac; } .theme-color-black-orange .themed .controls div.navigate-up.enabled:hover, .theme-color-black-orange .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #f3d7ac; } .theme-color-black-orange .themed .controls div.navigate-down.enabled:hover, .theme-color-black-orange .reveal .controls div.navigate-down.enabled:hover { border-top-color: #f3d7ac; } .theme-color-black-orange .themed .progress, .theme-color-black-orange .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-black-orange .themed .progress span, .theme-color-black-orange .reveal .progress span { background: #e7ad52; -webkit-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); } .theme-color-blue-yellow { background: #44a0dd; } .theme-color-blue-yellow body { background: transparent; } .theme-color-blue-yellow .theme-body-color-block { background: white; } .theme-color-blue-yellow .theme-link-color-block { background: #ecec6a; } .theme-color-blue-yellow .themed, .theme-color-blue-yellow .reveal { color: white; } .theme-color-blue-yellow .themed a, .theme-color-blue-yellow .reveal a { color: #ecec6a; } .theme-color-blue-yellow .themed a:hover, .theme-color-blue-yellow .reveal a:hover { color: #f8f8c4; } .theme-color-blue-yellow .themed .controls div.navigate-left, .theme-color-blue-yellow .themed .controls div.navigate-left.enabled, .theme-color-blue-yellow .reveal .controls div.navigate-left, .theme-color-blue-yellow .reveal .controls div.navigate-left.enabled { border-right-color: #ecec6a; } .theme-color-blue-yellow .themed .controls div.navigate-right, .theme-color-blue-yellow .themed .controls div.navigate-right.enabled, .theme-color-blue-yellow .reveal .controls div.navigate-right, .theme-color-blue-yellow .reveal .controls div.navigate-right.enabled { border-left-color: #ecec6a; } .theme-color-blue-yellow .themed .controls div.navigate-up, .theme-color-blue-yellow .themed .controls div.navigate-up.enabled, .theme-color-blue-yellow .reveal .controls div.navigate-up, .theme-color-blue-yellow .reveal .controls div.navigate-up.enabled { border-bottom-color: #ecec6a; } .theme-color-blue-yellow .themed .controls div.navigate-down, .theme-color-blue-yellow .themed .controls div.navigate-down.enabled, .theme-color-blue-yellow .reveal .controls div.navigate-down, .theme-color-blue-yellow .reveal .controls div.navigate-down.enabled { border-top-color: #ecec6a; } .theme-color-blue-yellow .themed .controls div.navigate-left.enabled:hover, .theme-color-blue-yellow .reveal .controls div.navigate-left.enabled:hover { border-right-color: #f8f8c4; } .theme-color-blue-yellow .themed .controls div.navigate-right.enabled:hover, .theme-color-blue-yellow .reveal .controls div.navigate-right.enabled:hover { border-left-color: #f8f8c4; } .theme-color-blue-yellow .themed .controls div.navigate-up.enabled:hover, .theme-color-blue-yellow .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #f8f8c4; } .theme-color-blue-yellow .themed .controls div.navigate-down.enabled:hover, .theme-color-blue-yellow .reveal .controls div.navigate-down.enabled:hover { border-top-color: #f8f8c4; } .theme-color-blue-yellow .themed .progress, .theme-color-blue-yellow .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-blue-yellow .themed .progress span, .theme-color-blue-yellow .reveal .progress span { background: #ecec6a; -webkit-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); } .theme-color-cobalt-orange { background-color: #13335a; background-image: -webkit-radial-gradient(center, circle farthest-corner, #1a4984 0%, #13335a 100%); background-image: radial-gradient(circle farthest-corner at center, #1a4984 0%, #13335a 100%); } .theme-color-cobalt-orange body { background: transparent; } .theme-color-cobalt-orange .theme-body-color-block { background: white; } .theme-color-cobalt-orange .theme-link-color-block { background: #e08c14; } .theme-color-cobalt-orange .themed, .theme-color-cobalt-orange .reveal { color: white; } .theme-color-cobalt-orange .themed a, .theme-color-cobalt-orange .reveal a { color: #e08c14; } .theme-color-cobalt-orange .themed a:hover, .theme-color-cobalt-orange .reveal a:hover { color: #f2b968; } .theme-color-cobalt-orange .themed .controls div.navigate-left, .theme-color-cobalt-orange .themed .controls div.navigate-left.enabled, .theme-color-cobalt-orange .reveal .controls div.navigate-left, .theme-color-cobalt-orange .reveal .controls div.navigate-left.enabled { border-right-color: #e08c14; } .theme-color-cobalt-orange .themed .controls div.navigate-right, .theme-color-cobalt-orange .themed .controls div.navigate-right.enabled, .theme-color-cobalt-orange .reveal .controls div.navigate-right, .theme-color-cobalt-orange .reveal .controls div.navigate-right.enabled { border-left-color: #e08c14; } .theme-color-cobalt-orange .themed .controls div.navigate-up, .theme-color-cobalt-orange .themed .controls div.navigate-up.enabled, .theme-color-cobalt-orange .reveal .controls div.navigate-up, .theme-color-cobalt-orange .reveal .controls div.navigate-up.enabled { border-bottom-color: #e08c14; } .theme-color-cobalt-orange .themed .controls div.navigate-down, .theme-color-cobalt-orange .themed .controls div.navigate-down.enabled, .theme-color-cobalt-orange .reveal .controls div.navigate-down, .theme-color-cobalt-orange .reveal .controls div.navigate-down.enabled { border-top-color: #e08c14; } .theme-color-cobalt-orange .themed .controls div.navigate-left.enabled:hover, .theme-color-cobalt-orange .reveal .controls div.navigate-left.enabled:hover { border-right-color: #f2b968; } .theme-color-cobalt-orange .themed .controls div.navigate-right.enabled:hover, .theme-color-cobalt-orange .reveal .controls div.navigate-right.enabled:hover { border-left-color: #f2b968; } .theme-color-cobalt-orange .themed .controls div.navigate-up.enabled:hover, .theme-color-cobalt-orange .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #f2b968; } .theme-color-cobalt-orange .themed .controls div.navigate-down.enabled:hover, .theme-color-cobalt-orange .reveal .controls div.navigate-down.enabled:hover { border-top-color: #f2b968; } .theme-color-cobalt-orange .themed .progress, .theme-color-cobalt-orange .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-cobalt-orange .themed .progress span, .theme-color-cobalt-orange .reveal .progress span { background: #e08c14; -webkit-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); } .theme-color-coral-blue { background-color: #c97150; background-image: -webkit-radial-gradient(center, circle farthest-corner, #d59177 0%, #c97150 100%); background-image: radial-gradient(circle farthest-corner at center, #d59177 0%, #c97150 100%); } .theme-color-coral-blue body { background: transparent; } .theme-color-coral-blue .theme-body-color-block { background: white; } .theme-color-coral-blue .theme-link-color-block { background: #3a65c0; } .theme-color-coral-blue .themed, .theme-color-coral-blue .reveal { color: white; } .theme-color-coral-blue .themed a, .theme-color-coral-blue .reveal a { color: #3a65c0; } .theme-color-coral-blue .themed a:hover, .theme-color-coral-blue .reveal a:hover { color: #86a1da; } .theme-color-coral-blue .themed .controls div.navigate-left, .theme-color-coral-blue .themed .controls div.navigate-left.enabled, .theme-color-coral-blue .reveal .controls div.navigate-left, .theme-color-coral-blue .reveal .controls div.navigate-left.enabled { border-right-color: #3a65c0; } .theme-color-coral-blue .themed .controls div.navigate-right, .theme-color-coral-blue .themed .controls div.navigate-right.enabled, .theme-color-coral-blue .reveal .controls div.navigate-right, .theme-color-coral-blue .reveal .controls div.navigate-right.enabled { border-left-color: #3a65c0; } .theme-color-coral-blue .themed .controls div.navigate-up, .theme-color-coral-blue .themed .controls div.navigate-up.enabled, .theme-color-coral-blue .reveal .controls div.navigate-up, .theme-color-coral-blue .reveal .controls div.navigate-up.enabled { border-bottom-color: #3a65c0; } .theme-color-coral-blue .themed .controls div.navigate-down, .theme-color-coral-blue .themed .controls div.navigate-down.enabled, .theme-color-coral-blue .reveal .controls div.navigate-down, .theme-color-coral-blue .reveal .controls div.navigate-down.enabled { border-top-color: #3a65c0; } .theme-color-coral-blue .themed .controls div.navigate-left.enabled:hover, .theme-color-coral-blue .reveal .controls div.navigate-left.enabled:hover { border-right-color: #86a1da; } .theme-color-coral-blue .themed .controls div.navigate-right.enabled:hover, .theme-color-coral-blue .reveal .controls div.navigate-right.enabled:hover { border-left-color: #86a1da; } .theme-color-coral-blue .themed .controls div.navigate-up.enabled:hover, .theme-color-coral-blue .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #86a1da; } .theme-color-coral-blue .themed .controls div.navigate-down.enabled:hover, .theme-color-coral-blue .reveal .controls div.navigate-down.enabled:hover { border-top-color: #86a1da; } .theme-color-coral-blue .themed .progress, .theme-color-coral-blue .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-coral-blue .themed .progress span, .theme-color-coral-blue .reveal .progress span { background: #3a65c0; -webkit-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); } .theme-color-forest-yellow { background: #2ba056; } .theme-color-forest-yellow body { background: transparent; } .theme-color-forest-yellow .theme-body-color-block { background: white; } .theme-color-forest-yellow .theme-link-color-block { background: #ecec6a; } .theme-color-forest-yellow .themed, .theme-color-forest-yellow .reveal { color: white; } .theme-color-forest-yellow .themed a, .theme-color-forest-yellow .reveal a { color: #ecec6a; } .theme-color-forest-yellow .themed a:hover, .theme-color-forest-yellow .reveal a:hover { color: #f8f8c4; } .theme-color-forest-yellow .themed .controls div.navigate-left, .theme-color-forest-yellow .themed .controls div.navigate-left.enabled, .theme-color-forest-yellow .reveal .controls div.navigate-left, .theme-color-forest-yellow .reveal .controls div.navigate-left.enabled { border-right-color: #ecec6a; } .theme-color-forest-yellow .themed .controls div.navigate-right, .theme-color-forest-yellow .themed .controls div.navigate-right.enabled, .theme-color-forest-yellow .reveal .controls div.navigate-right, .theme-color-forest-yellow .reveal .controls div.navigate-right.enabled { border-left-color: #ecec6a; } .theme-color-forest-yellow .themed .controls div.navigate-up, .theme-color-forest-yellow .themed .controls div.navigate-up.enabled, .theme-color-forest-yellow .reveal .controls div.navigate-up, .theme-color-forest-yellow .reveal .controls div.navigate-up.enabled { border-bottom-color: #ecec6a; } .theme-color-forest-yellow .themed .controls div.navigate-down, .theme-color-forest-yellow .themed .controls div.navigate-down.enabled, .theme-color-forest-yellow .reveal .controls div.navigate-down, .theme-color-forest-yellow .reveal .controls div.navigate-down.enabled { border-top-color: #ecec6a; } .theme-color-forest-yellow .themed .controls div.navigate-left.enabled:hover, .theme-color-forest-yellow .reveal .controls div.navigate-left.enabled:hover { border-right-color: #f8f8c4; } .theme-color-forest-yellow .themed .controls div.navigate-right.enabled:hover, .theme-color-forest-yellow .reveal .controls div.navigate-right.enabled:hover { border-left-color: #f8f8c4; } .theme-color-forest-yellow .themed .controls div.navigate-up.enabled:hover, .theme-color-forest-yellow .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #f8f8c4; } .theme-color-forest-yellow .themed .controls div.navigate-down.enabled:hover, .theme-color-forest-yellow .reveal .controls div.navigate-down.enabled:hover { border-top-color: #f8f8c4; } .theme-color-forest-yellow .themed .progress, .theme-color-forest-yellow .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-forest-yellow .themed .progress span, .theme-color-forest-yellow .reveal .progress span { background: #ecec6a; -webkit-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); } .theme-color-grey-blue { background-color: #313538; background-image: -webkit-radial-gradient(center, circle farthest-corner, #555a5f 0%, #1c1e20 100%); background-image: radial-gradient(circle farthest-corner at center, #555a5f 0%, #1c1e20 100%); } .theme-color-grey-blue body { background: transparent; } .theme-color-grey-blue .theme-body-color-block { background: white; } .theme-color-grey-blue .theme-link-color-block { background: #13daec; } .theme-color-grey-blue .themed, .theme-color-grey-blue .reveal { color: white; } .theme-color-grey-blue .themed a, .theme-color-grey-blue .reveal a { color: #13daec; } .theme-color-grey-blue .themed a:hover, .theme-color-grey-blue .reveal a:hover { color: #71e9f4; } .theme-color-grey-blue .themed .controls div.navigate-left, .theme-color-grey-blue .themed .controls div.navigate-left.enabled, .theme-color-grey-blue .reveal .controls div.navigate-left, .theme-color-grey-blue .reveal .controls div.navigate-left.enabled { border-right-color: #13daec; } .theme-color-grey-blue .themed .controls div.navigate-right, .theme-color-grey-blue .themed .controls div.navigate-right.enabled, .theme-color-grey-blue .reveal .controls div.navigate-right, .theme-color-grey-blue .reveal .controls div.navigate-right.enabled { border-left-color: #13daec; } .theme-color-grey-blue .themed .controls div.navigate-up, .theme-color-grey-blue .themed .controls div.navigate-up.enabled, .theme-color-grey-blue .reveal .controls div.navigate-up, .theme-color-grey-blue .reveal .controls div.navigate-up.enabled { border-bottom-color: #13daec; } .theme-color-grey-blue .themed .controls div.navigate-down, .theme-color-grey-blue .themed .controls div.navigate-down.enabled, .theme-color-grey-blue .reveal .controls div.navigate-down, .theme-color-grey-blue .reveal .controls div.navigate-down.enabled { border-top-color: #13daec; } .theme-color-grey-blue .themed .controls div.navigate-left.enabled:hover, .theme-color-grey-blue .reveal .controls div.navigate-left.enabled:hover { border-right-color: #71e9f4; } .theme-color-grey-blue .themed .controls div.navigate-right.enabled:hover, .theme-color-grey-blue .reveal .controls div.navigate-right.enabled:hover { border-left-color: #71e9f4; } .theme-color-grey-blue .themed .controls div.navigate-up.enabled:hover, .theme-color-grey-blue .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #71e9f4; } .theme-color-grey-blue .themed .controls div.navigate-down.enabled:hover, .theme-color-grey-blue .reveal .controls div.navigate-down.enabled:hover { border-top-color: #71e9f4; } .theme-color-grey-blue .themed .progress, .theme-color-grey-blue .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-grey-blue .themed .progress span, .theme-color-grey-blue .reveal .progress span { background: #13daec; -webkit-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); } .theme-color-mint-beige { background-color: #207c5f; background-image: -webkit-radial-gradient(center, circle farthest-corner, #2aa57e 0%, #207c5f 100%); background-image: radial-gradient(circle farthest-corner at center, #2aa57e 0%, #207c5f 100%); } .theme-color-mint-beige body { background: transparent; } .theme-color-mint-beige .theme-body-color-block { background: white; } .theme-color-mint-beige .theme-link-color-block { background: #ecec6a; } .theme-color-mint-beige .themed, .theme-color-mint-beige .reveal { color: white; } .theme-color-mint-beige .themed a, .theme-color-mint-beige .reveal a { color: #ecec6a; } .theme-color-mint-beige .themed a:hover, .theme-color-mint-beige .reveal a:hover { color: #f8f8c4; } .theme-color-mint-beige .themed .controls div.navigate-left, .theme-color-mint-beige .themed .controls div.navigate-left.enabled, .theme-color-mint-beige .reveal .controls div.navigate-left, .theme-color-mint-beige .reveal .controls div.navigate-left.enabled { border-right-color: #ecec6a; } .theme-color-mint-beige .themed .controls div.navigate-right, .theme-color-mint-beige .themed .controls div.navigate-right.enabled, .theme-color-mint-beige .reveal .controls div.navigate-right, .theme-color-mint-beige .reveal .controls div.navigate-right.enabled { border-left-color: #ecec6a; } .theme-color-mint-beige .themed .controls div.navigate-up, .theme-color-mint-beige .themed .controls div.navigate-up.enabled, .theme-color-mint-beige .reveal .controls div.navigate-up, .theme-color-mint-beige .reveal .controls div.navigate-up.enabled { border-bottom-color: #ecec6a; } .theme-color-mint-beige .themed .controls div.navigate-down, .theme-color-mint-beige .themed .controls div.navigate-down.enabled, .theme-color-mint-beige .reveal .controls div.navigate-down, .theme-color-mint-beige .reveal .controls div.navigate-down.enabled { border-top-color: #ecec6a; } .theme-color-mint-beige .themed .controls div.navigate-left.enabled:hover, .theme-color-mint-beige .reveal .controls div.navigate-left.enabled:hover { border-right-color: #f8f8c4; } .theme-color-mint-beige .themed .controls div.navigate-right.enabled:hover, .theme-color-mint-beige .reveal .controls div.navigate-right.enabled:hover { border-left-color: #f8f8c4; } .theme-color-mint-beige .themed .controls div.navigate-up.enabled:hover, .theme-color-mint-beige .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #f8f8c4; } .theme-color-mint-beige .themed .controls div.navigate-down.enabled:hover, .theme-color-mint-beige .reveal .controls div.navigate-down.enabled:hover { border-top-color: #f8f8c4; } .theme-color-mint-beige .themed .progress, .theme-color-mint-beige .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-mint-beige .themed .progress span, .theme-color-mint-beige .reveal .progress span { background: #ecec6a; -webkit-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); } .theme-color-no-color { background-color: white; } .theme-color-no-color .theme-body-color-block, .theme-color-no-color .theme-link-color-block { background: black; } .theme-color-no-color .themed, .theme-color-no-color.themed, .theme-color-no-color .reveal, .theme-color-no-color.reveal { color: black; } .theme-color-sand-blue { background: #f0f1eb; } .theme-color-sand-blue body { background: transparent; } .theme-color-sand-blue .theme-body-color-block { background: #111111; } .theme-color-sand-blue .theme-link-color-block { background: #2f90f8; } .theme-color-sand-blue .themed, .theme-color-sand-blue .reveal { color: #111111; } .theme-color-sand-blue .themed a, .theme-color-sand-blue .reveal a { color: #2f90f8; } .theme-color-sand-blue .themed a:hover, .theme-color-sand-blue .reveal a:hover { color: #92c5fb; } .theme-color-sand-blue .themed .controls div.navigate-left, .theme-color-sand-blue .themed .controls div.navigate-left.enabled, .theme-color-sand-blue .reveal .controls div.navigate-left, .theme-color-sand-blue .reveal .controls div.navigate-left.enabled { border-right-color: #2f90f8; } .theme-color-sand-blue .themed .controls div.navigate-right, .theme-color-sand-blue .themed .controls div.navigate-right.enabled, .theme-color-sand-blue .reveal .controls div.navigate-right, .theme-color-sand-blue .reveal .controls div.navigate-right.enabled { border-left-color: #2f90f8; } .theme-color-sand-blue .themed .controls div.navigate-up, .theme-color-sand-blue .themed .controls div.navigate-up.enabled, .theme-color-sand-blue .reveal .controls div.navigate-up, .theme-color-sand-blue .reveal .controls div.navigate-up.enabled { border-bottom-color: #2f90f8; } .theme-color-sand-blue .themed .controls div.navigate-down, .theme-color-sand-blue .themed .controls div.navigate-down.enabled, .theme-color-sand-blue .reveal .controls div.navigate-down, .theme-color-sand-blue .reveal .controls div.navigate-down.enabled { border-top-color: #2f90f8; } .theme-color-sand-blue .themed .controls div.navigate-left.enabled:hover, .theme-color-sand-blue .reveal .controls div.navigate-left.enabled:hover { border-right-color: #92c5fb; } .theme-color-sand-blue .themed .controls div.navigate-right.enabled:hover, .theme-color-sand-blue .reveal .controls div.navigate-right.enabled:hover { border-left-color: #92c5fb; } .theme-color-sand-blue .themed .controls div.navigate-up.enabled:hover, .theme-color-sand-blue .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #92c5fb; } .theme-color-sand-blue .themed .controls div.navigate-down.enabled:hover, .theme-color-sand-blue .reveal .controls div.navigate-down.enabled:hover { border-top-color: #92c5fb; } .theme-color-sand-blue .themed .progress, .theme-color-sand-blue .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-sand-blue .themed .progress span, .theme-color-sand-blue .reveal .progress span { background: #2f90f8; -webkit-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); } .theme-color-sea-yellow { background-color: #297477; background-image: -webkit-linear-gradient(top, #6cc9cd 0%, #297477 100%); background-image: linear-gradient(to bottom, #6cc9cd 0%, #297477 100%); } .theme-color-sea-yellow body { background: transparent; } .theme-color-sea-yellow .theme-body-color-block { background: white; } .theme-color-sea-yellow .theme-link-color-block { background: #ffc200; } .theme-color-sea-yellow .themed, .theme-color-sea-yellow .reveal { color: white; } .theme-color-sea-yellow .themed a, .theme-color-sea-yellow .reveal a { color: #ffc200; } .theme-color-sea-yellow .themed a:hover, .theme-color-sea-yellow .reveal a:hover { color: #ffda66; } .theme-color-sea-yellow .themed .controls div.navigate-left, .theme-color-sea-yellow .themed .controls div.navigate-left.enabled, .theme-color-sea-yellow .reveal .controls div.navigate-left, .theme-color-sea-yellow .reveal .controls div.navigate-left.enabled { border-right-color: #ffc200; } .theme-color-sea-yellow .themed .controls div.navigate-right, .theme-color-sea-yellow .themed .controls div.navigate-right.enabled, .theme-color-sea-yellow .reveal .controls div.navigate-right, .theme-color-sea-yellow .reveal .controls div.navigate-right.enabled { border-left-color: #ffc200; } .theme-color-sea-yellow .themed .controls div.navigate-up, .theme-color-sea-yellow .themed .controls div.navigate-up.enabled, .theme-color-sea-yellow .reveal .controls div.navigate-up, .theme-color-sea-yellow .reveal .controls div.navigate-up.enabled { border-bottom-color: #ffc200; } .theme-color-sea-yellow .themed .controls div.navigate-down, .theme-color-sea-yellow .themed .controls div.navigate-down.enabled, .theme-color-sea-yellow .reveal .controls div.navigate-down, .theme-color-sea-yellow .reveal .controls div.navigate-down.enabled { border-top-color: #ffc200; } .theme-color-sea-yellow .themed .controls div.navigate-left.enabled:hover, .theme-color-sea-yellow .reveal .controls div.navigate-left.enabled:hover { border-right-color: #ffda66; } .theme-color-sea-yellow .themed .controls div.navigate-right.enabled:hover, .theme-color-sea-yellow .reveal .controls div.navigate-right.enabled:hover { border-left-color: #ffda66; } .theme-color-sea-yellow .themed .controls div.navigate-up.enabled:hover, .theme-color-sea-yellow .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #ffda66; } .theme-color-sea-yellow .themed .controls div.navigate-down.enabled:hover, .theme-color-sea-yellow .reveal .controls div.navigate-down.enabled:hover { border-top-color: #ffda66; } .theme-color-sea-yellow .themed .progress, .theme-color-sea-yellow .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-sea-yellow .themed .progress span, .theme-color-sea-yellow .reveal .progress span { background: #ffc200; -webkit-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); } .theme-color-silver-blue { background-color: #dddddd; background-image: -webkit-radial-gradient(center, circle farthest-corner, #fff 0%, #ddd 100%); background-image: radial-gradient(circle farthest-corner at center, #ffffff 0%, #dddddd 100%); } .theme-color-silver-blue body { background: transparent; } .theme-color-silver-blue .theme-body-color-block { background: #111111; } .theme-color-silver-blue .theme-link-color-block { background: #106bcc; } .theme-color-silver-blue .themed, .theme-color-silver-blue .reveal { color: #111111; } .theme-color-silver-blue .themed a, .theme-color-silver-blue .reveal a { color: #106bcc; } .theme-color-silver-blue .themed a:hover, .theme-color-silver-blue .reveal a:hover { color: #2184ee; } .theme-color-silver-blue .themed .controls div.navigate-left, .theme-color-silver-blue .themed .controls div.navigate-left.enabled, .theme-color-silver-blue .reveal .controls div.navigate-left, .theme-color-silver-blue .reveal .controls div.navigate-left.enabled { border-right-color: #106bcc; } .theme-color-silver-blue .themed .controls div.navigate-right, .theme-color-silver-blue .themed .controls div.navigate-right.enabled, .theme-color-silver-blue .reveal .controls div.navigate-right, .theme-color-silver-blue .reveal .controls div.navigate-right.enabled { border-left-color: #106bcc; } .theme-color-silver-blue .themed .controls div.navigate-up, .theme-color-silver-blue .themed .controls div.navigate-up.enabled, .theme-color-silver-blue .reveal .controls div.navigate-up, .theme-color-silver-blue .reveal .controls div.navigate-up.enabled { border-bottom-color: #106bcc; } .theme-color-silver-blue .themed .controls div.navigate-down, .theme-color-silver-blue .themed .controls div.navigate-down.enabled, .theme-color-silver-blue .reveal .controls div.navigate-down, .theme-color-silver-blue .reveal .controls div.navigate-down.enabled { border-top-color: #106bcc; } .theme-color-silver-blue .themed .controls div.navigate-left.enabled:hover, .theme-color-silver-blue .reveal .controls div.navigate-left.enabled:hover { border-right-color: #2184ee; } .theme-color-silver-blue .themed .controls div.navigate-right.enabled:hover, .theme-color-silver-blue .reveal .controls div.navigate-right.enabled:hover { border-left-color: #2184ee; } .theme-color-silver-blue .themed .controls div.navigate-up.enabled:hover, .theme-color-silver-blue .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #2184ee; } .theme-color-silver-blue .themed .controls div.navigate-down.enabled:hover, .theme-color-silver-blue .reveal .controls div.navigate-down.enabled:hover { border-top-color: #2184ee; } .theme-color-silver-blue .themed .progress, .theme-color-silver-blue .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-silver-blue .themed .progress span, .theme-color-silver-blue .reveal .progress span { background: #106bcc; -webkit-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); } .theme-color-silver-green { background-color: #dddddd; background-image: -webkit-radial-gradient(center, circle farthest-corner, #fff 0%, #ddd 100%); background-image: radial-gradient(circle farthest-corner at center, #ffffff 0%, #dddddd 100%); } .theme-color-silver-green body { background: transparent; } .theme-color-silver-green .theme-body-color-block { background: #111111; } .theme-color-silver-green .theme-link-color-block { background: #039426; } .theme-color-silver-green .themed, .theme-color-silver-green .reveal { color: #111111; } .theme-color-silver-green .themed a, .theme-color-silver-green .reveal a { color: #039426; } .theme-color-silver-green .themed a:hover, .theme-color-silver-green .reveal a:hover { color: #04c633; } .theme-color-silver-green .themed .controls div.navigate-left, .theme-color-silver-green .themed .controls div.navigate-left.enabled, .theme-color-silver-green .reveal .controls div.navigate-left, .theme-color-silver-green .reveal .controls div.navigate-left.enabled { border-right-color: #039426; } .theme-color-silver-green .themed .controls div.navigate-right, .theme-color-silver-green .themed .controls div.navigate-right.enabled, .theme-color-silver-green .reveal .controls div.navigate-right, .theme-color-silver-green .reveal .controls div.navigate-right.enabled { border-left-color: #039426; } .theme-color-silver-green .themed .controls div.navigate-up, .theme-color-silver-green .themed .controls div.navigate-up.enabled, .theme-color-silver-green .reveal .controls div.navigate-up, .theme-color-silver-green .reveal .controls div.navigate-up.enabled { border-bottom-color: #039426; } .theme-color-silver-green .themed .controls div.navigate-down, .theme-color-silver-green .themed .controls div.navigate-down.enabled, .theme-color-silver-green .reveal .controls div.navigate-down, .theme-color-silver-green .reveal .controls div.navigate-down.enabled { border-top-color: #039426; } .theme-color-silver-green .themed .controls div.navigate-left.enabled:hover, .theme-color-silver-green .reveal .controls div.navigate-left.enabled:hover { border-right-color: #04c633; } .theme-color-silver-green .themed .controls div.navigate-right.enabled:hover, .theme-color-silver-green .reveal .controls div.navigate-right.enabled:hover { border-left-color: #04c633; } .theme-color-silver-green .themed .controls div.navigate-up.enabled:hover, .theme-color-silver-green .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #04c633; } .theme-color-silver-green .themed .controls div.navigate-down.enabled:hover, .theme-color-silver-green .reveal .controls div.navigate-down.enabled:hover { border-top-color: #04c633; } .theme-color-silver-green .themed .progress, .theme-color-silver-green .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-silver-green .themed .progress span, .theme-color-silver-green .reveal .progress span { background: #039426; -webkit-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); } .theme-color-sky-blue { background-color: #dcedf1; background-image: -webkit-radial-gradient(center, circle farthest-corner, #f7fbfc 0%, #add9e4 100%); background-image: radial-gradient(circle farthest-corner at center, #f7fbfc 0%, #add9e4 100%); } .theme-color-sky-blue body { background: transparent; } .theme-color-sky-blue .theme-body-color-block { background: #333333; } .theme-color-sky-blue .theme-link-color-block { background: #3b759e; } .theme-color-sky-blue .themed, .theme-color-sky-blue .reveal { color: #333333; } .theme-color-sky-blue .themed a, .theme-color-sky-blue .reveal a { color: #3b759e; } .theme-color-sky-blue .themed a:hover, .theme-color-sky-blue .reveal a:hover { color: #74a7cb; } .theme-color-sky-blue .themed .controls div.navigate-left, .theme-color-sky-blue .themed .controls div.navigate-left.enabled, .theme-color-sky-blue .reveal .controls div.navigate-left, .theme-color-sky-blue .reveal .controls div.navigate-left.enabled { border-right-color: #3b759e; } .theme-color-sky-blue .themed .controls div.navigate-right, .theme-color-sky-blue .themed .controls div.navigate-right.enabled, .theme-color-sky-blue .reveal .controls div.navigate-right, .theme-color-sky-blue .reveal .controls div.navigate-right.enabled { border-left-color: #3b759e; } .theme-color-sky-blue .themed .controls div.navigate-up, .theme-color-sky-blue .themed .controls div.navigate-up.enabled, .theme-color-sky-blue .reveal .controls div.navigate-up, .theme-color-sky-blue .reveal .controls div.navigate-up.enabled { border-bottom-color: #3b759e; } .theme-color-sky-blue .themed .controls div.navigate-down, .theme-color-sky-blue .themed .controls div.navigate-down.enabled, .theme-color-sky-blue .reveal .controls div.navigate-down, .theme-color-sky-blue .reveal .controls div.navigate-down.enabled { border-top-color: #3b759e; } .theme-color-sky-blue .themed .controls div.navigate-left.enabled:hover, .theme-color-sky-blue .reveal .controls div.navigate-left.enabled:hover { border-right-color: #74a7cb; } .theme-color-sky-blue .themed .controls div.navigate-right.enabled:hover, .theme-color-sky-blue .reveal .controls div.navigate-right.enabled:hover { border-left-color: #74a7cb; } .theme-color-sky-blue .themed .controls div.navigate-up.enabled:hover, .theme-color-sky-blue .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #74a7cb; } .theme-color-sky-blue .themed .controls div.navigate-down.enabled:hover, .theme-color-sky-blue .reveal .controls div.navigate-down.enabled:hover { border-top-color: #74a7cb; } .theme-color-sky-blue .themed .progress, .theme-color-sky-blue .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-sky-blue .themed .progress span, .theme-color-sky-blue .reveal .progress span { background: #3b759e; -webkit-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); } .theme-color-white-blue { background: white; } .theme-color-white-blue body { background: transparent; } .theme-color-white-blue .theme-body-color-block { background: black; } .theme-color-white-blue .theme-link-color-block { background: #106bcc; } .theme-color-white-blue .themed, .theme-color-white-blue .reveal { color: black; } .theme-color-white-blue .themed a, .theme-color-white-blue .reveal a { color: #106bcc; } .theme-color-white-blue .themed a:hover, .theme-color-white-blue .reveal a:hover { color: #3991ef; } .theme-color-white-blue .themed .controls div.navigate-left, .theme-color-white-blue .themed .controls div.navigate-left.enabled, .theme-color-white-blue .reveal .controls div.navigate-left, .theme-color-white-blue .reveal .controls div.navigate-left.enabled { border-right-color: #106bcc; } .theme-color-white-blue .themed .controls div.navigate-right, .theme-color-white-blue .themed .controls div.navigate-right.enabled, .theme-color-white-blue .reveal .controls div.navigate-right, .theme-color-white-blue .reveal .controls div.navigate-right.enabled { border-left-color: #106bcc; } .theme-color-white-blue .themed .controls div.navigate-up, .theme-color-white-blue .themed .controls div.navigate-up.enabled, .theme-color-white-blue .reveal .controls div.navigate-up, .theme-color-white-blue .reveal .controls div.navigate-up.enabled { border-bottom-color: #106bcc; } .theme-color-white-blue .themed .controls div.navigate-down, .theme-color-white-blue .themed .controls div.navigate-down.enabled, .theme-color-white-blue .reveal .controls div.navigate-down, .theme-color-white-blue .reveal .controls div.navigate-down.enabled { border-top-color: #106bcc; } .theme-color-white-blue .themed .controls div.navigate-left.enabled:hover, .theme-color-white-blue .reveal .controls div.navigate-left.enabled:hover { border-right-color: #3991ef; } .theme-color-white-blue .themed .controls div.navigate-right.enabled:hover, .theme-color-white-blue .reveal .controls div.navigate-right.enabled:hover { border-left-color: #3991ef; } .theme-color-white-blue .themed .controls div.navigate-up.enabled:hover, .theme-color-white-blue .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #3991ef; } .theme-color-white-blue .themed .controls div.navigate-down.enabled:hover, .theme-color-white-blue .reveal .controls div.navigate-down.enabled:hover { border-top-color: #3991ef; } .theme-color-white-blue .themed .progress, .theme-color-white-blue .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-white-blue .themed .progress span, .theme-color-white-blue .reveal .progress span { background: #106bcc; -webkit-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); } .theme-color-yellow-black { background: #fff000; } .theme-color-yellow-black body { background: transparent; } .theme-color-yellow-black .theme-body-color-block { background: black; } .theme-color-yellow-black .theme-link-color-block { background: #4654ec; } .theme-color-yellow-black .themed, .theme-color-yellow-black .reveal { color: black; } .theme-color-yellow-black .themed a, .theme-color-yellow-black .reveal a { color: #4654ec; } .theme-color-yellow-black .themed a:hover, .theme-color-yellow-black .reveal a:hover { color: #a3aaf6; } .theme-color-yellow-black .themed .controls div.navigate-left, .theme-color-yellow-black .themed .controls div.navigate-left.enabled, .theme-color-yellow-black .reveal .controls div.navigate-left, .theme-color-yellow-black .reveal .controls div.navigate-left.enabled { border-right-color: #4654ec; } .theme-color-yellow-black .themed .controls div.navigate-right, .theme-color-yellow-black .themed .controls div.navigate-right.enabled, .theme-color-yellow-black .reveal .controls div.navigate-right, .theme-color-yellow-black .reveal .controls div.navigate-right.enabled { border-left-color: #4654ec; } .theme-color-yellow-black .themed .controls div.navigate-up, .theme-color-yellow-black .themed .controls div.navigate-up.enabled, .theme-color-yellow-black .reveal .controls div.navigate-up, .theme-color-yellow-black .reveal .controls div.navigate-up.enabled { border-bottom-color: #4654ec; } .theme-color-yellow-black .themed .controls div.navigate-down, .theme-color-yellow-black .themed .controls div.navigate-down.enabled, .theme-color-yellow-black .reveal .controls div.navigate-down, .theme-color-yellow-black .reveal .controls div.navigate-down.enabled { border-top-color: #4654ec; } .theme-color-yellow-black .themed .controls div.navigate-left.enabled:hover, .theme-color-yellow-black .reveal .controls div.navigate-left.enabled:hover { border-right-color: #a3aaf6; } .theme-color-yellow-black .themed .controls div.navigate-right.enabled:hover, .theme-color-yellow-black .reveal .controls div.navigate-right.enabled:hover { border-left-color: #a3aaf6; } .theme-color-yellow-black .themed .controls div.navigate-up.enabled:hover, .theme-color-yellow-black .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #a3aaf6; } .theme-color-yellow-black .themed .controls div.navigate-down.enabled:hover, .theme-color-yellow-black .reveal .controls div.navigate-down.enabled:hover { border-top-color: #a3aaf6; } .theme-color-yellow-black .themed .progress, .theme-color-yellow-black .reveal .progress { background: rgba(0, 0, 0, 0.2); } .theme-color-yellow-black .themed .progress span, .theme-color-yellow-black .reveal .progress span { background: #4654ec; -webkit-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); }