starterlog-theme 1.1.3 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (112) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +52 -8
  3. data/_layouts/slide.html +105 -0
  4. data/_pages/profile/index.html +1 -1
  5. data/_pages/start/index.html +7 -2
  6. data/assets/modules/reveal.js/.gitignore +13 -0
  7. data/assets/modules/reveal.js/.travis.yml +5 -0
  8. data/assets/modules/reveal.js/CONTRIBUTING.md +23 -0
  9. data/assets/modules/reveal.js/Gruntfile.js +187 -0
  10. data/assets/modules/reveal.js/LICENSE +19 -0
  11. data/assets/modules/reveal.js/README.md +1185 -0
  12. data/assets/modules/reveal.js/bower.json +27 -0
  13. data/assets/modules/reveal.js/css/print/paper.css +203 -0
  14. data/assets/modules/reveal.js/css/print/pdf.css +171 -0
  15. data/assets/modules/reveal.js/css/reveal.css +1365 -0
  16. data/assets/modules/reveal.js/css/reveal.scss +1446 -0
  17. data/assets/modules/reveal.js/css/theme/README.md +21 -0
  18. data/assets/modules/reveal.js/css/theme/beige.css +296 -0
  19. data/assets/modules/reveal.js/css/theme/black.css +292 -0
  20. data/assets/modules/reveal.js/css/theme/blood.css +315 -0
  21. data/assets/modules/reveal.js/css/theme/league.css +298 -0
  22. data/assets/modules/reveal.js/css/theme/moon.css +296 -0
  23. data/assets/modules/reveal.js/css/theme/night.css +290 -0
  24. data/assets/modules/reveal.js/css/theme/serif.css +292 -0
  25. data/assets/modules/reveal.js/css/theme/simple.css +295 -0
  26. data/assets/modules/reveal.js/css/theme/sky.css +299 -0
  27. data/assets/modules/reveal.js/css/theme/solarized.css +296 -0
  28. data/assets/modules/reveal.js/css/theme/source/beige.scss +39 -0
  29. data/assets/modules/reveal.js/css/theme/source/black.scss +49 -0
  30. data/assets/modules/reveal.js/css/theme/source/blood.scss +78 -0
  31. data/assets/modules/reveal.js/css/theme/source/league.scss +34 -0
  32. data/assets/modules/reveal.js/css/theme/source/moon.scss +57 -0
  33. data/assets/modules/reveal.js/css/theme/source/night.scss +34 -0
  34. data/assets/modules/reveal.js/css/theme/source/serif.scss +35 -0
  35. data/assets/modules/reveal.js/css/theme/source/simple.scss +43 -0
  36. data/assets/modules/reveal.js/css/theme/source/sky.scss +46 -0
  37. data/assets/modules/reveal.js/css/theme/source/solarized.scss +63 -0
  38. data/assets/modules/reveal.js/css/theme/source/white.scss +49 -0
  39. data/assets/modules/reveal.js/css/theme/template/mixins.scss +29 -0
  40. data/assets/modules/reveal.js/css/theme/template/settings.scss +43 -0
  41. data/assets/modules/reveal.js/css/theme/template/theme.scss +352 -0
  42. data/assets/modules/reveal.js/css/theme/white.css +292 -0
  43. data/assets/modules/reveal.js/demo.html +410 -0
  44. data/assets/modules/reveal.js/index.html +50 -0
  45. data/assets/modules/reveal.js/js/reveal.js +4961 -0
  46. data/assets/modules/reveal.js/lib/css/zenburn.css +80 -0
  47. data/assets/modules/reveal.js/lib/font/league-gothic/LICENSE +2 -0
  48. data/assets/modules/reveal.js/lib/font/league-gothic/league-gothic.css +10 -0
  49. data/assets/modules/reveal.js/lib/font/league-gothic/league-gothic.eot +0 -0
  50. data/assets/modules/reveal.js/lib/font/league-gothic/league-gothic.ttf +0 -0
  51. data/assets/modules/reveal.js/lib/font/league-gothic/league-gothic.woff +0 -0
  52. data/assets/modules/reveal.js/lib/font/source-sans-pro/LICENSE +45 -0
  53. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.eot +0 -0
  54. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.ttf +0 -0
  55. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.woff +0 -0
  56. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.eot +0 -0
  57. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.ttf +0 -0
  58. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.woff +0 -0
  59. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.eot +0 -0
  60. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.ttf +0 -0
  61. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.woff +0 -0
  62. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot +0 -0
  63. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf +0 -0
  64. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff +0 -0
  65. data/assets/modules/reveal.js/lib/font/source-sans-pro/source-sans-pro.css +39 -0
  66. data/assets/modules/reveal.js/lib/js/classList.js +2 -0
  67. data/assets/modules/reveal.js/lib/js/head.min.js +9 -0
  68. data/assets/modules/reveal.js/lib/js/html5shiv.js +7 -0
  69. data/assets/modules/reveal.js/package.json +45 -0
  70. data/assets/modules/reveal.js/plugin/highlight/highlight.js +78 -0
  71. data/assets/modules/reveal.js/plugin/markdown/example.html +129 -0
  72. data/assets/modules/reveal.js/plugin/markdown/example.md +31 -0
  73. data/assets/modules/reveal.js/plugin/markdown/markdown.js +411 -0
  74. data/assets/modules/reveal.js/plugin/markdown/marked.js +6 -0
  75. data/assets/modules/reveal.js/plugin/math/math.js +67 -0
  76. data/assets/modules/reveal.js/plugin/multiplex/client.js +13 -0
  77. data/assets/modules/reveal.js/plugin/multiplex/index.js +64 -0
  78. data/assets/modules/reveal.js/plugin/multiplex/master.js +31 -0
  79. data/assets/modules/reveal.js/plugin/multiplex/package.json +19 -0
  80. data/assets/modules/reveal.js/plugin/notes-server/client.js +65 -0
  81. data/assets/modules/reveal.js/plugin/notes-server/index.js +69 -0
  82. data/assets/modules/reveal.js/plugin/notes-server/notes.html +585 -0
  83. data/assets/modules/reveal.js/plugin/notes/notes.html +609 -0
  84. data/assets/modules/reveal.js/plugin/notes/notes.js +145 -0
  85. data/assets/modules/reveal.js/plugin/print-pdf/print-pdf.js +51 -0
  86. data/assets/modules/reveal.js/plugin/search/search.js +196 -0
  87. data/assets/modules/reveal.js/plugin/zoom-js/zoom.js +288 -0
  88. data/assets/modules/reveal.js/test/examples/assets/image1.png +0 -0
  89. data/assets/modules/reveal.js/test/examples/assets/image2.png +0 -0
  90. data/assets/modules/reveal.js/test/examples/barebones.html +41 -0
  91. data/assets/modules/reveal.js/test/examples/embedded-media.html +49 -0
  92. data/assets/modules/reveal.js/test/examples/math.html +185 -0
  93. data/assets/modules/reveal.js/test/examples/slide-backgrounds.html +144 -0
  94. data/assets/modules/reveal.js/test/examples/slide-transitions.html +101 -0
  95. data/assets/modules/reveal.js/test/qunit-1.12.0.css +244 -0
  96. data/assets/modules/reveal.js/test/qunit-1.12.0.js +2212 -0
  97. data/assets/modules/reveal.js/test/simple.md +12 -0
  98. data/assets/modules/reveal.js/test/test-markdown-element-attributes.html +134 -0
  99. data/assets/modules/reveal.js/test/test-markdown-element-attributes.js +46 -0
  100. data/assets/modules/reveal.js/test/test-markdown-external.html +36 -0
  101. data/assets/modules/reveal.js/test/test-markdown-external.js +24 -0
  102. data/assets/modules/reveal.js/test/test-markdown-options.html +41 -0
  103. data/assets/modules/reveal.js/test/test-markdown-options.js +26 -0
  104. data/assets/modules/reveal.js/test/test-markdown-slide-attributes.html +128 -0
  105. data/assets/modules/reveal.js/test/test-markdown-slide-attributes.js +47 -0
  106. data/assets/modules/reveal.js/test/test-markdown.html +52 -0
  107. data/assets/modules/reveal.js/test/test-markdown.js +15 -0
  108. data/assets/modules/reveal.js/test/test-pdf.html +83 -0
  109. data/assets/modules/reveal.js/test/test-pdf.js +15 -0
  110. data/assets/modules/reveal.js/test/test.html +86 -0
  111. data/assets/modules/reveal.js/test/test.js +597 -0
  112. metadata +117 -10
@@ -0,0 +1,27 @@
1
+ {
2
+ "name": "reveal.js",
3
+ "version": "3.4.1",
4
+ "main": [
5
+ "js/reveal.js",
6
+ "css/reveal.css"
7
+ ],
8
+ "homepage": "http://lab.hakim.se/reveal-js/",
9
+ "license": "MIT",
10
+ "description": "The HTML Presentation Framework",
11
+ "authors": [
12
+ "Hakim El Hattab <hakim.elhattab@gmail.com>"
13
+ ],
14
+ "dependencies": {
15
+ "headjs": "~1.0.3"
16
+ },
17
+ "repository": {
18
+ "type": "git",
19
+ "url": "git://github.com/hakimel/reveal.js.git"
20
+ },
21
+ "ignore": [
22
+ "**/.*",
23
+ "node_modules",
24
+ "bower_components",
25
+ "test"
26
+ ]
27
+ }
@@ -0,0 +1,203 @@
1
+ /* Default Print Stylesheet Template
2
+ by Rob Glazebrook of CSSnewbie.com
3
+ Last Updated: June 4, 2008
4
+
5
+ Feel free (nay, compelled) to edit, append, and
6
+ manipulate this file as you see fit. */
7
+
8
+
9
+ @media print {
10
+
11
+ /* SECTION 1: Set default width, margin, float, and
12
+ background. This prevents elements from extending
13
+ beyond the edge of the printed page, and prevents
14
+ unnecessary background images from printing */
15
+ html {
16
+ background: #fff;
17
+ width: auto;
18
+ height: auto;
19
+ overflow: visible;
20
+ }
21
+ body {
22
+ background: #fff;
23
+ font-size: 20pt;
24
+ width: auto;
25
+ height: auto;
26
+ border: 0;
27
+ margin: 0 5%;
28
+ padding: 0;
29
+ overflow: visible;
30
+ float: none !important;
31
+ }
32
+
33
+ /* SECTION 2: Remove any elements not needed in print.
34
+ This would include navigation, ads, sidebars, etc. */
35
+ .nestedarrow,
36
+ .controls,
37
+ .fork-reveal,
38
+ .share-reveal,
39
+ .state-background,
40
+ .reveal .progress,
41
+ .reveal .backgrounds,
42
+ .reveal .slide-number {
43
+ display: none !important;
44
+ }
45
+
46
+ /* SECTION 3: Set body font face, size, and color.
47
+ Consider using a serif font for readability. */
48
+ body, p, td, li, div {
49
+ font-size: 20pt!important;
50
+ font-family: Georgia, "Times New Roman", Times, serif !important;
51
+ color: #000;
52
+ }
53
+
54
+ /* SECTION 4: Set heading font face, sizes, and color.
55
+ Differentiate your headings from your body text.
56
+ Perhaps use a large sans-serif for distinction. */
57
+ h1,h2,h3,h4,h5,h6 {
58
+ color: #000!important;
59
+ height: auto;
60
+ line-height: normal;
61
+ font-family: Georgia, "Times New Roman", Times, serif !important;
62
+ text-shadow: 0 0 0 #000 !important;
63
+ text-align: left;
64
+ letter-spacing: normal;
65
+ }
66
+ /* Need to reduce the size of the fonts for printing */
67
+ h1 { font-size: 28pt !important; }
68
+ h2 { font-size: 24pt !important; }
69
+ h3 { font-size: 22pt !important; }
70
+ h4 { font-size: 22pt !important; font-variant: small-caps; }
71
+ h5 { font-size: 21pt !important; }
72
+ h6 { font-size: 20pt !important; font-style: italic; }
73
+
74
+ /* SECTION 5: Make hyperlinks more usable.
75
+ Ensure links are underlined, and consider appending
76
+ the URL to the end of the link for usability. */
77
+ a:link,
78
+ a:visited {
79
+ color: #000 !important;
80
+ font-weight: bold;
81
+ text-decoration: underline;
82
+ }
83
+ /*
84
+ .reveal a:link:after,
85
+ .reveal a:visited:after {
86
+ content: " (" attr(href) ") ";
87
+ color: #222 !important;
88
+ font-size: 90%;
89
+ }
90
+ */
91
+
92
+
93
+ /* SECTION 6: more reveal.js specific additions by @skypanther */
94
+ ul, ol, div, p {
95
+ visibility: visible;
96
+ position: static;
97
+ width: auto;
98
+ height: auto;
99
+ display: block;
100
+ overflow: visible;
101
+ margin: 0;
102
+ text-align: left !important;
103
+ }
104
+ .reveal pre,
105
+ .reveal table {
106
+ margin-left: 0;
107
+ margin-right: 0;
108
+ }
109
+ .reveal pre code {
110
+ padding: 20px;
111
+ border: 1px solid #ddd;
112
+ }
113
+ .reveal blockquote {
114
+ margin: 20px 0;
115
+ }
116
+ .reveal .slides {
117
+ position: static !important;
118
+ width: auto !important;
119
+ height: auto !important;
120
+
121
+ left: 0 !important;
122
+ top: 0 !important;
123
+ margin-left: 0 !important;
124
+ margin-top: 0 !important;
125
+ padding: 0 !important;
126
+ zoom: 1 !important;
127
+
128
+ overflow: visible !important;
129
+ display: block !important;
130
+
131
+ text-align: left !important;
132
+ -webkit-perspective: none;
133
+ -moz-perspective: none;
134
+ -ms-perspective: none;
135
+ perspective: none;
136
+
137
+ -webkit-perspective-origin: 50% 50%;
138
+ -moz-perspective-origin: 50% 50%;
139
+ -ms-perspective-origin: 50% 50%;
140
+ perspective-origin: 50% 50%;
141
+ }
142
+ .reveal .slides section {
143
+ visibility: visible !important;
144
+ position: static !important;
145
+ width: auto !important;
146
+ height: auto !important;
147
+ display: block !important;
148
+ overflow: visible !important;
149
+
150
+ left: 0 !important;
151
+ top: 0 !important;
152
+ margin-left: 0 !important;
153
+ margin-top: 0 !important;
154
+ padding: 60px 20px !important;
155
+ z-index: auto !important;
156
+
157
+ opacity: 1 !important;
158
+
159
+ page-break-after: always !important;
160
+
161
+ -webkit-transform-style: flat !important;
162
+ -moz-transform-style: flat !important;
163
+ -ms-transform-style: flat !important;
164
+ transform-style: flat !important;
165
+
166
+ -webkit-transform: none !important;
167
+ -moz-transform: none !important;
168
+ -ms-transform: none !important;
169
+ transform: none !important;
170
+
171
+ -webkit-transition: none !important;
172
+ -moz-transition: none !important;
173
+ -ms-transition: none !important;
174
+ transition: none !important;
175
+ }
176
+ .reveal .slides section.stack {
177
+ padding: 0 !important;
178
+ }
179
+ .reveal section:last-of-type {
180
+ page-break-after: avoid !important;
181
+ }
182
+ .reveal section .fragment {
183
+ opacity: 1 !important;
184
+ visibility: visible !important;
185
+
186
+ -webkit-transform: none !important;
187
+ -moz-transform: none !important;
188
+ -ms-transform: none !important;
189
+ transform: none !important;
190
+ }
191
+ .reveal section img {
192
+ display: block;
193
+ margin: 15px 0px;
194
+ background: rgba(255,255,255,1);
195
+ border: 1px solid #666;
196
+ box-shadow: none;
197
+ }
198
+
199
+ .reveal section small {
200
+ font-size: 0.8em;
201
+ }
202
+
203
+ }
@@ -0,0 +1,171 @@
1
+ /**
2
+ * This stylesheet is used to print reveal.js
3
+ * presentations to PDF.
4
+ *
5
+ * https://github.com/hakimel/reveal.js#pdf-export
6
+ */
7
+
8
+ * {
9
+ -webkit-print-color-adjust: exact;
10
+ }
11
+
12
+ body {
13
+ margin: 0 auto !important;
14
+ border: 0;
15
+ padding: 0;
16
+ float: none !important;
17
+ overflow: visible;
18
+ }
19
+
20
+ html {
21
+ width: 100%;
22
+ height: 100%;
23
+ overflow: visible;
24
+ }
25
+
26
+ /* Remove any elements not needed in print. */
27
+ .nestedarrow,
28
+ .reveal .controls,
29
+ .reveal .progress,
30
+ .reveal .playback,
31
+ .reveal.overview,
32
+ .fork-reveal,
33
+ .share-reveal,
34
+ .state-background {
35
+ display: none !important;
36
+ }
37
+
38
+ h1, h2, h3, h4, h5, h6 {
39
+ text-shadow: 0 0 0 #000 !important;
40
+ }
41
+
42
+ .reveal pre code {
43
+ overflow: hidden !important;
44
+ font-family: Courier, 'Courier New', monospace !important;
45
+ }
46
+
47
+ ul, ol, div, p {
48
+ visibility: visible;
49
+ position: static;
50
+ width: auto;
51
+ height: auto;
52
+ display: block;
53
+ overflow: visible;
54
+ margin: auto;
55
+ }
56
+ .reveal {
57
+ width: auto !important;
58
+ height: auto !important;
59
+ overflow: hidden !important;
60
+ }
61
+ .reveal .slides {
62
+ position: static;
63
+ width: 100% !important;
64
+ height: auto !important;
65
+ zoom: 1 !important;
66
+
67
+ left: auto;
68
+ top: auto;
69
+ margin: 0 !important;
70
+ padding: 0 !important;
71
+
72
+ overflow: visible;
73
+ display: block;
74
+
75
+ -webkit-perspective: none;
76
+ -moz-perspective: none;
77
+ -ms-perspective: none;
78
+ perspective: none;
79
+
80
+ -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
81
+ -moz-perspective-origin: 50% 50%;
82
+ -ms-perspective-origin: 50% 50%;
83
+ perspective-origin: 50% 50%;
84
+ }
85
+
86
+ .reveal .slides .pdf-page {
87
+ position: relative;
88
+ overflow: hidden;
89
+ z-index: 1;
90
+ }
91
+
92
+ .reveal .slides section {
93
+ page-break-after: always !important;
94
+
95
+ visibility: visible !important;
96
+ display: block !important;
97
+ position: relative !important;
98
+
99
+ margin: 0 !important;
100
+ padding: 0 !important;
101
+ box-sizing: border-box !important;
102
+ min-height: 1px;
103
+
104
+ opacity: 1 !important;
105
+
106
+ -webkit-transform-style: flat !important;
107
+ -moz-transform-style: flat !important;
108
+ -ms-transform-style: flat !important;
109
+ transform-style: flat !important;
110
+
111
+ -webkit-transform: none !important;
112
+ -moz-transform: none !important;
113
+ -ms-transform: none !important;
114
+ transform: none !important;
115
+ }
116
+
117
+ .reveal section.stack {
118
+ margin: 0 !important;
119
+ padding: 0 !important;
120
+ page-break-after: avoid !important;
121
+ height: auto !important;
122
+ min-height: auto !important;
123
+ }
124
+
125
+ .reveal img {
126
+ box-shadow: none;
127
+ }
128
+
129
+ .reveal .roll {
130
+ overflow: visible;
131
+ line-height: 1em;
132
+ }
133
+
134
+ /* Slide backgrounds are placed inside of their slide when exporting to PDF */
135
+ .reveal .slide-background {
136
+ display: block !important;
137
+ position: absolute;
138
+ top: 0;
139
+ left: 0;
140
+ width: 100%;
141
+ height: 100%;
142
+ z-index: auto !important;
143
+ }
144
+
145
+ /* Display slide speaker notes when 'showNotes' is enabled */
146
+ .reveal .speaker-notes-pdf {
147
+ display: block;
148
+ width: 100%;
149
+ max-height: none;
150
+ top: auto;
151
+ right: auto;
152
+ bottom: auto;
153
+ left: auto;
154
+ z-index: 100;
155
+ }
156
+
157
+ /* Layout option which makes notes appear on a separate page */
158
+ .reveal .speaker-notes-pdf[data-layout="separate-page"] {
159
+ position: relative;
160
+ color: inherit;
161
+ background-color: transparent;
162
+ padding: 20px;
163
+ page-break-after: always;
164
+ }
165
+
166
+ /* Display slide numbers when 'slideNumber' is enabled */
167
+ .reveal .slide-number-pdf {
168
+ display: block;
169
+ position: absolute;
170
+ font-size: 14px;
171
+ }
@@ -0,0 +1,1365 @@
1
+ /*!
2
+ * reveal.js
3
+ * http://lab.hakim.se/reveal-js
4
+ * MIT licensed
5
+ *
6
+ * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
7
+ */
8
+ /*********************************************
9
+ * RESET STYLES
10
+ *********************************************/
11
+ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
12
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
13
+ .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
14
+ .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
15
+ .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
16
+ .reveal b, .reveal u, .reveal center,
17
+ .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
18
+ .reveal fieldset, .reveal form, .reveal label, .reveal legend,
19
+ .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
20
+ .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
21
+ .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
22
+ .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
23
+ .reveal time, .reveal mark, .reveal audio, .reveal video {
24
+ margin: 0;
25
+ padding: 0;
26
+ border: 0;
27
+ font-size: 100%;
28
+ font: inherit;
29
+ vertical-align: baseline; }
30
+
31
+ .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
32
+ .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
33
+ display: block; }
34
+
35
+ /*********************************************
36
+ * GLOBAL STYLES
37
+ *********************************************/
38
+ html,
39
+ body {
40
+ width: 100%;
41
+ height: 100%;
42
+ overflow: hidden; }
43
+
44
+ body {
45
+ position: relative;
46
+ line-height: 1;
47
+ background-color: #fff;
48
+ color: #000; }
49
+
50
+ /*********************************************
51
+ * VIEW FRAGMENTS
52
+ *********************************************/
53
+ .reveal .slides section .fragment {
54
+ opacity: 0;
55
+ visibility: hidden;
56
+ -webkit-transition: all .2s ease;
57
+ transition: all .2s ease; }
58
+ .reveal .slides section .fragment.visible {
59
+ opacity: 1;
60
+ visibility: inherit; }
61
+
62
+ .reveal .slides section .fragment.grow {
63
+ opacity: 1;
64
+ visibility: inherit; }
65
+ .reveal .slides section .fragment.grow.visible {
66
+ -webkit-transform: scale(1.3);
67
+ transform: scale(1.3); }
68
+
69
+ .reveal .slides section .fragment.shrink {
70
+ opacity: 1;
71
+ visibility: inherit; }
72
+ .reveal .slides section .fragment.shrink.visible {
73
+ -webkit-transform: scale(0.7);
74
+ transform: scale(0.7); }
75
+
76
+ .reveal .slides section .fragment.zoom-in {
77
+ -webkit-transform: scale(0.1);
78
+ transform: scale(0.1); }
79
+ .reveal .slides section .fragment.zoom-in.visible {
80
+ -webkit-transform: none;
81
+ transform: none; }
82
+
83
+ .reveal .slides section .fragment.fade-out {
84
+ opacity: 1;
85
+ visibility: inherit; }
86
+ .reveal .slides section .fragment.fade-out.visible {
87
+ opacity: 0;
88
+ visibility: hidden; }
89
+
90
+ .reveal .slides section .fragment.semi-fade-out {
91
+ opacity: 1;
92
+ visibility: inherit; }
93
+ .reveal .slides section .fragment.semi-fade-out.visible {
94
+ opacity: 0.5;
95
+ visibility: inherit; }
96
+
97
+ .reveal .slides section .fragment.strike {
98
+ opacity: 1;
99
+ visibility: inherit; }
100
+ .reveal .slides section .fragment.strike.visible {
101
+ text-decoration: line-through; }
102
+
103
+ .reveal .slides section .fragment.fade-up {
104
+ -webkit-transform: translate(0, 20%);
105
+ transform: translate(0, 20%); }
106
+ .reveal .slides section .fragment.fade-up.visible {
107
+ -webkit-transform: translate(0, 0);
108
+ transform: translate(0, 0); }
109
+
110
+ .reveal .slides section .fragment.fade-down {
111
+ -webkit-transform: translate(0, -20%);
112
+ transform: translate(0, -20%); }
113
+ .reveal .slides section .fragment.fade-down.visible {
114
+ -webkit-transform: translate(0, 0);
115
+ transform: translate(0, 0); }
116
+
117
+ .reveal .slides section .fragment.fade-right {
118
+ -webkit-transform: translate(-20%, 0);
119
+ transform: translate(-20%, 0); }
120
+ .reveal .slides section .fragment.fade-right.visible {
121
+ -webkit-transform: translate(0, 0);
122
+ transform: translate(0, 0); }
123
+
124
+ .reveal .slides section .fragment.fade-left {
125
+ -webkit-transform: translate(20%, 0);
126
+ transform: translate(20%, 0); }
127
+ .reveal .slides section .fragment.fade-left.visible {
128
+ -webkit-transform: translate(0, 0);
129
+ transform: translate(0, 0); }
130
+
131
+ .reveal .slides section .fragment.current-visible {
132
+ opacity: 0;
133
+ visibility: hidden; }
134
+ .reveal .slides section .fragment.current-visible.current-fragment {
135
+ opacity: 1;
136
+ visibility: inherit; }
137
+
138
+ .reveal .slides section .fragment.highlight-red,
139
+ .reveal .slides section .fragment.highlight-current-red,
140
+ .reveal .slides section .fragment.highlight-green,
141
+ .reveal .slides section .fragment.highlight-current-green,
142
+ .reveal .slides section .fragment.highlight-blue,
143
+ .reveal .slides section .fragment.highlight-current-blue {
144
+ opacity: 1;
145
+ visibility: inherit; }
146
+
147
+ .reveal .slides section .fragment.highlight-red.visible {
148
+ color: #ff2c2d; }
149
+
150
+ .reveal .slides section .fragment.highlight-green.visible {
151
+ color: #17ff2e; }
152
+
153
+ .reveal .slides section .fragment.highlight-blue.visible {
154
+ color: #1b91ff; }
155
+
156
+ .reveal .slides section .fragment.highlight-current-red.current-fragment {
157
+ color: #ff2c2d; }
158
+
159
+ .reveal .slides section .fragment.highlight-current-green.current-fragment {
160
+ color: #17ff2e; }
161
+
162
+ .reveal .slides section .fragment.highlight-current-blue.current-fragment {
163
+ color: #1b91ff; }
164
+
165
+ /*********************************************
166
+ * DEFAULT ELEMENT STYLES
167
+ *********************************************/
168
+ /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
169
+ .reveal:after {
170
+ content: '';
171
+ font-style: italic; }
172
+
173
+ .reveal iframe {
174
+ z-index: 1; }
175
+
176
+ /** Prevents layering issues in certain browser/transition combinations */
177
+ .reveal a {
178
+ position: relative; }
179
+
180
+ .reveal .stretch {
181
+ max-width: none;
182
+ max-height: none; }
183
+
184
+ .reveal pre.stretch code {
185
+ height: 100%;
186
+ max-height: 100%;
187
+ box-sizing: border-box; }
188
+
189
+ /*********************************************
190
+ * CONTROLS
191
+ *********************************************/
192
+ .reveal .controls {
193
+ display: none;
194
+ position: fixed;
195
+ width: 110px;
196
+ height: 110px;
197
+ z-index: 30;
198
+ right: 10px;
199
+ bottom: 10px;
200
+ -webkit-user-select: none; }
201
+
202
+ .reveal .controls button {
203
+ padding: 0;
204
+ position: absolute;
205
+ opacity: 0.05;
206
+ width: 0;
207
+ height: 0;
208
+ background-color: transparent;
209
+ border: 12px solid transparent;
210
+ -webkit-transform: scale(0.9999);
211
+ transform: scale(0.9999);
212
+ -webkit-transition: all 0.2s ease;
213
+ transition: all 0.2s ease;
214
+ -webkit-appearance: none;
215
+ -webkit-tap-highlight-color: transparent; }
216
+
217
+ .reveal .controls .enabled {
218
+ opacity: 0.7;
219
+ cursor: pointer; }
220
+
221
+ .reveal .controls .enabled:active {
222
+ margin-top: 1px; }
223
+
224
+ .reveal .controls .navigate-left {
225
+ top: 42px;
226
+ border-right-width: 22px;
227
+ border-right-color: #000; }
228
+
229
+ .reveal .controls .navigate-left.fragmented {
230
+ opacity: 0.3; }
231
+
232
+ .reveal .controls .navigate-right {
233
+ left: 74px;
234
+ top: 42px;
235
+ border-left-width: 22px;
236
+ border-left-color: #000; }
237
+
238
+ .reveal .controls .navigate-right.fragmented {
239
+ opacity: 0.3; }
240
+
241
+ .reveal .controls .navigate-up {
242
+ left: 42px;
243
+ border-bottom-width: 22px;
244
+ border-bottom-color: #000; }
245
+
246
+ .reveal .controls .navigate-up.fragmented {
247
+ opacity: 0.3; }
248
+
249
+ .reveal .controls .navigate-down {
250
+ left: 42px;
251
+ top: 74px;
252
+ border-top-width: 22px;
253
+ border-top-color: #000; }
254
+
255
+ .reveal .controls .navigate-down.fragmented {
256
+ opacity: 0.3; }
257
+
258
+ /*********************************************
259
+ * PROGRESS BAR
260
+ *********************************************/
261
+ .reveal .progress {
262
+ position: fixed;
263
+ display: none;
264
+ height: 3px;
265
+ width: 100%;
266
+ bottom: 0;
267
+ left: 0;
268
+ z-index: 10;
269
+ background-color: rgba(0, 0, 0, 0.2); }
270
+
271
+ .reveal .progress:after {
272
+ content: '';
273
+ display: block;
274
+ position: absolute;
275
+ height: 20px;
276
+ width: 100%;
277
+ top: -20px; }
278
+
279
+ .reveal .progress span {
280
+ display: block;
281
+ height: 100%;
282
+ width: 0px;
283
+ background-color: #000;
284
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
285
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
286
+
287
+ /*********************************************
288
+ * SLIDE NUMBER
289
+ *********************************************/
290
+ .reveal .slide-number {
291
+ position: fixed;
292
+ display: block;
293
+ right: 8px;
294
+ bottom: 8px;
295
+ z-index: 31;
296
+ font-family: Helvetica, sans-serif;
297
+ font-size: 12px;
298
+ line-height: 1;
299
+ color: #fff;
300
+ background-color: rgba(0, 0, 0, 0.4);
301
+ padding: 5px; }
302
+
303
+ .reveal .slide-number-delimiter {
304
+ margin: 0 3px; }
305
+
306
+ /*********************************************
307
+ * SLIDES
308
+ *********************************************/
309
+ .reveal {
310
+ position: relative;
311
+ width: 100%;
312
+ height: 100%;
313
+ overflow: hidden;
314
+ -ms-touch-action: none;
315
+ touch-action: none; }
316
+
317
+ .reveal .slides {
318
+ position: absolute;
319
+ width: 100%;
320
+ height: 100%;
321
+ top: 0;
322
+ right: 0;
323
+ bottom: 0;
324
+ left: 0;
325
+ margin: auto;
326
+ overflow: visible;
327
+ z-index: 1;
328
+ text-align: center;
329
+ -webkit-perspective: 600px;
330
+ perspective: 600px;
331
+ -webkit-perspective-origin: 50% 40%;
332
+ perspective-origin: 50% 40%; }
333
+
334
+ .reveal .slides > section {
335
+ -ms-perspective: 600px; }
336
+
337
+ .reveal .slides > section,
338
+ .reveal .slides > section > section {
339
+ display: none;
340
+ position: absolute;
341
+ width: 100%;
342
+ padding: 20px 0px;
343
+ z-index: 10;
344
+ -webkit-transform-style: flat;
345
+ transform-style: flat;
346
+ -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);
347
+ 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); }
348
+
349
+ /* Global transition speed settings */
350
+ .reveal[data-transition-speed="fast"] .slides section {
351
+ -webkit-transition-duration: 400ms;
352
+ transition-duration: 400ms; }
353
+
354
+ .reveal[data-transition-speed="slow"] .slides section {
355
+ -webkit-transition-duration: 1200ms;
356
+ transition-duration: 1200ms; }
357
+
358
+ /* Slide-specific transition speed overrides */
359
+ .reveal .slides section[data-transition-speed="fast"] {
360
+ -webkit-transition-duration: 400ms;
361
+ transition-duration: 400ms; }
362
+
363
+ .reveal .slides section[data-transition-speed="slow"] {
364
+ -webkit-transition-duration: 1200ms;
365
+ transition-duration: 1200ms; }
366
+
367
+ .reveal .slides > section.stack {
368
+ padding-top: 0;
369
+ padding-bottom: 0; }
370
+
371
+ .reveal .slides > section.present,
372
+ .reveal .slides > section > section.present {
373
+ display: block;
374
+ z-index: 11;
375
+ opacity: 1; }
376
+
377
+ .reveal.center,
378
+ .reveal.center .slides,
379
+ .reveal.center .slides section {
380
+ min-height: 0 !important; }
381
+
382
+ /* Don't allow interaction with invisible slides */
383
+ .reveal .slides > section.future,
384
+ .reveal .slides > section > section.future,
385
+ .reveal .slides > section.past,
386
+ .reveal .slides > section > section.past {
387
+ pointer-events: none; }
388
+
389
+ .reveal.overview .slides > section,
390
+ .reveal.overview .slides > section > section {
391
+ pointer-events: auto; }
392
+
393
+ .reveal .slides > section.past,
394
+ .reveal .slides > section.future,
395
+ .reveal .slides > section > section.past,
396
+ .reveal .slides > section > section.future {
397
+ opacity: 0; }
398
+
399
+ /*********************************************
400
+ * Mixins for readability of transitions
401
+ *********************************************/
402
+ /*********************************************
403
+ * SLIDE TRANSITION
404
+ * Aliased 'linear' for backwards compatibility
405
+ *********************************************/
406
+ .reveal.slide section {
407
+ -webkit-backface-visibility: hidden;
408
+ backface-visibility: hidden; }
409
+
410
+ .reveal .slides > section[data-transition=slide].past,
411
+ .reveal .slides > section[data-transition~=slide-out].past,
412
+ .reveal.slide .slides > section:not([data-transition]).past {
413
+ -webkit-transform: translate(-150%, 0);
414
+ transform: translate(-150%, 0); }
415
+
416
+ .reveal .slides > section[data-transition=slide].future,
417
+ .reveal .slides > section[data-transition~=slide-in].future,
418
+ .reveal.slide .slides > section:not([data-transition]).future {
419
+ -webkit-transform: translate(150%, 0);
420
+ transform: translate(150%, 0); }
421
+
422
+ .reveal .slides > section > section[data-transition=slide].past,
423
+ .reveal .slides > section > section[data-transition~=slide-out].past,
424
+ .reveal.slide .slides > section > section:not([data-transition]).past {
425
+ -webkit-transform: translate(0, -150%);
426
+ transform: translate(0, -150%); }
427
+
428
+ .reveal .slides > section > section[data-transition=slide].future,
429
+ .reveal .slides > section > section[data-transition~=slide-in].future,
430
+ .reveal.slide .slides > section > section:not([data-transition]).future {
431
+ -webkit-transform: translate(0, 150%);
432
+ transform: translate(0, 150%); }
433
+
434
+ .reveal.linear section {
435
+ -webkit-backface-visibility: hidden;
436
+ backface-visibility: hidden; }
437
+
438
+ .reveal .slides > section[data-transition=linear].past,
439
+ .reveal .slides > section[data-transition~=linear-out].past,
440
+ .reveal.linear .slides > section:not([data-transition]).past {
441
+ -webkit-transform: translate(-150%, 0);
442
+ transform: translate(-150%, 0); }
443
+
444
+ .reveal .slides > section[data-transition=linear].future,
445
+ .reveal .slides > section[data-transition~=linear-in].future,
446
+ .reveal.linear .slides > section:not([data-transition]).future {
447
+ -webkit-transform: translate(150%, 0);
448
+ transform: translate(150%, 0); }
449
+
450
+ .reveal .slides > section > section[data-transition=linear].past,
451
+ .reveal .slides > section > section[data-transition~=linear-out].past,
452
+ .reveal.linear .slides > section > section:not([data-transition]).past {
453
+ -webkit-transform: translate(0, -150%);
454
+ transform: translate(0, -150%); }
455
+
456
+ .reveal .slides > section > section[data-transition=linear].future,
457
+ .reveal .slides > section > section[data-transition~=linear-in].future,
458
+ .reveal.linear .slides > section > section:not([data-transition]).future {
459
+ -webkit-transform: translate(0, 150%);
460
+ transform: translate(0, 150%); }
461
+
462
+ /*********************************************
463
+ * CONVEX TRANSITION
464
+ * Aliased 'default' for backwards compatibility
465
+ *********************************************/
466
+ .reveal .slides section[data-transition=default].stack,
467
+ .reveal.default .slides section.stack {
468
+ -webkit-transform-style: preserve-3d;
469
+ transform-style: preserve-3d; }
470
+
471
+ .reveal .slides > section[data-transition=default].past,
472
+ .reveal .slides > section[data-transition~=default-out].past,
473
+ .reveal.default .slides > section:not([data-transition]).past {
474
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
475
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
476
+
477
+ .reveal .slides > section[data-transition=default].future,
478
+ .reveal .slides > section[data-transition~=default-in].future,
479
+ .reveal.default .slides > section:not([data-transition]).future {
480
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
481
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
482
+
483
+ .reveal .slides > section > section[data-transition=default].past,
484
+ .reveal .slides > section > section[data-transition~=default-out].past,
485
+ .reveal.default .slides > section > section:not([data-transition]).past {
486
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
487
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
488
+
489
+ .reveal .slides > section > section[data-transition=default].future,
490
+ .reveal .slides > section > section[data-transition~=default-in].future,
491
+ .reveal.default .slides > section > section:not([data-transition]).future {
492
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
493
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
494
+
495
+ .reveal .slides section[data-transition=convex].stack,
496
+ .reveal.convex .slides section.stack {
497
+ -webkit-transform-style: preserve-3d;
498
+ transform-style: preserve-3d; }
499
+
500
+ .reveal .slides > section[data-transition=convex].past,
501
+ .reveal .slides > section[data-transition~=convex-out].past,
502
+ .reveal.convex .slides > section:not([data-transition]).past {
503
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
504
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
505
+
506
+ .reveal .slides > section[data-transition=convex].future,
507
+ .reveal .slides > section[data-transition~=convex-in].future,
508
+ .reveal.convex .slides > section:not([data-transition]).future {
509
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
510
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
511
+
512
+ .reveal .slides > section > section[data-transition=convex].past,
513
+ .reveal .slides > section > section[data-transition~=convex-out].past,
514
+ .reveal.convex .slides > section > section:not([data-transition]).past {
515
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
516
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
517
+
518
+ .reveal .slides > section > section[data-transition=convex].future,
519
+ .reveal .slides > section > section[data-transition~=convex-in].future,
520
+ .reveal.convex .slides > section > section:not([data-transition]).future {
521
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
522
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
523
+
524
+ /*********************************************
525
+ * CONCAVE TRANSITION
526
+ *********************************************/
527
+ .reveal .slides section[data-transition=concave].stack,
528
+ .reveal.concave .slides section.stack {
529
+ -webkit-transform-style: preserve-3d;
530
+ transform-style: preserve-3d; }
531
+
532
+ .reveal .slides > section[data-transition=concave].past,
533
+ .reveal .slides > section[data-transition~=concave-out].past,
534
+ .reveal.concave .slides > section:not([data-transition]).past {
535
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
536
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
537
+
538
+ .reveal .slides > section[data-transition=concave].future,
539
+ .reveal .slides > section[data-transition~=concave-in].future,
540
+ .reveal.concave .slides > section:not([data-transition]).future {
541
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
542
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
543
+
544
+ .reveal .slides > section > section[data-transition=concave].past,
545
+ .reveal .slides > section > section[data-transition~=concave-out].past,
546
+ .reveal.concave .slides > section > section:not([data-transition]).past {
547
+ -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
548
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
549
+
550
+ .reveal .slides > section > section[data-transition=concave].future,
551
+ .reveal .slides > section > section[data-transition~=concave-in].future,
552
+ .reveal.concave .slides > section > section:not([data-transition]).future {
553
+ -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
554
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
555
+
556
+ /*********************************************
557
+ * ZOOM TRANSITION
558
+ *********************************************/
559
+ .reveal .slides section[data-transition=zoom],
560
+ .reveal.zoom .slides section:not([data-transition]) {
561
+ -webkit-transition-timing-function: ease;
562
+ transition-timing-function: ease; }
563
+
564
+ .reveal .slides > section[data-transition=zoom].past,
565
+ .reveal .slides > section[data-transition~=zoom-out].past,
566
+ .reveal.zoom .slides > section:not([data-transition]).past {
567
+ visibility: hidden;
568
+ -webkit-transform: scale(16);
569
+ transform: scale(16); }
570
+
571
+ .reveal .slides > section[data-transition=zoom].future,
572
+ .reveal .slides > section[data-transition~=zoom-in].future,
573
+ .reveal.zoom .slides > section:not([data-transition]).future {
574
+ visibility: hidden;
575
+ -webkit-transform: scale(0.2);
576
+ transform: scale(0.2); }
577
+
578
+ .reveal .slides > section > section[data-transition=zoom].past,
579
+ .reveal .slides > section > section[data-transition~=zoom-out].past,
580
+ .reveal.zoom .slides > section > section:not([data-transition]).past {
581
+ -webkit-transform: translate(0, -150%);
582
+ transform: translate(0, -150%); }
583
+
584
+ .reveal .slides > section > section[data-transition=zoom].future,
585
+ .reveal .slides > section > section[data-transition~=zoom-in].future,
586
+ .reveal.zoom .slides > section > section:not([data-transition]).future {
587
+ -webkit-transform: translate(0, 150%);
588
+ transform: translate(0, 150%); }
589
+
590
+ /*********************************************
591
+ * CUBE TRANSITION
592
+ *********************************************/
593
+ .reveal.cube .slides {
594
+ -webkit-perspective: 1300px;
595
+ perspective: 1300px; }
596
+
597
+ .reveal.cube .slides section {
598
+ padding: 30px;
599
+ min-height: 700px;
600
+ -webkit-backface-visibility: hidden;
601
+ backface-visibility: hidden;
602
+ box-sizing: border-box;
603
+ -webkit-transform-style: preserve-3d;
604
+ transform-style: preserve-3d; }
605
+
606
+ .reveal.center.cube .slides section {
607
+ min-height: 0; }
608
+
609
+ .reveal.cube .slides section:not(.stack):before {
610
+ content: '';
611
+ position: absolute;
612
+ display: block;
613
+ width: 100%;
614
+ height: 100%;
615
+ left: 0;
616
+ top: 0;
617
+ background: rgba(0, 0, 0, 0.1);
618
+ border-radius: 4px;
619
+ -webkit-transform: translateZ(-20px);
620
+ transform: translateZ(-20px); }
621
+
622
+ .reveal.cube .slides section:not(.stack):after {
623
+ content: '';
624
+ position: absolute;
625
+ display: block;
626
+ width: 90%;
627
+ height: 30px;
628
+ left: 5%;
629
+ bottom: 0;
630
+ background: none;
631
+ z-index: 1;
632
+ border-radius: 4px;
633
+ box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
634
+ -webkit-transform: translateZ(-90px) rotateX(65deg);
635
+ transform: translateZ(-90px) rotateX(65deg); }
636
+
637
+ .reveal.cube .slides > section.stack {
638
+ padding: 0;
639
+ background: none; }
640
+
641
+ .reveal.cube .slides > section.past {
642
+ -webkit-transform-origin: 100% 0%;
643
+ transform-origin: 100% 0%;
644
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
645
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
646
+
647
+ .reveal.cube .slides > section.future {
648
+ -webkit-transform-origin: 0% 0%;
649
+ transform-origin: 0% 0%;
650
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
651
+ transform: translate3d(100%, 0, 0) rotateY(90deg); }
652
+
653
+ .reveal.cube .slides > section > section.past {
654
+ -webkit-transform-origin: 0% 100%;
655
+ transform-origin: 0% 100%;
656
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
657
+ transform: translate3d(0, -100%, 0) rotateX(90deg); }
658
+
659
+ .reveal.cube .slides > section > section.future {
660
+ -webkit-transform-origin: 0% 0%;
661
+ transform-origin: 0% 0%;
662
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
663
+ transform: translate3d(0, 100%, 0) rotateX(-90deg); }
664
+
665
+ /*********************************************
666
+ * PAGE TRANSITION
667
+ *********************************************/
668
+ .reveal.page .slides {
669
+ -webkit-perspective-origin: 0% 50%;
670
+ perspective-origin: 0% 50%;
671
+ -webkit-perspective: 3000px;
672
+ perspective: 3000px; }
673
+
674
+ .reveal.page .slides section {
675
+ padding: 30px;
676
+ min-height: 700px;
677
+ box-sizing: border-box;
678
+ -webkit-transform-style: preserve-3d;
679
+ transform-style: preserve-3d; }
680
+
681
+ .reveal.page .slides section.past {
682
+ z-index: 12; }
683
+
684
+ .reveal.page .slides section:not(.stack):before {
685
+ content: '';
686
+ position: absolute;
687
+ display: block;
688
+ width: 100%;
689
+ height: 100%;
690
+ left: 0;
691
+ top: 0;
692
+ background: rgba(0, 0, 0, 0.1);
693
+ -webkit-transform: translateZ(-20px);
694
+ transform: translateZ(-20px); }
695
+
696
+ .reveal.page .slides section:not(.stack):after {
697
+ content: '';
698
+ position: absolute;
699
+ display: block;
700
+ width: 90%;
701
+ height: 30px;
702
+ left: 5%;
703
+ bottom: 0;
704
+ background: none;
705
+ z-index: 1;
706
+ border-radius: 4px;
707
+ box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
708
+ -webkit-transform: translateZ(-90px) rotateX(65deg); }
709
+
710
+ .reveal.page .slides > section.stack {
711
+ padding: 0;
712
+ background: none; }
713
+
714
+ .reveal.page .slides > section.past {
715
+ -webkit-transform-origin: 0% 0%;
716
+ transform-origin: 0% 0%;
717
+ -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
718
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
719
+
720
+ .reveal.page .slides > section.future {
721
+ -webkit-transform-origin: 100% 0%;
722
+ transform-origin: 100% 0%;
723
+ -webkit-transform: translate3d(0, 0, 0);
724
+ transform: translate3d(0, 0, 0); }
725
+
726
+ .reveal.page .slides > section > section.past {
727
+ -webkit-transform-origin: 0% 0%;
728
+ transform-origin: 0% 0%;
729
+ -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
730
+ transform: translate3d(0, -40%, 0) rotateX(80deg); }
731
+
732
+ .reveal.page .slides > section > section.future {
733
+ -webkit-transform-origin: 0% 100%;
734
+ transform-origin: 0% 100%;
735
+ -webkit-transform: translate3d(0, 0, 0);
736
+ transform: translate3d(0, 0, 0); }
737
+
738
+ /*********************************************
739
+ * FADE TRANSITION
740
+ *********************************************/
741
+ .reveal .slides section[data-transition=fade],
742
+ .reveal.fade .slides section:not([data-transition]),
743
+ .reveal.fade .slides > section > section:not([data-transition]) {
744
+ -webkit-transform: none;
745
+ transform: none;
746
+ -webkit-transition: opacity 0.5s;
747
+ transition: opacity 0.5s; }
748
+
749
+ .reveal.fade.overview .slides section,
750
+ .reveal.fade.overview .slides > section > section {
751
+ -webkit-transition: none;
752
+ transition: none; }
753
+
754
+ /*********************************************
755
+ * NO TRANSITION
756
+ *********************************************/
757
+ .reveal .slides section[data-transition=none],
758
+ .reveal.none .slides section:not([data-transition]) {
759
+ -webkit-transform: none;
760
+ transform: none;
761
+ -webkit-transition: none;
762
+ transition: none; }
763
+
764
+ /*********************************************
765
+ * PAUSED MODE
766
+ *********************************************/
767
+ .reveal .pause-overlay {
768
+ position: absolute;
769
+ top: 0;
770
+ left: 0;
771
+ width: 100%;
772
+ height: 100%;
773
+ background: black;
774
+ visibility: hidden;
775
+ opacity: 0;
776
+ z-index: 100;
777
+ -webkit-transition: all 1s ease;
778
+ transition: all 1s ease; }
779
+
780
+ .reveal.paused .pause-overlay {
781
+ visibility: visible;
782
+ opacity: 1; }
783
+
784
+ /*********************************************
785
+ * FALLBACK
786
+ *********************************************/
787
+ .no-transforms {
788
+ overflow-y: auto; }
789
+
790
+ .no-transforms .reveal .slides {
791
+ position: relative;
792
+ width: 80%;
793
+ height: auto !important;
794
+ top: 0;
795
+ left: 50%;
796
+ margin: 0;
797
+ text-align: center; }
798
+
799
+ .no-transforms .reveal .controls,
800
+ .no-transforms .reveal .progress {
801
+ display: none !important; }
802
+
803
+ .no-transforms .reveal .slides section {
804
+ display: block !important;
805
+ opacity: 1 !important;
806
+ position: relative !important;
807
+ height: auto;
808
+ min-height: 0;
809
+ top: 0;
810
+ left: -50%;
811
+ margin: 70px 0;
812
+ -webkit-transform: none;
813
+ transform: none; }
814
+
815
+ .no-transforms .reveal .slides section section {
816
+ left: 0; }
817
+
818
+ .reveal .no-transition,
819
+ .reveal .no-transition * {
820
+ -webkit-transition: none !important;
821
+ transition: none !important; }
822
+
823
+ /*********************************************
824
+ * PER-SLIDE BACKGROUNDS
825
+ *********************************************/
826
+ .reveal .backgrounds {
827
+ position: absolute;
828
+ width: 100%;
829
+ height: 100%;
830
+ top: 0;
831
+ left: 0;
832
+ -webkit-perspective: 600px;
833
+ perspective: 600px; }
834
+
835
+ .reveal .slide-background {
836
+ display: none;
837
+ position: absolute;
838
+ width: 100%;
839
+ height: 100%;
840
+ opacity: 0;
841
+ visibility: hidden;
842
+ background-color: transparent;
843
+ background-position: 50% 50%;
844
+ background-repeat: no-repeat;
845
+ background-size: cover;
846
+ -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
847
+ transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
848
+
849
+ .reveal .slide-background.stack {
850
+ display: block; }
851
+
852
+ .reveal .slide-background.present {
853
+ opacity: 1;
854
+ visibility: visible; }
855
+
856
+ .print-pdf .reveal .slide-background {
857
+ opacity: 1 !important;
858
+ visibility: visible !important; }
859
+
860
+ /* Video backgrounds */
861
+ .reveal .slide-background video {
862
+ position: absolute;
863
+ width: 100%;
864
+ height: 100%;
865
+ max-width: none;
866
+ max-height: none;
867
+ top: 0;
868
+ left: 0; }
869
+
870
+ /* Immediate transition style */
871
+ .reveal[data-background-transition=none] > .backgrounds .slide-background,
872
+ .reveal > .backgrounds .slide-background[data-background-transition=none] {
873
+ -webkit-transition: none;
874
+ transition: none; }
875
+
876
+ /* Slide */
877
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background,
878
+ .reveal > .backgrounds .slide-background[data-background-transition=slide] {
879
+ opacity: 1;
880
+ -webkit-backface-visibility: hidden;
881
+ backface-visibility: hidden; }
882
+
883
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
884
+ .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
885
+ -webkit-transform: translate(-100%, 0);
886
+ transform: translate(-100%, 0); }
887
+
888
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
889
+ .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
890
+ -webkit-transform: translate(100%, 0);
891
+ transform: translate(100%, 0); }
892
+
893
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
894
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
895
+ -webkit-transform: translate(0, -100%);
896
+ transform: translate(0, -100%); }
897
+
898
+ .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
899
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
900
+ -webkit-transform: translate(0, 100%);
901
+ transform: translate(0, 100%); }
902
+
903
+ /* Convex */
904
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
905
+ .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
906
+ opacity: 0;
907
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
908
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
909
+
910
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
911
+ .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
912
+ opacity: 0;
913
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
914
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
915
+
916
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
917
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
918
+ opacity: 0;
919
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
920
+ transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
921
+
922
+ .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
923
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
924
+ opacity: 0;
925
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
926
+ transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
927
+
928
+ /* Concave */
929
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
930
+ .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
931
+ opacity: 0;
932
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
933
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
934
+
935
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
936
+ .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
937
+ opacity: 0;
938
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
939
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
940
+
941
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
942
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
943
+ opacity: 0;
944
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
945
+ transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
946
+
947
+ .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
948
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
949
+ opacity: 0;
950
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
951
+ transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
952
+
953
+ /* Zoom */
954
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background,
955
+ .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
956
+ -webkit-transition-timing-function: ease;
957
+ transition-timing-function: ease; }
958
+
959
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
960
+ .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
961
+ opacity: 0;
962
+ visibility: hidden;
963
+ -webkit-transform: scale(16);
964
+ transform: scale(16); }
965
+
966
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
967
+ .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
968
+ opacity: 0;
969
+ visibility: hidden;
970
+ -webkit-transform: scale(0.2);
971
+ transform: scale(0.2); }
972
+
973
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
974
+ .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
975
+ opacity: 0;
976
+ visibility: hidden;
977
+ -webkit-transform: scale(16);
978
+ transform: scale(16); }
979
+
980
+ .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
981
+ .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
982
+ opacity: 0;
983
+ visibility: hidden;
984
+ -webkit-transform: scale(0.2);
985
+ transform: scale(0.2); }
986
+
987
+ /* Global transition speed settings */
988
+ .reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
989
+ -webkit-transition-duration: 400ms;
990
+ transition-duration: 400ms; }
991
+
992
+ .reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
993
+ -webkit-transition-duration: 1200ms;
994
+ transition-duration: 1200ms; }
995
+
996
+ /*********************************************
997
+ * OVERVIEW
998
+ *********************************************/
999
+ .reveal.overview {
1000
+ -webkit-perspective-origin: 50% 50%;
1001
+ perspective-origin: 50% 50%;
1002
+ -webkit-perspective: 700px;
1003
+ perspective: 700px; }
1004
+ .reveal.overview .slides {
1005
+ -moz-transform-style: preserve-3d; }
1006
+ .reveal.overview .slides section {
1007
+ height: 100%;
1008
+ top: 0 !important;
1009
+ opacity: 1 !important;
1010
+ overflow: hidden;
1011
+ visibility: visible !important;
1012
+ cursor: pointer;
1013
+ box-sizing: border-box; }
1014
+ .reveal.overview .slides section:hover,
1015
+ .reveal.overview .slides section.present {
1016
+ outline: 10px solid rgba(150, 150, 150, 0.4);
1017
+ outline-offset: 10px; }
1018
+ .reveal.overview .slides section .fragment {
1019
+ opacity: 1;
1020
+ -webkit-transition: none;
1021
+ transition: none; }
1022
+ .reveal.overview .slides section:after,
1023
+ .reveal.overview .slides section:before {
1024
+ display: none !important; }
1025
+ .reveal.overview .slides > section.stack {
1026
+ padding: 0;
1027
+ top: 0 !important;
1028
+ background: none;
1029
+ outline: none;
1030
+ overflow: visible; }
1031
+ .reveal.overview .backgrounds {
1032
+ -webkit-perspective: inherit;
1033
+ perspective: inherit;
1034
+ -moz-transform-style: preserve-3d; }
1035
+ .reveal.overview .backgrounds .slide-background {
1036
+ opacity: 1;
1037
+ visibility: visible;
1038
+ outline: 10px solid rgba(150, 150, 150, 0.1);
1039
+ outline-offset: 10px; }
1040
+
1041
+ .reveal.overview .slides section,
1042
+ .reveal.overview-deactivating .slides section {
1043
+ -webkit-transition: none;
1044
+ transition: none; }
1045
+
1046
+ .reveal.overview .backgrounds .slide-background,
1047
+ .reveal.overview-deactivating .backgrounds .slide-background {
1048
+ -webkit-transition: none;
1049
+ transition: none; }
1050
+
1051
+ .reveal.overview-animated .slides {
1052
+ -webkit-transition: -webkit-transform 0.4s ease;
1053
+ transition: transform 0.4s ease; }
1054
+
1055
+ /*********************************************
1056
+ * RTL SUPPORT
1057
+ *********************************************/
1058
+ .reveal.rtl .slides,
1059
+ .reveal.rtl .slides h1,
1060
+ .reveal.rtl .slides h2,
1061
+ .reveal.rtl .slides h3,
1062
+ .reveal.rtl .slides h4,
1063
+ .reveal.rtl .slides h5,
1064
+ .reveal.rtl .slides h6 {
1065
+ direction: rtl;
1066
+ font-family: sans-serif; }
1067
+
1068
+ .reveal.rtl pre,
1069
+ .reveal.rtl code {
1070
+ direction: ltr; }
1071
+
1072
+ .reveal.rtl ol,
1073
+ .reveal.rtl ul {
1074
+ text-align: right; }
1075
+
1076
+ .reveal.rtl .progress span {
1077
+ float: right; }
1078
+
1079
+ /*********************************************
1080
+ * PARALLAX BACKGROUND
1081
+ *********************************************/
1082
+ .reveal.has-parallax-background .backgrounds {
1083
+ -webkit-transition: all 0.8s ease;
1084
+ transition: all 0.8s ease; }
1085
+
1086
+ /* Global transition speed settings */
1087
+ .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
1088
+ -webkit-transition-duration: 400ms;
1089
+ transition-duration: 400ms; }
1090
+
1091
+ .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
1092
+ -webkit-transition-duration: 1200ms;
1093
+ transition-duration: 1200ms; }
1094
+
1095
+ /*********************************************
1096
+ * LINK PREVIEW OVERLAY
1097
+ *********************************************/
1098
+ .reveal .overlay {
1099
+ position: absolute;
1100
+ top: 0;
1101
+ left: 0;
1102
+ width: 100%;
1103
+ height: 100%;
1104
+ z-index: 1000;
1105
+ background: rgba(0, 0, 0, 0.9);
1106
+ opacity: 0;
1107
+ visibility: hidden;
1108
+ -webkit-transition: all 0.3s ease;
1109
+ transition: all 0.3s ease; }
1110
+
1111
+ .reveal .overlay.visible {
1112
+ opacity: 1;
1113
+ visibility: visible; }
1114
+
1115
+ .reveal .overlay .spinner {
1116
+ position: absolute;
1117
+ display: block;
1118
+ top: 50%;
1119
+ left: 50%;
1120
+ width: 32px;
1121
+ height: 32px;
1122
+ margin: -16px 0 0 -16px;
1123
+ z-index: 10;
1124
+ 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);
1125
+ visibility: visible;
1126
+ opacity: 0.6;
1127
+ -webkit-transition: all 0.3s ease;
1128
+ transition: all 0.3s ease; }
1129
+
1130
+ .reveal .overlay header {
1131
+ position: absolute;
1132
+ left: 0;
1133
+ top: 0;
1134
+ width: 100%;
1135
+ height: 40px;
1136
+ z-index: 2;
1137
+ border-bottom: 1px solid #222; }
1138
+
1139
+ .reveal .overlay header a {
1140
+ display: inline-block;
1141
+ width: 40px;
1142
+ height: 40px;
1143
+ line-height: 36px;
1144
+ padding: 0 10px;
1145
+ float: right;
1146
+ opacity: 0.6;
1147
+ box-sizing: border-box; }
1148
+
1149
+ .reveal .overlay header a:hover {
1150
+ opacity: 1; }
1151
+
1152
+ .reveal .overlay header a .icon {
1153
+ display: inline-block;
1154
+ width: 20px;
1155
+ height: 20px;
1156
+ background-position: 50% 50%;
1157
+ background-size: 100%;
1158
+ background-repeat: no-repeat; }
1159
+
1160
+ .reveal .overlay header a.close .icon {
1161
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
1162
+
1163
+ .reveal .overlay header a.external .icon {
1164
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
1165
+
1166
+ .reveal .overlay .viewport {
1167
+ position: absolute;
1168
+ display: -webkit-box;
1169
+ display: -webkit-flex;
1170
+ display: -ms-flexbox;
1171
+ display: flex;
1172
+ top: 40px;
1173
+ right: 0;
1174
+ bottom: 0;
1175
+ left: 0; }
1176
+
1177
+ .reveal .overlay.overlay-preview .viewport iframe {
1178
+ width: 100%;
1179
+ height: 100%;
1180
+ max-width: 100%;
1181
+ max-height: 100%;
1182
+ border: 0;
1183
+ opacity: 0;
1184
+ visibility: hidden;
1185
+ -webkit-transition: all 0.3s ease;
1186
+ transition: all 0.3s ease; }
1187
+
1188
+ .reveal .overlay.overlay-preview.loaded .viewport iframe {
1189
+ opacity: 1;
1190
+ visibility: visible; }
1191
+
1192
+ .reveal .overlay.overlay-preview.loaded .viewport-inner {
1193
+ position: absolute;
1194
+ z-index: -1;
1195
+ left: 0;
1196
+ top: 45%;
1197
+ width: 100%;
1198
+ text-align: center;
1199
+ letter-spacing: normal; }
1200
+
1201
+ .reveal .overlay.overlay-preview .x-frame-error {
1202
+ opacity: 0;
1203
+ -webkit-transition: opacity 0.3s ease 0.3s;
1204
+ transition: opacity 0.3s ease 0.3s; }
1205
+
1206
+ .reveal .overlay.overlay-preview.loaded .x-frame-error {
1207
+ opacity: 1; }
1208
+
1209
+ .reveal .overlay.overlay-preview.loaded .spinner {
1210
+ opacity: 0;
1211
+ visibility: hidden;
1212
+ -webkit-transform: scale(0.2);
1213
+ transform: scale(0.2); }
1214
+
1215
+ .reveal .overlay.overlay-help .viewport {
1216
+ overflow: auto;
1217
+ color: #fff; }
1218
+
1219
+ .reveal .overlay.overlay-help .viewport .viewport-inner {
1220
+ width: 600px;
1221
+ margin: auto;
1222
+ padding: 20px 20px 80px 20px;
1223
+ text-align: center;
1224
+ letter-spacing: normal; }
1225
+
1226
+ .reveal .overlay.overlay-help .viewport .viewport-inner .title {
1227
+ font-size: 20px; }
1228
+
1229
+ .reveal .overlay.overlay-help .viewport .viewport-inner table {
1230
+ border: 1px solid #fff;
1231
+ border-collapse: collapse;
1232
+ font-size: 16px; }
1233
+
1234
+ .reveal .overlay.overlay-help .viewport .viewport-inner table th,
1235
+ .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1236
+ width: 200px;
1237
+ padding: 14px;
1238
+ border: 1px solid #fff;
1239
+ vertical-align: middle; }
1240
+
1241
+ .reveal .overlay.overlay-help .viewport .viewport-inner table th {
1242
+ padding-top: 20px;
1243
+ padding-bottom: 20px; }
1244
+
1245
+ /*********************************************
1246
+ * PLAYBACK COMPONENT
1247
+ *********************************************/
1248
+ .reveal .playback {
1249
+ position: fixed;
1250
+ left: 15px;
1251
+ bottom: 20px;
1252
+ z-index: 30;
1253
+ cursor: pointer;
1254
+ -webkit-transition: all 400ms ease;
1255
+ transition: all 400ms ease; }
1256
+
1257
+ .reveal.overview .playback {
1258
+ opacity: 0;
1259
+ visibility: hidden; }
1260
+
1261
+ /*********************************************
1262
+ * ROLLING LINKS
1263
+ *********************************************/
1264
+ .reveal .roll {
1265
+ display: inline-block;
1266
+ line-height: 1.2;
1267
+ overflow: hidden;
1268
+ vertical-align: top;
1269
+ -webkit-perspective: 400px;
1270
+ perspective: 400px;
1271
+ -webkit-perspective-origin: 50% 50%;
1272
+ perspective-origin: 50% 50%; }
1273
+
1274
+ .reveal .roll:hover {
1275
+ background: none;
1276
+ text-shadow: none; }
1277
+
1278
+ .reveal .roll span {
1279
+ display: block;
1280
+ position: relative;
1281
+ padding: 0 2px;
1282
+ pointer-events: none;
1283
+ -webkit-transition: all 400ms ease;
1284
+ transition: all 400ms ease;
1285
+ -webkit-transform-origin: 50% 0%;
1286
+ transform-origin: 50% 0%;
1287
+ -webkit-transform-style: preserve-3d;
1288
+ transform-style: preserve-3d;
1289
+ -webkit-backface-visibility: hidden;
1290
+ backface-visibility: hidden; }
1291
+
1292
+ .reveal .roll:hover span {
1293
+ background: rgba(0, 0, 0, 0.5);
1294
+ -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
1295
+ transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
1296
+
1297
+ .reveal .roll span:after {
1298
+ content: attr(data-title);
1299
+ display: block;
1300
+ position: absolute;
1301
+ left: 0;
1302
+ top: 0;
1303
+ padding: 0 2px;
1304
+ -webkit-backface-visibility: hidden;
1305
+ backface-visibility: hidden;
1306
+ -webkit-transform-origin: 50% 0%;
1307
+ transform-origin: 50% 0%;
1308
+ -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1309
+ transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
1310
+
1311
+ /*********************************************
1312
+ * SPEAKER NOTES
1313
+ *********************************************/
1314
+ .reveal aside.notes {
1315
+ display: none; }
1316
+
1317
+ .reveal .speaker-notes {
1318
+ display: none;
1319
+ position: absolute;
1320
+ width: 70%;
1321
+ max-height: 15%;
1322
+ left: 15%;
1323
+ bottom: 26px;
1324
+ padding: 10px;
1325
+ z-index: 1;
1326
+ font-size: 18px;
1327
+ line-height: 1.4;
1328
+ color: #fff;
1329
+ background-color: rgba(0, 0, 0, 0.5);
1330
+ overflow: auto;
1331
+ box-sizing: border-box;
1332
+ text-align: left;
1333
+ font-family: Helvetica, sans-serif;
1334
+ -webkit-overflow-scrolling: touch; }
1335
+
1336
+ .reveal .speaker-notes.visible:not(:empty) {
1337
+ display: block; }
1338
+
1339
+ @media screen and (max-width: 1024px) {
1340
+ .reveal .speaker-notes {
1341
+ font-size: 14px; } }
1342
+
1343
+ @media screen and (max-width: 600px) {
1344
+ .reveal .speaker-notes {
1345
+ width: 90%;
1346
+ left: 5%; } }
1347
+
1348
+ /*********************************************
1349
+ * ZOOM PLUGIN
1350
+ *********************************************/
1351
+ .zoomed .reveal *,
1352
+ .zoomed .reveal *:before,
1353
+ .zoomed .reveal *:after {
1354
+ -webkit-backface-visibility: visible !important;
1355
+ backface-visibility: visible !important; }
1356
+
1357
+ .zoomed .reveal .progress,
1358
+ .zoomed .reveal .controls {
1359
+ opacity: 0; }
1360
+
1361
+ .zoomed .reveal .roll span {
1362
+ background: none; }
1363
+
1364
+ .zoomed .reveal .roll span:after {
1365
+ visibility: hidden; }