slippery 0.3.0 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (212) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -0
  3. data/assets/deck.js/core/deck.core.css +60 -0
  4. data/assets/deck.js/core/deck.core.js +728 -0
  5. data/assets/deck.js/core/deck.core.scss +65 -0
  6. data/assets/deck.js/core/print.css +25 -0
  7. data/assets/deck.js/core/print.scss +14 -0
  8. data/assets/deck.js/css/common.css +216 -0
  9. data/assets/deck.js/css/common.scss +233 -0
  10. data/assets/deck.js/css/home.css +790 -0
  11. data/assets/deck.js/css/home.scss +892 -0
  12. data/assets/deck.js/extensions/goto/deck.goto.css +36 -0
  13. data/assets/deck.js/extensions/goto/deck.goto.html +7 -0
  14. data/assets/deck.js/extensions/goto/deck.goto.js +190 -0
  15. data/assets/deck.js/extensions/goto/deck.goto.scss +39 -0
  16. data/assets/deck.js/extensions/hash/deck.hash.css +13 -0
  17. data/assets/deck.js/extensions/hash/deck.hash.html +2 -0
  18. data/assets/deck.js/extensions/hash/deck.hash.js +145 -0
  19. data/assets/deck.js/extensions/hash/deck.hash.scss +13 -0
  20. data/assets/deck.js/extensions/menu/deck.menu.css +45 -0
  21. data/assets/deck.js/extensions/menu/deck.menu.js +225 -0
  22. data/assets/deck.js/extensions/menu/deck.menu.scss +55 -0
  23. data/assets/deck.js/extensions/navigation/deck.navigation.css +42 -0
  24. data/assets/deck.js/extensions/navigation/deck.navigation.html +5 -0
  25. data/assets/deck.js/extensions/navigation/deck.navigation.js +94 -0
  26. data/assets/deck.js/extensions/navigation/deck.navigation.scss +44 -0
  27. data/assets/deck.js/extensions/scale/deck.scale.css +20 -0
  28. data/assets/deck.js/extensions/scale/deck.scale.js +190 -0
  29. data/assets/deck.js/extensions/scale/deck.scale.scss +22 -0
  30. data/assets/deck.js/extensions/status/deck.status.css +18 -0
  31. data/assets/deck.js/extensions/status/deck.status.html +6 -0
  32. data/assets/deck.js/extensions/status/deck.status.js +108 -0
  33. data/assets/deck.js/extensions/status/deck.status.scss +18 -0
  34. data/assets/deck.js/modernizr.custom.js +4 -0
  35. data/assets/deck.js/themes/style/_reset.scss +300 -0
  36. data/assets/deck.js/themes/style/neon.css +421 -0
  37. data/assets/deck.js/themes/style/neon.scss +148 -0
  38. data/assets/deck.js/themes/style/swiss.css +389 -0
  39. data/assets/deck.js/themes/style/swiss.scss +109 -0
  40. data/assets/deck.js/themes/style/web-2.0.css +500 -0
  41. data/assets/deck.js/themes/style/web-2.0.scss +228 -0
  42. data/assets/deck.js/themes/transition/fade.css +35 -0
  43. data/assets/deck.js/themes/transition/fade.scss +59 -0
  44. data/assets/deck.js/themes/transition/horizontal-slide.css +53 -0
  45. data/assets/deck.js/themes/transition/horizontal-slide.scss +72 -0
  46. data/assets/deck.js/themes/transition/vertical-slide.css +67 -0
  47. data/assets/deck.js/themes/transition/vertical-slide.scss +92 -0
  48. data/assets/highlight.js/CHANGES.md +953 -0
  49. data/assets/highlight.js/LICENSE +24 -0
  50. data/assets/highlight.js/README.md +101 -0
  51. data/assets/highlight.js/README.ru.md +101 -0
  52. data/assets/highlight.js/highlight-0.8.default.min.css +1 -0
  53. data/assets/highlight.js/highlight-0.8.min.js +1 -0
  54. data/assets/highlight.js/highlight.pack.js +1 -0
  55. data/assets/highlight.js/styles/arta.css +141 -0
  56. data/assets/highlight.js/styles/ascetic.css +53 -0
  57. data/assets/highlight.js/styles/atelier-dune.dark.css +95 -0
  58. data/assets/highlight.js/styles/atelier-dune.light.css +95 -0
  59. data/assets/highlight.js/styles/atelier-forest.dark.css +95 -0
  60. data/assets/highlight.js/styles/atelier-forest.light.css +95 -0
  61. data/assets/highlight.js/styles/atelier-heath.dark.css +95 -0
  62. data/assets/highlight.js/styles/atelier-heath.light.css +95 -0
  63. data/assets/highlight.js/styles/atelier-lakeside.dark.css +95 -0
  64. data/assets/highlight.js/styles/atelier-lakeside.light.css +95 -0
  65. data/assets/highlight.js/styles/atelier-seaside.dark.css +95 -0
  66. data/assets/highlight.js/styles/atelier-seaside.light.css +95 -0
  67. data/assets/highlight.js/styles/brown_paper.css +105 -0
  68. data/assets/highlight.js/styles/brown_papersq.png +0 -0
  69. data/assets/highlight.js/styles/codepen-embed.css +108 -0
  70. data/assets/highlight.js/styles/color-brewer.css +169 -0
  71. data/assets/highlight.js/styles/dark.css +105 -0
  72. data/assets/highlight.js/styles/default.css +153 -0
  73. data/assets/highlight.js/styles/docco.css +136 -0
  74. data/assets/highlight.js/styles/far.css +112 -0
  75. data/assets/highlight.js/styles/foundation.css +136 -0
  76. data/assets/highlight.js/styles/github.css +127 -0
  77. data/assets/highlight.js/styles/googlecode.css +148 -0
  78. data/assets/highlight.js/styles/hybrid.css +171 -0
  79. data/assets/highlight.js/styles/idea.css +126 -0
  80. data/assets/highlight.js/styles/ir_black.css +110 -0
  81. data/assets/highlight.js/styles/kimbie.dark.css +96 -0
  82. data/assets/highlight.js/styles/kimbie.light.css +96 -0
  83. data/assets/highlight.js/styles/magula.css +122 -0
  84. data/assets/highlight.js/styles/mono-blue.css +70 -0
  85. data/assets/highlight.js/styles/monokai.css +127 -0
  86. data/assets/highlight.js/styles/monokai_sublime.css +148 -0
  87. data/assets/highlight.js/styles/obsidian.css +154 -0
  88. data/assets/highlight.js/styles/paraiso.dark.css +95 -0
  89. data/assets/highlight.js/styles/paraiso.light.css +95 -0
  90. data/assets/highlight.js/styles/pojoaque.css +108 -0
  91. data/assets/highlight.js/styles/pojoaque.jpg +0 -0
  92. data/assets/highlight.js/styles/railscasts.css +185 -0
  93. data/assets/highlight.js/styles/rainbow.css +109 -0
  94. data/assets/highlight.js/styles/school_book.css +113 -0
  95. data/assets/highlight.js/styles/school_book.png +0 -0
  96. data/assets/highlight.js/styles/solarized_dark.css +109 -0
  97. data/assets/highlight.js/styles/solarized_light.css +109 -0
  98. data/assets/highlight.js/styles/sunburst.css +165 -0
  99. data/assets/highlight.js/styles/tomorrow-night-blue.css +95 -0
  100. data/assets/highlight.js/styles/tomorrow-night-bright.css +94 -0
  101. data/assets/highlight.js/styles/tomorrow-night-eighties.css +94 -0
  102. data/assets/highlight.js/styles/tomorrow-night.css +95 -0
  103. data/assets/highlight.js/styles/tomorrow.css +92 -0
  104. data/assets/highlight.js/styles/vs.css +94 -0
  105. data/assets/highlight.js/styles/xcode.css +159 -0
  106. data/assets/highlight.js/styles/zenburn.css +119 -0
  107. data/assets/jquery/jquery-2.1.0.min.js +4 -0
  108. data/assets/reveal.js/css/print/paper.css +1 -1
  109. data/assets/reveal.js/css/print/pdf.css +2 -2
  110. data/assets/reveal.js/css/reveal.css +372 -108
  111. data/assets/reveal.js/css/reveal.min.css +2 -2
  112. data/assets/reveal.js/css/theme/README.md +3 -1
  113. data/assets/reveal.js/css/theme/beige.css +7 -1
  114. data/assets/reveal.js/css/theme/blood.css +175 -0
  115. data/assets/reveal.js/css/theme/default.css +7 -1
  116. data/assets/reveal.js/css/theme/moon.css +7 -1
  117. data/assets/reveal.js/css/theme/night.css +7 -1
  118. data/assets/reveal.js/css/theme/serif.css +7 -1
  119. data/assets/reveal.js/css/theme/simple.css +7 -1
  120. data/assets/reveal.js/css/theme/sky.css +7 -1
  121. data/assets/reveal.js/css/theme/solarized.css +7 -1
  122. data/assets/reveal.js/css/theme/source/blood.scss +91 -0
  123. data/assets/reveal.js/css/theme/template/settings.scss +1 -0
  124. data/assets/reveal.js/css/theme/template/theme.scss +9 -2
  125. data/assets/reveal.js/js/reveal.js +1238 -433
  126. data/assets/reveal.js/js/reveal.min.js +4 -3
  127. data/assets/reveal.js/lib/css/zenburn.css +16 -17
  128. data/assets/reveal.js/plugin/highlight/highlight.js +3 -2
  129. data/assets/reveal.js/plugin/leap/leap.js +3 -0
  130. data/assets/reveal.js/plugin/markdown/example.html +37 -5
  131. data/assets/reveal.js/plugin/markdown/example.md +2 -0
  132. data/assets/reveal.js/plugin/markdown/markdown.js +373 -171
  133. data/assets/reveal.js/plugin/math/math.js +64 -0
  134. data/assets/reveal.js/plugin/multiplex/master.js +2 -1
  135. data/assets/reveal.js/plugin/notes/notes.html +33 -19
  136. data/assets/reveal.js/plugin/notes/notes.js +25 -47
  137. data/assets/reveal.js/plugin/remotes/remotes.js +4 -4
  138. data/assets/reveal.js/plugin/zoom-js/zoom.js +3 -1
  139. data/assets/reveal.old/css/print/paper.css +176 -0
  140. data/assets/reveal.old/css/print/pdf.css +190 -0
  141. data/assets/reveal.old/css/reveal.css +1616 -0
  142. data/assets/reveal.old/css/reveal.min.css +7 -0
  143. data/assets/reveal.old/css/theme/README.md +23 -0
  144. data/assets/reveal.old/css/theme/beige.css +142 -0
  145. data/assets/reveal.old/css/theme/default.css +142 -0
  146. data/assets/reveal.old/css/theme/moon.css +142 -0
  147. data/assets/reveal.old/css/theme/night.css +130 -0
  148. data/assets/reveal.old/css/theme/serif.css +132 -0
  149. data/assets/reveal.old/css/theme/simple.css +132 -0
  150. data/assets/reveal.old/css/theme/sky.css +139 -0
  151. data/assets/reveal.old/css/theme/solarized.css +142 -0
  152. data/assets/reveal.old/css/theme/source/beige.scss +50 -0
  153. data/assets/reveal.old/css/theme/source/default.scss +42 -0
  154. data/assets/reveal.old/css/theme/source/moon.scss +68 -0
  155. data/assets/reveal.old/css/theme/source/night.scss +35 -0
  156. data/assets/reveal.old/css/theme/source/serif.scss +35 -0
  157. data/assets/reveal.old/css/theme/source/simple.scss +38 -0
  158. data/assets/reveal.old/css/theme/source/sky.scss +46 -0
  159. data/assets/reveal.old/css/theme/source/solarized.scss +74 -0
  160. data/assets/reveal.old/css/theme/template/mixins.scss +29 -0
  161. data/assets/reveal.old/css/theme/template/settings.scss +33 -0
  162. data/assets/reveal.old/css/theme/template/theme.scss +163 -0
  163. data/assets/{reveal.js → reveal.old}/js/head.min.js +0 -0
  164. data/assets/reveal.old/js/reveal.js +2577 -0
  165. data/assets/reveal.old/js/reveal.min.js +8 -0
  166. data/assets/reveal.old/lib/css/zenburn.css +115 -0
  167. data/assets/reveal.old/lib/font/league_gothic-webfont.eot +0 -0
  168. data/assets/reveal.old/lib/font/league_gothic-webfont.svg +230 -0
  169. data/assets/reveal.old/lib/font/league_gothic-webfont.ttf +0 -0
  170. data/assets/reveal.old/lib/font/league_gothic-webfont.woff +0 -0
  171. data/assets/reveal.old/lib/font/league_gothic_license +2 -0
  172. data/assets/reveal.old/lib/js/classList.js +2 -0
  173. data/assets/reveal.old/lib/js/head.min.js +8 -0
  174. data/assets/reveal.old/lib/js/html5shiv.js +7 -0
  175. data/assets/reveal.old/plugin/highlight/highlight.js +31 -0
  176. data/assets/reveal.old/plugin/leap/leap.js +154 -0
  177. data/assets/reveal.old/plugin/markdown/example.html +97 -0
  178. data/assets/reveal.old/plugin/markdown/example.md +29 -0
  179. data/assets/reveal.old/plugin/markdown/markdown.js +190 -0
  180. data/assets/reveal.old/plugin/markdown/marked.js +37 -0
  181. data/assets/reveal.old/plugin/multiplex/client.js +13 -0
  182. data/assets/reveal.old/plugin/multiplex/index.js +56 -0
  183. data/assets/reveal.old/plugin/multiplex/master.js +50 -0
  184. data/assets/reveal.old/plugin/notes-server/client.js +57 -0
  185. data/assets/reveal.old/plugin/notes-server/index.js +59 -0
  186. data/assets/reveal.old/plugin/notes-server/notes.html +142 -0
  187. data/assets/reveal.old/plugin/notes/notes.html +253 -0
  188. data/assets/reveal.old/plugin/notes/notes.js +100 -0
  189. data/assets/reveal.old/plugin/postmessage/example.html +39 -0
  190. data/assets/reveal.old/plugin/postmessage/postmessage.js +42 -0
  191. data/assets/reveal.old/plugin/print-pdf/print-pdf.js +44 -0
  192. data/assets/reveal.old/plugin/remotes/remotes.js +39 -0
  193. data/assets/reveal.old/plugin/search/search.js +196 -0
  194. data/assets/reveal.old/plugin/zoom-js/zoom.js +256 -0
  195. data/bin/slippery +1 -0
  196. data/code_of_conduct.md +32 -0
  197. data/lib/slippery.rb +5 -3
  198. data/lib/slippery/document.rb +2 -2
  199. data/lib/slippery/presentation.rb +10 -1
  200. data/lib/slippery/processor.rb +18 -0
  201. data/lib/slippery/processor_helpers.rb +16 -2
  202. data/lib/slippery/processors/add_highlight.rb +9 -2
  203. data/lib/slippery/processors/deck_js.rb +81 -0
  204. data/lib/slippery/processors/fathom_js.rb +31 -0
  205. data/lib/slippery/processors/impress_js/add_impress_js.rb +2 -2
  206. data/lib/slippery/processors/jquery.rb +12 -0
  207. data/lib/slippery/processors/reveal_js/add_reveal_js.rb +12 -9
  208. data/lib/slippery/rake_tasks.rb +59 -31
  209. data/lib/slippery/version.rb +1 -1
  210. data/slippery.gemspec +5 -4
  211. metadata +215 -33
  212. data/lib/slippery/converter.rb +0 -132
@@ -0,0 +1,190 @@
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
+ /* SECTION 1: Set default width, margin, float, and
10
+ background. This prevents elements from extending
11
+ beyond the edge of the printed page, and prevents
12
+ unnecessary background images from printing */
13
+
14
+ * {
15
+ -webkit-print-color-adjust: exact;
16
+ }
17
+
18
+ body {
19
+ font-size: 18pt;
20
+ width: 297mm;
21
+ height: 229mm;
22
+ margin: 0 auto !important;
23
+ border: 0;
24
+ padding: 0;
25
+ float: none !important;
26
+ overflow: visible;
27
+ }
28
+
29
+ html {
30
+ width: 100%;
31
+ height: 100%;
32
+ overflow: visible;
33
+ }
34
+
35
+ @page {
36
+ size: letter landscape;
37
+ margin: 0;
38
+ }
39
+
40
+ /* SECTION 2: Remove any elements not needed in print.
41
+ This would include navigation, ads, sidebars, etc. */
42
+ .nestedarrow,
43
+ .controls,
44
+ .reveal .progress,
45
+ .reveal.overview,
46
+ .fork-reveal,
47
+ .share-reveal,
48
+ .state-background {
49
+ display: none !important;
50
+ }
51
+
52
+ /* SECTION 3: Set body font face, size, and color.
53
+ Consider using a serif font for readability. */
54
+ body, p, td, li, div {
55
+ font-size: 18pt;
56
+ }
57
+
58
+ /* SECTION 4: Set heading font face, sizes, and color.
59
+ Diffrentiate your headings from your body text.
60
+ Perhaps use a large sans-serif for distinction. */
61
+ h1,h2,h3,h4,h5,h6 {
62
+ text-shadow: 0 0 0 #000 !important;
63
+ }
64
+
65
+ /* SECTION 5: Make hyperlinks more usable.
66
+ Ensure links are underlined, and consider appending
67
+ the URL to the end of the link for usability. */
68
+ a:link,
69
+ a:visited {
70
+ font-weight: bold;
71
+ text-decoration: underline;
72
+ }
73
+
74
+ .reveal pre code {
75
+ overflow: hidden !important;
76
+ font-family: monospace !important;
77
+ }
78
+
79
+
80
+ /* SECTION 6: more reveal.js specific additions by @skypanther */
81
+ ul, ol, div, p {
82
+ visibility: visible;
83
+ position: static;
84
+ width: auto;
85
+ height: auto;
86
+ display: block;
87
+ overflow: visible;
88
+ margin: auto;
89
+ }
90
+ .reveal {
91
+ width: auto !important;
92
+ height: auto !important;
93
+ overflow: hidden !important;
94
+ }
95
+ .reveal .slides {
96
+ position: static;
97
+ width: 100%;
98
+ height: auto;
99
+
100
+ left: auto;
101
+ top: auto;
102
+ margin: 0 !important;
103
+ padding: 0 !important;
104
+
105
+ overflow: visible;
106
+ display: block;
107
+
108
+ text-align: center;
109
+
110
+ -webkit-perspective: none;
111
+ -moz-perspective: none;
112
+ -ms-perspective: none;
113
+ perspective: none;
114
+
115
+ -webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
116
+ -moz-perspective-origin: 50% 50%;
117
+ -ms-perspective-origin: 50% 50%;
118
+ perspective-origin: 50% 50%;
119
+ }
120
+ .reveal .slides section {
121
+
122
+ page-break-after: always !important;
123
+
124
+ visibility: visible !important;
125
+ position: relative !important;
126
+ width: 100% !important;
127
+ height: 229mm !important;
128
+ min-height: 229mm !important;
129
+ display: block !important;
130
+ overflow: hidden !important;
131
+
132
+ left: 0 !important;
133
+ top: 0 !important;
134
+ margin: 0 !important;
135
+ padding: 2cm 2cm 0 2cm !important;
136
+ box-sizing: border-box !important;
137
+
138
+ opacity: 1 !important;
139
+
140
+ -webkit-transform-style: flat !important;
141
+ -moz-transform-style: flat !important;
142
+ -ms-transform-style: flat !important;
143
+ transform-style: flat !important;
144
+
145
+ -webkit-transform: none !important;
146
+ -moz-transform: none !important;
147
+ -ms-transform: none !important;
148
+ transform: none !important;
149
+ }
150
+ .reveal section.stack {
151
+ margin: 0 !important;
152
+ padding: 0 !important;
153
+ page-break-after: avoid !important;
154
+ height: auto !important;
155
+ min-height: auto !important;
156
+ }
157
+ .reveal .absolute-element {
158
+ margin-left: 2.2cm;
159
+ margin-top: 1.8cm;
160
+ }
161
+ .reveal section .fragment {
162
+ opacity: 1 !important;
163
+ visibility: visible !important;
164
+
165
+ -webkit-transform: none !important;
166
+ -moz-transform: none !important;
167
+ -ms-transform: none !important;
168
+ transform: none !important;
169
+ }
170
+ .reveal section .slide-background {
171
+ position: absolute;
172
+ top: 0;
173
+ left: 0;
174
+ width: 100%;
175
+ z-index: 0;
176
+ }
177
+ .reveal section>* {
178
+ position: relative;
179
+ z-index: 1;
180
+ }
181
+ .reveal img {
182
+ box-shadow: none;
183
+ }
184
+ .reveal .roll {
185
+ overflow: visible;
186
+ line-height: 1em;
187
+ }
188
+ .reveal small a {
189
+ font-size: 16pt !important;
190
+ }
@@ -0,0 +1,1616 @@
1
+ @charset "UTF-8";
2
+
3
+ /*!
4
+ * reveal.js
5
+ * http://lab.hakim.se/reveal-js
6
+ * MIT licensed
7
+ *
8
+ * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
9
+ */
10
+
11
+
12
+ /*********************************************
13
+ * RESET STYLES
14
+ *********************************************/
15
+
16
+ html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
17
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
18
+ .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
19
+ .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
20
+ .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
21
+ .reveal b, .reveal u, .reveal i, .reveal center,
22
+ .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
23
+ .reveal fieldset, .reveal form, .reveal label, .reveal legend,
24
+ .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
25
+ .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
26
+ .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
27
+ .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
28
+ .reveal time, .reveal mark, .reveal audio, video {
29
+ margin: 0;
30
+ padding: 0;
31
+ border: 0;
32
+ font-size: 100%;
33
+ font: inherit;
34
+ vertical-align: baseline;
35
+ }
36
+
37
+ .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
38
+ .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
39
+ display: block;
40
+ }
41
+
42
+
43
+ /*********************************************
44
+ * GLOBAL STYLES
45
+ *********************************************/
46
+
47
+ html,
48
+ body {
49
+ width: 100%;
50
+ height: 100%;
51
+ overflow: hidden;
52
+ }
53
+
54
+ body {
55
+ position: relative;
56
+ line-height: 1;
57
+ }
58
+
59
+ ::selection {
60
+ background: #FF5E99;
61
+ color: #fff;
62
+ text-shadow: none;
63
+ }
64
+
65
+
66
+ /*********************************************
67
+ * HEADERS
68
+ *********************************************/
69
+
70
+ .reveal h1,
71
+ .reveal h2,
72
+ .reveal h3,
73
+ .reveal h4,
74
+ .reveal h5,
75
+ .reveal h6 {
76
+ -webkit-hyphens: auto;
77
+ -moz-hyphens: auto;
78
+ hyphens: auto;
79
+
80
+ word-wrap: break-word;
81
+ line-height: 1;
82
+ }
83
+
84
+ .reveal h1 { font-size: 3.77em; }
85
+ .reveal h2 { font-size: 2.11em; }
86
+ .reveal h3 { font-size: 1.55em; }
87
+ .reveal h4 { font-size: 1em; }
88
+
89
+
90
+ /*********************************************
91
+ * VIEW FRAGMENTS
92
+ *********************************************/
93
+
94
+ .reveal .slides section .fragment {
95
+ opacity: 0;
96
+
97
+ -webkit-transition: all .2s ease;
98
+ -moz-transition: all .2s ease;
99
+ -ms-transition: all .2s ease;
100
+ -o-transition: all .2s ease;
101
+ transition: all .2s ease;
102
+ }
103
+ .reveal .slides section .fragment.visible {
104
+ opacity: 1;
105
+ }
106
+
107
+ .reveal .slides section .fragment.grow {
108
+ opacity: 1;
109
+ }
110
+ .reveal .slides section .fragment.grow.visible {
111
+ -webkit-transform: scale( 1.3 );
112
+ -moz-transform: scale( 1.3 );
113
+ -ms-transform: scale( 1.3 );
114
+ -o-transform: scale( 1.3 );
115
+ transform: scale( 1.3 );
116
+ }
117
+
118
+ .reveal .slides section .fragment.shrink {
119
+ opacity: 1;
120
+ }
121
+ .reveal .slides section .fragment.shrink.visible {
122
+ -webkit-transform: scale( 0.7 );
123
+ -moz-transform: scale( 0.7 );
124
+ -ms-transform: scale( 0.7 );
125
+ -o-transform: scale( 0.7 );
126
+ transform: scale( 0.7 );
127
+ }
128
+
129
+ .reveal .slides section .fragment.zoom-in {
130
+ opacity: 0;
131
+
132
+ -webkit-transform: scale( 0.1 );
133
+ -moz-transform: scale( 0.1 );
134
+ -ms-transform: scale( 0.1 );
135
+ -o-transform: scale( 0.1 );
136
+ transform: scale( 0.1 );
137
+ }
138
+
139
+ .reveal .slides section .fragment.zoom-in.visible {
140
+ opacity: 1;
141
+
142
+ -webkit-transform: scale( 1 );
143
+ -moz-transform: scale( 1 );
144
+ -ms-transform: scale( 1 );
145
+ -o-transform: scale( 1 );
146
+ transform: scale( 1 );
147
+ }
148
+
149
+ .reveal .slides section .fragment.roll-in {
150
+ opacity: 0;
151
+
152
+ -webkit-transform: rotateX( 90deg );
153
+ -moz-transform: rotateX( 90deg );
154
+ -ms-transform: rotateX( 90deg );
155
+ -o-transform: rotateX( 90deg );
156
+ transform: rotateX( 90deg );
157
+ }
158
+ .reveal .slides section .fragment.roll-in.visible {
159
+ opacity: 1;
160
+
161
+ -webkit-transform: rotateX( 0 );
162
+ -moz-transform: rotateX( 0 );
163
+ -ms-transform: rotateX( 0 );
164
+ -o-transform: rotateX( 0 );
165
+ transform: rotateX( 0 );
166
+ }
167
+
168
+ .reveal .slides section .fragment.fade-out {
169
+ opacity: 1;
170
+ }
171
+ .reveal .slides section .fragment.fade-out.visible {
172
+ opacity: 0;
173
+ }
174
+
175
+ .reveal .slides section .fragment.semi-fade-out {
176
+ opacity: 1;
177
+ }
178
+ .reveal .slides section .fragment.semi-fade-out.visible {
179
+ opacity: 0.5;
180
+ }
181
+
182
+ .reveal .slides section .fragment.highlight-red,
183
+ .reveal .slides section .fragment.highlight-green,
184
+ .reveal .slides section .fragment.highlight-blue {
185
+ opacity: 1;
186
+ }
187
+ .reveal .slides section .fragment.highlight-red.visible {
188
+ color: #ff2c2d
189
+ }
190
+ .reveal .slides section .fragment.highlight-green.visible {
191
+ color: #17ff2e;
192
+ }
193
+ .reveal .slides section .fragment.highlight-blue.visible {
194
+ color: #1b91ff;
195
+ }
196
+
197
+
198
+ /*********************************************
199
+ * DEFAULT ELEMENT STYLES
200
+ *********************************************/
201
+
202
+ /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
203
+ .reveal:after {
204
+ content: '';
205
+ font-style: italic;
206
+ }
207
+
208
+ /* Ensure certain elements are never larger than the slide itself */
209
+ .reveal img,
210
+ .reveal video,
211
+ .reveal iframe {
212
+ max-width: 95%;
213
+ max-height: 95%;
214
+ }
215
+
216
+ /** Prevents layering issues in certain browser/transition combinations */
217
+ .reveal a {
218
+ position: relative;
219
+ }
220
+
221
+ .reveal strong,
222
+ .reveal b {
223
+ font-weight: bold;
224
+ }
225
+
226
+ .reveal em,
227
+ .reveal i {
228
+ font-style: italic;
229
+ }
230
+
231
+ .reveal ol,
232
+ .reveal ul {
233
+ display: inline-block;
234
+
235
+ text-align: left;
236
+ margin: 0 0 0 1em;
237
+ }
238
+
239
+ .reveal ol {
240
+ list-style-type: decimal;
241
+ }
242
+
243
+ .reveal ul {
244
+ list-style-type: disc;
245
+ }
246
+
247
+ .reveal ul ul {
248
+ list-style-type: square;
249
+ }
250
+
251
+ .reveal ul ul ul {
252
+ list-style-type: circle;
253
+ }
254
+
255
+ .reveal ul ul,
256
+ .reveal ul ol,
257
+ .reveal ol ol,
258
+ .reveal ol ul {
259
+ display: block;
260
+ margin-left: 40px;
261
+ }
262
+
263
+ .reveal p {
264
+ margin-bottom: 10px;
265
+ line-height: 1.2em;
266
+ }
267
+
268
+ .reveal q,
269
+ .reveal blockquote {
270
+ quotes: none;
271
+ }
272
+
273
+ .reveal blockquote {
274
+ display: block;
275
+ position: relative;
276
+ width: 70%;
277
+ margin: 5px auto;
278
+ padding: 5px;
279
+
280
+ font-style: italic;
281
+ background: rgba(255, 255, 255, 0.05);
282
+ box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
283
+ }
284
+ .reveal blockquote p:first-child,
285
+ .reveal blockquote p:last-child {
286
+ display: inline-block;
287
+ }
288
+
289
+ .reveal q {
290
+ font-style: italic;
291
+ }
292
+
293
+ .reveal pre {
294
+ display: block;
295
+ position: relative;
296
+ width: 90%;
297
+ margin: 15px auto;
298
+
299
+ text-align: left;
300
+ font-size: 0.55em;
301
+ font-family: monospace;
302
+ line-height: 1.2em;
303
+
304
+ word-wrap: break-word;
305
+
306
+ box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
307
+ }
308
+ .reveal code {
309
+ font-family: monospace;
310
+ }
311
+ .reveal pre code {
312
+ padding: 5px;
313
+ overflow: auto;
314
+ max-height: 400px;
315
+ word-wrap: normal;
316
+ }
317
+
318
+ .reveal table th,
319
+ .reveal table td {
320
+ text-align: left;
321
+ padding-right: .3em;
322
+ }
323
+
324
+ .reveal table th {
325
+ text-shadow: rgb(255,255,255) 1px 1px 2px;
326
+ }
327
+
328
+ .reveal sup {
329
+ vertical-align: super;
330
+ }
331
+ .reveal sub {
332
+ vertical-align: sub;
333
+ }
334
+
335
+ .reveal small {
336
+ display: inline-block;
337
+ font-size: 0.6em;
338
+ line-height: 1.2em;
339
+ vertical-align: top;
340
+ }
341
+
342
+ .reveal small * {
343
+ vertical-align: top;
344
+ }
345
+
346
+
347
+ /*********************************************
348
+ * CONTROLS
349
+ *********************************************/
350
+
351
+ .reveal .controls {
352
+ display: none;
353
+ position: fixed;
354
+ width: 110px;
355
+ height: 110px;
356
+ z-index: 30;
357
+ right: 10px;
358
+ bottom: 10px;
359
+ }
360
+
361
+ .reveal .controls div {
362
+ position: absolute;
363
+ opacity: 0.05;
364
+ width: 0;
365
+ height: 0;
366
+ border: 12px solid transparent;
367
+
368
+ -moz-transform: scale(.9999);
369
+
370
+ -webkit-transition: all 0.2s ease;
371
+ -moz-transition: all 0.2s ease;
372
+ -ms-transition: all 0.2s ease;
373
+ -o-transition: all 0.2s ease;
374
+ transition: all 0.2s ease;
375
+ }
376
+
377
+ .reveal .controls div.enabled {
378
+ opacity: 0.7;
379
+ cursor: pointer;
380
+ }
381
+
382
+ .reveal .controls div.enabled:active {
383
+ margin-top: 1px;
384
+ }
385
+
386
+ .reveal .controls div.navigate-left {
387
+ top: 42px;
388
+
389
+ border-right-width: 22px;
390
+ border-right-color: #eee;
391
+ }
392
+ .reveal .controls div.navigate-left.fragmented {
393
+ opacity: 0.3;
394
+ }
395
+
396
+ .reveal .controls div.navigate-right {
397
+ left: 74px;
398
+ top: 42px;
399
+
400
+ border-left-width: 22px;
401
+ border-left-color: #eee;
402
+ }
403
+ .reveal .controls div.navigate-right.fragmented {
404
+ opacity: 0.3;
405
+ }
406
+
407
+ .reveal .controls div.navigate-up {
408
+ left: 42px;
409
+
410
+ border-bottom-width: 22px;
411
+ border-bottom-color: #eee;
412
+ }
413
+ .reveal .controls div.navigate-up.fragmented {
414
+ opacity: 0.3;
415
+ }
416
+
417
+ .reveal .controls div.navigate-down {
418
+ left: 42px;
419
+ top: 74px;
420
+
421
+ border-top-width: 22px;
422
+ border-top-color: #eee;
423
+ }
424
+ .reveal .controls div.navigate-down.fragmented {
425
+ opacity: 0.3;
426
+ }
427
+
428
+
429
+ /*********************************************
430
+ * PROGRESS BAR
431
+ *********************************************/
432
+
433
+ .reveal .progress {
434
+ position: fixed;
435
+ display: none;
436
+ height: 3px;
437
+ width: 100%;
438
+ bottom: 0;
439
+ left: 0;
440
+ z-index: 10;
441
+ }
442
+ .reveal .progress:after {
443
+ content: '';
444
+ display: 'block';
445
+ position: absolute;
446
+ height: 20px;
447
+ width: 100%;
448
+ top: -20px;
449
+ }
450
+ .reveal .progress span {
451
+ display: block;
452
+ height: 100%;
453
+ width: 0px;
454
+
455
+ -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
456
+ -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
457
+ -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
458
+ -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
459
+ transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
460
+ }
461
+
462
+
463
+ /*********************************************
464
+ * ROLLING LINKS
465
+ *********************************************/
466
+
467
+ .reveal .roll {
468
+ display: inline-block;
469
+ line-height: 1.2;
470
+ overflow: hidden;
471
+
472
+ vertical-align: top;
473
+
474
+ -webkit-perspective: 400px;
475
+ -moz-perspective: 400px;
476
+ -ms-perspective: 400px;
477
+ perspective: 400px;
478
+
479
+ -webkit-perspective-origin: 50% 50%;
480
+ -moz-perspective-origin: 50% 50%;
481
+ -ms-perspective-origin: 50% 50%;
482
+ perspective-origin: 50% 50%;
483
+ }
484
+ .reveal .roll:hover {
485
+ background: none;
486
+ text-shadow: none;
487
+ }
488
+ .reveal .roll span {
489
+ display: block;
490
+ position: relative;
491
+ padding: 0 2px;
492
+
493
+ pointer-events: none;
494
+
495
+ -webkit-transition: all 400ms ease;
496
+ -moz-transition: all 400ms ease;
497
+ -ms-transition: all 400ms ease;
498
+ transition: all 400ms ease;
499
+
500
+ -webkit-transform-origin: 50% 0%;
501
+ -moz-transform-origin: 50% 0%;
502
+ -ms-transform-origin: 50% 0%;
503
+ transform-origin: 50% 0%;
504
+
505
+ -webkit-transform-style: preserve-3d;
506
+ -moz-transform-style: preserve-3d;
507
+ -ms-transform-style: preserve-3d;
508
+ transform-style: preserve-3d;
509
+
510
+ -webkit-backface-visibility: hidden;
511
+ -moz-backface-visibility: hidden;
512
+ backface-visibility: hidden;
513
+ }
514
+ .reveal .roll:hover span {
515
+ background: rgba(0,0,0,0.5);
516
+
517
+ -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
518
+ -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
519
+ -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
520
+ transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
521
+ }
522
+ .reveal .roll span:after {
523
+ content: attr(data-title);
524
+
525
+ display: block;
526
+ position: absolute;
527
+ left: 0;
528
+ top: 0;
529
+ padding: 0 2px;
530
+
531
+ -webkit-backface-visibility: hidden;
532
+ -moz-backface-visibility: hidden;
533
+ backface-visibility: hidden;
534
+
535
+ -webkit-transform-origin: 50% 0%;
536
+ -moz-transform-origin: 50% 0%;
537
+ -ms-transform-origin: 50% 0%;
538
+ transform-origin: 50% 0%;
539
+
540
+ -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
541
+ -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
542
+ -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
543
+ transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
544
+ }
545
+
546
+
547
+ /*********************************************
548
+ * SLIDES
549
+ *********************************************/
550
+
551
+ .reveal {
552
+ position: relative;
553
+ width: 100%;
554
+ height: 100%;
555
+
556
+ -ms-touch-action: none;
557
+ }
558
+
559
+ .reveal .slides {
560
+ position: absolute;
561
+ width: 100%;
562
+ height: 100%;
563
+ left: 50%;
564
+ top: 50%;
565
+
566
+ overflow: visible;
567
+ z-index: 1;
568
+ text-align: center;
569
+
570
+ -webkit-transition: -webkit-perspective .4s ease;
571
+ -moz-transition: -moz-perspective .4s ease;
572
+ -ms-transition: -ms-perspective .4s ease;
573
+ -o-transition: -o-perspective .4s ease;
574
+ transition: perspective .4s ease;
575
+
576
+ -webkit-perspective: 600px;
577
+ -moz-perspective: 600px;
578
+ -ms-perspective: 600px;
579
+ perspective: 600px;
580
+
581
+ -webkit-perspective-origin: 0px -100px;
582
+ -moz-perspective-origin: 0px -100px;
583
+ -ms-perspective-origin: 0px -100px;
584
+ perspective-origin: 0px -100px;
585
+ }
586
+
587
+ .reveal .slides>section,
588
+ .reveal .slides>section>section {
589
+ display: none;
590
+ position: absolute;
591
+ width: 100%;
592
+ padding: 20px 0px;
593
+
594
+ z-index: 10;
595
+ line-height: 1.2em;
596
+ font-weight: normal;
597
+
598
+ -webkit-transform-style: preserve-3d;
599
+ -moz-transform-style: preserve-3d;
600
+ -ms-transform-style: preserve-3d;
601
+ transform-style: preserve-3d;
602
+
603
+ -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
604
+ -webkit-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
605
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
606
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
607
+ -moz-transition: -moz-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
608
+ -moz-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
609
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
610
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
611
+ -ms-transition: -ms-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
612
+ -ms-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
613
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
614
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
615
+ -o-transition: -o-transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
616
+ -o-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
617
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
618
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
619
+ transition: transform-origin 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
620
+ transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
621
+ visibility 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985),
622
+ opacity 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
623
+ }
624
+
625
+ /* Global transition speed settings */
626
+ .reveal[data-transition-speed="fast"] .slides section {
627
+ -webkit-transition-duration: 400ms;
628
+ -moz-transition-duration: 400ms;
629
+ -ms-transition-duration: 400ms;
630
+ transition-duration: 400ms;
631
+ }
632
+ .reveal[data-transition-speed="slow"] .slides section {
633
+ -webkit-transition-duration: 1200ms;
634
+ -moz-transition-duration: 1200ms;
635
+ -ms-transition-duration: 1200ms;
636
+ transition-duration: 1200ms;
637
+ }
638
+
639
+ /* Slide-specific transition speed overrides */
640
+ .reveal .slides section[data-transition-speed="fast"] {
641
+ -webkit-transition-duration: 400ms;
642
+ -moz-transition-duration: 400ms;
643
+ -ms-transition-duration: 400ms;
644
+ transition-duration: 400ms;
645
+ }
646
+ .reveal .slides section[data-transition-speed="slow"] {
647
+ -webkit-transition-duration: 1200ms;
648
+ -moz-transition-duration: 1200ms;
649
+ -ms-transition-duration: 1200ms;
650
+ transition-duration: 1200ms;
651
+ }
652
+
653
+ .reveal .slides>section {
654
+ left: -50%;
655
+ top: -50%;
656
+ }
657
+
658
+ .reveal .slides>section.stack {
659
+ padding-top: 0;
660
+ padding-bottom: 0;
661
+ }
662
+
663
+ .reveal .slides>section.present,
664
+ .reveal .slides>section>section.present {
665
+ display: block;
666
+ z-index: 11;
667
+ opacity: 1;
668
+ }
669
+
670
+ .reveal.center,
671
+ .reveal.center .slides,
672
+ .reveal.center .slides section {
673
+ min-height: auto !important;
674
+ }
675
+
676
+
677
+
678
+ /*********************************************
679
+ * DEFAULT TRANSITION
680
+ *********************************************/
681
+
682
+ .reveal .slides>section[data-transition=default].past,
683
+ .reveal .slides>section.past {
684
+ display: block;
685
+ opacity: 0;
686
+
687
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
688
+ -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
689
+ -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
690
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
691
+ }
692
+ .reveal .slides>section[data-transition=default].future,
693
+ .reveal .slides>section.future {
694
+ display: block;
695
+ opacity: 0;
696
+
697
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
698
+ -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
699
+ -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
700
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
701
+ }
702
+
703
+ .reveal .slides>section>section[data-transition=default].past,
704
+ .reveal .slides>section>section.past {
705
+ display: block;
706
+ opacity: 0;
707
+
708
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
709
+ -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
710
+ -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
711
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
712
+ }
713
+ .reveal .slides>section>section[data-transition=default].future,
714
+ .reveal .slides>section>section.future {
715
+ display: block;
716
+ opacity: 0;
717
+
718
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
719
+ -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
720
+ -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
721
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
722
+ }
723
+
724
+
725
+ /*********************************************
726
+ * CONCAVE TRANSITION
727
+ *********************************************/
728
+
729
+ .reveal .slides>section[data-transition=concave].past,
730
+ .reveal.concave .slides>section.past {
731
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
732
+ -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
733
+ -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
734
+ transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
735
+ }
736
+ .reveal .slides>section[data-transition=concave].future,
737
+ .reveal.concave .slides>section.future {
738
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
739
+ -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
740
+ -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
741
+ transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
742
+ }
743
+
744
+ .reveal .slides>section>section[data-transition=concave].past,
745
+ .reveal.concave .slides>section>section.past {
746
+ -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
747
+ -moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
748
+ -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
749
+ transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
750
+ }
751
+ .reveal .slides>section>section[data-transition=concave].future,
752
+ .reveal.concave .slides>section>section.future {
753
+ -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
754
+ -moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
755
+ -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
756
+ transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
757
+ }
758
+
759
+
760
+ /*********************************************
761
+ * ZOOM TRANSITION
762
+ *********************************************/
763
+
764
+ .reveal .slides>section[data-transition=zoom].past,
765
+ .reveal.zoom .slides>section.past {
766
+ opacity: 0;
767
+ visibility: hidden;
768
+
769
+ -webkit-transform: scale(16);
770
+ -moz-transform: scale(16);
771
+ -ms-transform: scale(16);
772
+ -o-transform: scale(16);
773
+ transform: scale(16);
774
+ }
775
+ .reveal .slides>section[data-transition=zoom].future,
776
+ .reveal.zoom .slides>section.future {
777
+ opacity: 0;
778
+ visibility: hidden;
779
+
780
+ -webkit-transform: scale(0.2);
781
+ -moz-transform: scale(0.2);
782
+ -ms-transform: scale(0.2);
783
+ -o-transform: scale(0.2);
784
+ transform: scale(0.2);
785
+ }
786
+
787
+ .reveal .slides>section>section[data-transition=zoom].past,
788
+ .reveal.zoom .slides>section>section.past {
789
+ -webkit-transform: translate(0, -150%);
790
+ -moz-transform: translate(0, -150%);
791
+ -ms-transform: translate(0, -150%);
792
+ -o-transform: translate(0, -150%);
793
+ transform: translate(0, -150%);
794
+ }
795
+ .reveal .slides>section>section[data-transition=zoom].future,
796
+ .reveal.zoom .slides>section>section.future {
797
+ -webkit-transform: translate(0, 150%);
798
+ -moz-transform: translate(0, 150%);
799
+ -ms-transform: translate(0, 150%);
800
+ -o-transform: translate(0, 150%);
801
+ transform: translate(0, 150%);
802
+ }
803
+
804
+
805
+ /*********************************************
806
+ * LINEAR TRANSITION
807
+ *********************************************/
808
+
809
+ .reveal.linear section {
810
+ -webkit-backface-visibility: hidden;
811
+ -moz-backface-visibility: hidden;
812
+ -ms-backface-visibility: hidden;
813
+ backface-visibility: hidden;
814
+ }
815
+
816
+ .reveal .slides>section[data-transition=linear].past,
817
+ .reveal.linear .slides>section.past {
818
+ -webkit-transform: translate(-150%, 0);
819
+ -moz-transform: translate(-150%, 0);
820
+ -ms-transform: translate(-150%, 0);
821
+ -o-transform: translate(-150%, 0);
822
+ transform: translate(-150%, 0);
823
+ }
824
+ .reveal .slides>section[data-transition=linear].future,
825
+ .reveal.linear .slides>section.future {
826
+ -webkit-transform: translate(150%, 0);
827
+ -moz-transform: translate(150%, 0);
828
+ -ms-transform: translate(150%, 0);
829
+ -o-transform: translate(150%, 0);
830
+ transform: translate(150%, 0);
831
+ }
832
+
833
+ .reveal .slides>section>section[data-transition=linear].past,
834
+ .reveal.linear .slides>section>section.past {
835
+ -webkit-transform: translate(0, -150%);
836
+ -moz-transform: translate(0, -150%);
837
+ -ms-transform: translate(0, -150%);
838
+ -o-transform: translate(0, -150%);
839
+ transform: translate(0, -150%);
840
+ }
841
+ .reveal .slides>section>section[data-transition=linear].future,
842
+ .reveal.linear .slides>section>section.future {
843
+ -webkit-transform: translate(0, 150%);
844
+ -moz-transform: translate(0, 150%);
845
+ -ms-transform: translate(0, 150%);
846
+ -o-transform: translate(0, 150%);
847
+ transform: translate(0, 150%);
848
+ }
849
+
850
+
851
+ /*********************************************
852
+ * CUBE TRANSITION
853
+ *********************************************/
854
+
855
+ .reveal.cube .slides {
856
+ -webkit-perspective: 1300px;
857
+ -moz-perspective: 1300px;
858
+ -ms-perspective: 1300px;
859
+ perspective: 1300px;
860
+ }
861
+
862
+ .reveal.cube .slides section {
863
+ padding: 30px;
864
+ min-height: 700px;
865
+
866
+ -webkit-backface-visibility: hidden;
867
+ -moz-backface-visibility: hidden;
868
+ -ms-backface-visibility: hidden;
869
+ backface-visibility: hidden;
870
+
871
+ -webkit-box-sizing: border-box;
872
+ -moz-box-sizing: border-box;
873
+ box-sizing: border-box;
874
+ }
875
+ .reveal.center.cube .slides section {
876
+ min-height: auto;
877
+ }
878
+ .reveal.cube .slides section:not(.stack):before {
879
+ content: '';
880
+ position: absolute;
881
+ display: block;
882
+ width: 100%;
883
+ height: 100%;
884
+ left: 0;
885
+ top: 0;
886
+ background: rgba(0,0,0,0.1);
887
+ border-radius: 4px;
888
+
889
+ -webkit-transform: translateZ( -20px );
890
+ -moz-transform: translateZ( -20px );
891
+ -ms-transform: translateZ( -20px );
892
+ -o-transform: translateZ( -20px );
893
+ transform: translateZ( -20px );
894
+ }
895
+ .reveal.cube .slides section:not(.stack):after {
896
+ content: '';
897
+ position: absolute;
898
+ display: block;
899
+ width: 90%;
900
+ height: 30px;
901
+ left: 5%;
902
+ bottom: 0;
903
+ background: none;
904
+ z-index: 1;
905
+
906
+ border-radius: 4px;
907
+ box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
908
+
909
+ -webkit-transform: translateZ(-90px) rotateX( 65deg );
910
+ -moz-transform: translateZ(-90px) rotateX( 65deg );
911
+ -ms-transform: translateZ(-90px) rotateX( 65deg );
912
+ -o-transform: translateZ(-90px) rotateX( 65deg );
913
+ transform: translateZ(-90px) rotateX( 65deg );
914
+ }
915
+
916
+ .reveal.cube .slides>section.stack {
917
+ padding: 0;
918
+ background: none;
919
+ }
920
+
921
+ .reveal.cube .slides>section.past {
922
+ -webkit-transform-origin: 100% 0%;
923
+ -moz-transform-origin: 100% 0%;
924
+ -ms-transform-origin: 100% 0%;
925
+ transform-origin: 100% 0%;
926
+
927
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
928
+ -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
929
+ -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
930
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg);
931
+ }
932
+
933
+ .reveal.cube .slides>section.future {
934
+ -webkit-transform-origin: 0% 0%;
935
+ -moz-transform-origin: 0% 0%;
936
+ -ms-transform-origin: 0% 0%;
937
+ transform-origin: 0% 0%;
938
+
939
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
940
+ -moz-transform: translate3d(100%, 0, 0) rotateY(90deg);
941
+ -ms-transform: translate3d(100%, 0, 0) rotateY(90deg);
942
+ transform: translate3d(100%, 0, 0) rotateY(90deg);
943
+ }
944
+
945
+ .reveal.cube .slides>section>section.past {
946
+ -webkit-transform-origin: 0% 100%;
947
+ -moz-transform-origin: 0% 100%;
948
+ -ms-transform-origin: 0% 100%;
949
+ transform-origin: 0% 100%;
950
+
951
+ -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
952
+ -moz-transform: translate3d(0, -100%, 0) rotateX(90deg);
953
+ -ms-transform: translate3d(0, -100%, 0) rotateX(90deg);
954
+ transform: translate3d(0, -100%, 0) rotateX(90deg);
955
+ }
956
+
957
+ .reveal.cube .slides>section>section.future {
958
+ -webkit-transform-origin: 0% 0%;
959
+ -moz-transform-origin: 0% 0%;
960
+ -ms-transform-origin: 0% 0%;
961
+ transform-origin: 0% 0%;
962
+
963
+ -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
964
+ -moz-transform: translate3d(0, 100%, 0) rotateX(-90deg);
965
+ -ms-transform: translate3d(0, 100%, 0) rotateX(-90deg);
966
+ transform: translate3d(0, 100%, 0) rotateX(-90deg);
967
+ }
968
+
969
+
970
+ /*********************************************
971
+ * PAGE TRANSITION
972
+ *********************************************/
973
+
974
+ .reveal.page .slides {
975
+ -webkit-perspective-origin: 0% 50%;
976
+ -moz-perspective-origin: 0% 50%;
977
+ -ms-perspective-origin: 0% 50%;
978
+ perspective-origin: 0% 50%;
979
+
980
+ -webkit-perspective: 3000px;
981
+ -moz-perspective: 3000px;
982
+ -ms-perspective: 3000px;
983
+ perspective: 3000px;
984
+ }
985
+
986
+ .reveal.page .slides section {
987
+ padding: 30px;
988
+ min-height: 700px;
989
+
990
+ -webkit-box-sizing: border-box;
991
+ -moz-box-sizing: border-box;
992
+ box-sizing: border-box;
993
+ }
994
+ .reveal.page .slides section.past {
995
+ z-index: 12;
996
+ }
997
+ .reveal.page .slides section:not(.stack):before {
998
+ content: '';
999
+ position: absolute;
1000
+ display: block;
1001
+ width: 100%;
1002
+ height: 100%;
1003
+ left: 0;
1004
+ top: 0;
1005
+ background: rgba(0,0,0,0.1);
1006
+
1007
+ -webkit-transform: translateZ( -20px );
1008
+ -moz-transform: translateZ( -20px );
1009
+ -ms-transform: translateZ( -20px );
1010
+ -o-transform: translateZ( -20px );
1011
+ transform: translateZ( -20px );
1012
+ }
1013
+ .reveal.page .slides section:not(.stack):after {
1014
+ content: '';
1015
+ position: absolute;
1016
+ display: block;
1017
+ width: 90%;
1018
+ height: 30px;
1019
+ left: 5%;
1020
+ bottom: 0;
1021
+ background: none;
1022
+ z-index: 1;
1023
+
1024
+ border-radius: 4px;
1025
+ box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
1026
+
1027
+ -webkit-transform: translateZ(-90px) rotateX( 65deg );
1028
+ }
1029
+
1030
+ .reveal.page .slides>section.stack {
1031
+ padding: 0;
1032
+ background: none;
1033
+ }
1034
+
1035
+ .reveal.page .slides>section.past {
1036
+ -webkit-transform-origin: 0% 0%;
1037
+ -moz-transform-origin: 0% 0%;
1038
+ -ms-transform-origin: 0% 0%;
1039
+ transform-origin: 0% 0%;
1040
+
1041
+ -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
1042
+ -moz-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
1043
+ -ms-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
1044
+ transform: translate3d(-40%, 0, 0) rotateY(-80deg);
1045
+ }
1046
+
1047
+ .reveal.page .slides>section.future {
1048
+ -webkit-transform-origin: 100% 0%;
1049
+ -moz-transform-origin: 100% 0%;
1050
+ -ms-transform-origin: 100% 0%;
1051
+ transform-origin: 100% 0%;
1052
+
1053
+ -webkit-transform: translate3d(0, 0, 0);
1054
+ -moz-transform: translate3d(0, 0, 0);
1055
+ -ms-transform: translate3d(0, 0, 0);
1056
+ transform: translate3d(0, 0, 0);
1057
+ }
1058
+
1059
+ .reveal.page .slides>section>section.past {
1060
+ -webkit-transform-origin: 0% 0%;
1061
+ -moz-transform-origin: 0% 0%;
1062
+ -ms-transform-origin: 0% 0%;
1063
+ transform-origin: 0% 0%;
1064
+
1065
+ -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
1066
+ -moz-transform: translate3d(0, -40%, 0) rotateX(80deg);
1067
+ -ms-transform: translate3d(0, -40%, 0) rotateX(80deg);
1068
+ transform: translate3d(0, -40%, 0) rotateX(80deg);
1069
+ }
1070
+
1071
+ .reveal.page .slides>section>section.future {
1072
+ -webkit-transform-origin: 0% 100%;
1073
+ -moz-transform-origin: 0% 100%;
1074
+ -ms-transform-origin: 0% 100%;
1075
+ transform-origin: 0% 100%;
1076
+
1077
+ -webkit-transform: translate3d(0, 0, 0);
1078
+ -moz-transform: translate3d(0, 0, 0);
1079
+ -ms-transform: translate3d(0, 0, 0);
1080
+ transform: translate3d(0, 0, 0);
1081
+ }
1082
+
1083
+
1084
+ /*********************************************
1085
+ * FADE TRANSITION
1086
+ *********************************************/
1087
+
1088
+ .reveal .slides section[data-transition=fade],
1089
+ .reveal.fade .slides section,
1090
+ .reveal.fade .slides>section>section {
1091
+ -webkit-transform: none;
1092
+ -moz-transform: none;
1093
+ -ms-transform: none;
1094
+ -o-transform: none;
1095
+ transform: none;
1096
+
1097
+ -webkit-transition: opacity 0.5s;
1098
+ -moz-transition: opacity 0.5s;
1099
+ -ms-transition: opacity 0.5s;
1100
+ -o-transition: opacity 0.5s;
1101
+ transition: opacity 0.5s;
1102
+ }
1103
+
1104
+
1105
+ .reveal.fade.overview .slides section,
1106
+ .reveal.fade.overview .slides>section>section,
1107
+ .reveal.fade.exit-overview .slides section,
1108
+ .reveal.fade.exit-overview .slides>section>section {
1109
+ -webkit-transition: none;
1110
+ -moz-transition: none;
1111
+ -ms-transition: none;
1112
+ -o-transition: none;
1113
+ transition: none;
1114
+ }
1115
+
1116
+
1117
+ /*********************************************
1118
+ * NO TRANSITION
1119
+ *********************************************/
1120
+
1121
+ .reveal .slides section[data-transition=none],
1122
+ .reveal.none .slides section {
1123
+ -webkit-transform: none;
1124
+ -moz-transform: none;
1125
+ -ms-transform: none;
1126
+ -o-transform: none;
1127
+ transform: none;
1128
+
1129
+ -webkit-transition: none;
1130
+ -moz-transition: none;
1131
+ -ms-transition: none;
1132
+ -o-transition: none;
1133
+ transition: none;
1134
+ }
1135
+
1136
+
1137
+ /*********************************************
1138
+ * OVERVIEW
1139
+ *********************************************/
1140
+
1141
+ .reveal.overview .slides {
1142
+ -webkit-perspective-origin: 0% 0%;
1143
+ -moz-perspective-origin: 0% 0%;
1144
+ -ms-perspective-origin: 0% 0%;
1145
+ perspective-origin: 0% 0%;
1146
+
1147
+ -webkit-perspective: 700px;
1148
+ -moz-perspective: 700px;
1149
+ -ms-perspective: 700px;
1150
+ perspective: 700px;
1151
+ }
1152
+
1153
+ .reveal.overview .slides section {
1154
+ height: 600px;
1155
+ overflow: hidden;
1156
+ opacity: 1!important;
1157
+ visibility: visible!important;
1158
+ cursor: pointer;
1159
+ background: rgba(0,0,0,0.1);
1160
+ }
1161
+ .reveal.overview .slides section .fragment {
1162
+ opacity: 1;
1163
+ }
1164
+ .reveal.overview .slides section:after,
1165
+ .reveal.overview .slides section:before {
1166
+ display: none !important;
1167
+ }
1168
+ .reveal.overview .slides section>section {
1169
+ opacity: 1;
1170
+ cursor: pointer;
1171
+ }
1172
+ .reveal.overview .slides section:hover {
1173
+ background: rgba(0,0,0,0.3);
1174
+ }
1175
+ .reveal.overview .slides section.present {
1176
+ background: rgba(0,0,0,0.3);
1177
+ }
1178
+ .reveal.overview .slides>section.stack {
1179
+ padding: 0;
1180
+ background: none;
1181
+ overflow: visible;
1182
+ }
1183
+
1184
+
1185
+ /*********************************************
1186
+ * PAUSED MODE
1187
+ *********************************************/
1188
+
1189
+ .reveal .pause-overlay {
1190
+ position: absolute;
1191
+ top: 0;
1192
+ left: 0;
1193
+ width: 100%;
1194
+ height: 100%;
1195
+ background: black;
1196
+ visibility: hidden;
1197
+ opacity: 0;
1198
+ z-index: 100;
1199
+
1200
+ -webkit-transition: all 1s ease;
1201
+ -moz-transition: all 1s ease;
1202
+ -ms-transition: all 1s ease;
1203
+ -o-transition: all 1s ease;
1204
+ transition: all 1s ease;
1205
+ }
1206
+ .reveal.paused .pause-overlay {
1207
+ visibility: visible;
1208
+ opacity: 1;
1209
+ }
1210
+
1211
+
1212
+ /*********************************************
1213
+ * FALLBACK
1214
+ *********************************************/
1215
+
1216
+ .no-transforms {
1217
+ overflow-y: auto;
1218
+ }
1219
+
1220
+ .no-transforms .reveal .slides {
1221
+ position: relative;
1222
+ width: 80%;
1223
+ height: auto !important;
1224
+ top: 0;
1225
+ left: 50%;
1226
+ margin: 0;
1227
+ text-align: center;
1228
+ }
1229
+
1230
+ .no-transforms .reveal .controls,
1231
+ .no-transforms .reveal .progress {
1232
+ display: none !important;
1233
+ }
1234
+
1235
+ .no-transforms .reveal .slides section {
1236
+ display: block !important;
1237
+ opacity: 1 !important;
1238
+ position: relative !important;
1239
+ height: auto;
1240
+ min-height: auto;
1241
+ top: 0;
1242
+ left: -50%;
1243
+ margin: 70px 0;
1244
+
1245
+ -webkit-transform: none;
1246
+ -moz-transform: none;
1247
+ -ms-transform: none;
1248
+ -o-transform: none;
1249
+ transform: none;
1250
+ }
1251
+
1252
+ .no-transforms .reveal .slides section section {
1253
+ left: 0;
1254
+ }
1255
+
1256
+ .reveal .no-transition,
1257
+ .reveal .no-transition * {
1258
+ -webkit-transition: none !important;
1259
+ -moz-transition: none !important;
1260
+ -ms-transition: none !important;
1261
+ -o-transition: none !important;
1262
+ transition: none !important;
1263
+ }
1264
+
1265
+
1266
+ /*********************************************
1267
+ * BACKGROUND STATES [DEPRECATED]
1268
+ *********************************************/
1269
+
1270
+ .reveal .state-background {
1271
+ position: absolute;
1272
+ width: 100%;
1273
+ height: 100%;
1274
+ background: rgba( 0, 0, 0, 0 );
1275
+
1276
+ -webkit-transition: background 800ms ease;
1277
+ -moz-transition: background 800ms ease;
1278
+ -ms-transition: background 800ms ease;
1279
+ -o-transition: background 800ms ease;
1280
+ transition: background 800ms ease;
1281
+ }
1282
+ .alert .reveal .state-background {
1283
+ background: rgba( 200, 50, 30, 0.6 );
1284
+ }
1285
+ .soothe .reveal .state-background {
1286
+ background: rgba( 50, 200, 90, 0.4 );
1287
+ }
1288
+ .blackout .reveal .state-background {
1289
+ background: rgba( 0, 0, 0, 0.6 );
1290
+ }
1291
+ .whiteout .reveal .state-background {
1292
+ background: rgba( 255, 255, 255, 0.6 );
1293
+ }
1294
+ .cobalt .reveal .state-background {
1295
+ background: rgba( 22, 152, 213, 0.6 );
1296
+ }
1297
+ .mint .reveal .state-background {
1298
+ background: rgba( 22, 213, 75, 0.6 );
1299
+ }
1300
+ .submerge .reveal .state-background {
1301
+ background: rgba( 12, 25, 77, 0.6);
1302
+ }
1303
+ .lila .reveal .state-background {
1304
+ background: rgba( 180, 50, 140, 0.6 );
1305
+ }
1306
+ .sunset .reveal .state-background {
1307
+ background: rgba( 255, 122, 0, 0.6 );
1308
+ }
1309
+
1310
+
1311
+ /*********************************************
1312
+ * PER-SLIDE BACKGROUNDS
1313
+ *********************************************/
1314
+
1315
+ .reveal>.backgrounds {
1316
+ position: absolute;
1317
+ width: 100%;
1318
+ height: 100%;
1319
+ }
1320
+ .reveal .slide-background {
1321
+ position: absolute;
1322
+ width: 100%;
1323
+ height: 100%;
1324
+ opacity: 0;
1325
+ visibility: hidden;
1326
+
1327
+ background-color: rgba( 0, 0, 0, 0 );
1328
+ background-position: 50% 50%;
1329
+ background-repeat: no-repeat;
1330
+ background-size: cover;
1331
+
1332
+ -webkit-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1333
+ -moz-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1334
+ -ms-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1335
+ -o-transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1336
+ transition: all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
1337
+ }
1338
+ .reveal .slide-background.present {
1339
+ opacity: 1;
1340
+ visibility: visible;
1341
+ }
1342
+
1343
+ .print-pdf .reveal .slide-background {
1344
+ opacity: 1 !important;
1345
+ visibility: visible !important;
1346
+ }
1347
+
1348
+ /* Linear sliding transition style */
1349
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background,
1350
+ .reveal>.backgrounds .slide-background[data-background-transition=slide] {
1351
+ opacity: 1;
1352
+
1353
+ -webkit-backface-visibility: hidden;
1354
+ -moz-backface-visibility: hidden;
1355
+ -ms-backface-visibility: hidden;
1356
+ backface-visibility: hidden;
1357
+
1358
+ -webkit-transition-duration: 800ms;
1359
+ -moz-transition-duration: 800ms;
1360
+ -ms-transition-duration: 800ms;
1361
+ -o-transition-duration: 800ms;
1362
+ transition-duration: 800ms;
1363
+ }
1364
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background.past,
1365
+ .reveal>.backgrounds .slide-background.past[data-background-transition=slide] {
1366
+ -webkit-transform: translate(-100%, 0);
1367
+ -moz-transform: translate(-100%, 0);
1368
+ -ms-transform: translate(-100%, 0);
1369
+ -o-transform: translate(-100%, 0);
1370
+ transform: translate(-100%, 0);
1371
+ }
1372
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background.future,
1373
+ .reveal>.backgrounds .slide-background.future[data-background-transition=slide] {
1374
+ -webkit-transform: translate(100%, 0);
1375
+ -moz-transform: translate(100%, 0);
1376
+ -ms-transform: translate(100%, 0);
1377
+ -o-transform: translate(100%, 0);
1378
+ transform: translate(100%, 0);
1379
+ }
1380
+
1381
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past,
1382
+ .reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide] {
1383
+ -webkit-transform: translate(0, -100%);
1384
+ -moz-transform: translate(0, -100%);
1385
+ -ms-transform: translate(0, -100%);
1386
+ -o-transform: translate(0, -100%);
1387
+ transform: translate(0, -100%);
1388
+ }
1389
+ .reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future,
1390
+ .reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide] {
1391
+ -webkit-transform: translate(0, 100%);
1392
+ -moz-transform: translate(0, 100%);
1393
+ -ms-transform: translate(0, 100%);
1394
+ -o-transform: translate(0, 100%);
1395
+ transform: translate(0, 100%);
1396
+ }
1397
+
1398
+
1399
+ /* Global transition speed settings */
1400
+ .reveal[data-transition-speed="fast"]>.backgrounds .slide-background {
1401
+ -webkit-transition-duration: 400ms;
1402
+ -moz-transition-duration: 400ms;
1403
+ -ms-transition-duration: 400ms;
1404
+ transition-duration: 400ms;
1405
+ }
1406
+ .reveal[data-transition-speed="slow"]>.backgrounds .slide-background {
1407
+ -webkit-transition-duration: 1200ms;
1408
+ -moz-transition-duration: 1200ms;
1409
+ -ms-transition-duration: 1200ms;
1410
+ transition-duration: 1200ms;
1411
+ }
1412
+
1413
+
1414
+ /*********************************************
1415
+ * RTL SUPPORT
1416
+ *********************************************/
1417
+
1418
+ .reveal.rtl .slides,
1419
+ .reveal.rtl .slides h1,
1420
+ .reveal.rtl .slides h2,
1421
+ .reveal.rtl .slides h3,
1422
+ .reveal.rtl .slides h4,
1423
+ .reveal.rtl .slides h5,
1424
+ .reveal.rtl .slides h6 {
1425
+ direction: rtl;
1426
+ font-family: sans-serif;
1427
+ }
1428
+
1429
+ .reveal.rtl pre,
1430
+ .reveal.rtl code {
1431
+ direction: ltr;
1432
+ }
1433
+
1434
+ .reveal.rtl ol,
1435
+ .reveal.rtl ul {
1436
+ text-align: right;
1437
+ }
1438
+
1439
+ .reveal.rtl .progress span {
1440
+ float: right
1441
+ }
1442
+
1443
+
1444
+ /*********************************************
1445
+ * LINK PREVIEW OVERLAY
1446
+ *********************************************/
1447
+
1448
+ .reveal .preview-link-overlay {
1449
+ position: absolute;
1450
+ top: 0;
1451
+ left: 0;
1452
+ width: 100%;
1453
+ height: 100%;
1454
+ z-index: 1000;
1455
+ background: rgba( 0, 0, 0, 0.9 );
1456
+ opacity: 0;
1457
+ visibility: hidden;
1458
+
1459
+ -webkit-transition: all 0.3s ease;
1460
+ -moz-transition: all 0.3s ease;
1461
+ -ms-transition: all 0.3s ease;
1462
+ transition: all 0.3s ease;
1463
+ }
1464
+ .reveal .preview-link-overlay.visible {
1465
+ opacity: 1;
1466
+ visibility: visible;
1467
+ }
1468
+
1469
+ .reveal .preview-link-overlay .spinner {
1470
+ position: absolute;
1471
+ display: block;
1472
+ top: 50%;
1473
+ left: 50%;
1474
+ width: 32px;
1475
+ height: 32px;
1476
+ margin: -16px 0 0 -16px;
1477
+ z-index: 10;
1478
+ 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);
1479
+
1480
+ visibility: visible;
1481
+ opacity: 0.6;
1482
+
1483
+ -webkit-transition: all 0.3s ease;
1484
+ -moz-transition: all 0.3s ease;
1485
+ -ms-transition: all 0.3s ease;
1486
+ transition: all 0.3s ease;
1487
+ }
1488
+
1489
+ .reveal .preview-link-overlay header {
1490
+ position: absolute;
1491
+ left: 0;
1492
+ top: 0;
1493
+ width: 100%;
1494
+ height: 40px;
1495
+ z-index: 2;
1496
+ border-bottom: 1px solid #222;
1497
+ }
1498
+ .reveal .preview-link-overlay header a {
1499
+ display: inline-block;
1500
+ width: 40px;
1501
+ height: 40px;
1502
+ padding: 0 10px;
1503
+ float: right;
1504
+ opacity: 0.6;
1505
+
1506
+ box-sizing: border-box;
1507
+ }
1508
+ .reveal .preview-link-overlay header a:hover {
1509
+ opacity: 1;
1510
+ }
1511
+ .reveal .preview-link-overlay header a .icon {
1512
+ display: inline-block;
1513
+ width: 20px;
1514
+ height: 20px;
1515
+
1516
+ background-position: 50% 50%;
1517
+ background-size: 100%;
1518
+ background-repeat: no-repeat;
1519
+ }
1520
+ .reveal .preview-link-overlay header a.close .icon {
1521
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC);
1522
+ }
1523
+ .reveal .preview-link-overlay header a.external .icon {
1524
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==);
1525
+ }
1526
+
1527
+ .reveal .preview-link-overlay .viewport {
1528
+ position: absolute;
1529
+ top: 40px;
1530
+ right: 0;
1531
+ bottom: 0;
1532
+ left: 0;
1533
+ }
1534
+
1535
+ .reveal .preview-link-overlay .viewport iframe {
1536
+ width: 100%;
1537
+ height: 100%;
1538
+ max-width: 100%;
1539
+ max-height: 100%;
1540
+ border: 0;
1541
+
1542
+ opacity: 0;
1543
+ visibility: hidden;
1544
+
1545
+ -webkit-transition: all 0.3s ease;
1546
+ -moz-transition: all 0.3s ease;
1547
+ -ms-transition: all 0.3s ease;
1548
+ transition: all 0.3s ease;
1549
+ }
1550
+
1551
+ .reveal .preview-link-overlay.loaded .viewport iframe {
1552
+ opacity: 1;
1553
+ visibility: visible;
1554
+ }
1555
+
1556
+ .reveal .preview-link-overlay.loaded .spinner {
1557
+ opacity: 0;
1558
+ visibility: hidden;
1559
+
1560
+ -webkit-transform: scale(0.2);
1561
+ -moz-transform: scale(0.2);
1562
+ -ms-transform: scale(0.2);
1563
+ transform: scale(0.2);
1564
+ }
1565
+
1566
+
1567
+ /*********************************************
1568
+ * SPEAKER NOTES
1569
+ *********************************************/
1570
+
1571
+ .reveal aside.notes {
1572
+ display: none;
1573
+ }
1574
+
1575
+
1576
+ /*********************************************
1577
+ * ZOOM PLUGIN
1578
+ *********************************************/
1579
+
1580
+ .zoomed .reveal *,
1581
+ .zoomed .reveal *:before,
1582
+ .zoomed .reveal *:after {
1583
+ -webkit-transform: none !important;
1584
+ -moz-transform: none !important;
1585
+ -ms-transform: none !important;
1586
+ transform: none !important;
1587
+
1588
+ -webkit-backface-visibility: visible !important;
1589
+ -moz-backface-visibility: visible !important;
1590
+ -ms-backface-visibility: visible !important;
1591
+ backface-visibility: visible !important;
1592
+ }
1593
+
1594
+ .zoomed .reveal .progress,
1595
+ .zoomed .reveal .controls {
1596
+ opacity: 0;
1597
+ }
1598
+
1599
+ .zoomed .reveal .roll span {
1600
+ background: none;
1601
+ }
1602
+
1603
+ .zoomed .reveal .roll span:after {
1604
+ visibility: hidden;
1605
+ }
1606
+
1607
+
1608
+ /*********************************************
1609
+ * LEAP PLUGIN
1610
+ *********************************************/
1611
+
1612
+ #leap {
1613
+ position: absolute;
1614
+ z-index: 50;
1615
+ visibility: hidden;
1616
+ }