1 @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
2 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
4 * Black theme for reveal.js.
6 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
8 /*********************************************
10 *********************************************/
13 background-color: #111; }
16 font-family: 'Open Sans', sans-serif;
26 .reveal .slides > section, .reveal .slides > section > section {
28 font-weight: inherit; }
30 /*********************************************
32 *********************************************/
33 .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
36 font-family: 'Montserrat', Impact, sans-serif;
39 letter-spacing: -0.03em;
42 word-wrap: break-word; }
59 /*********************************************
61 *********************************************/
66 /* Ensure certain elements are never larger than the slide itself */
67 .reveal img, .reveal video, .reveal iframe {
71 .reveal strong, .reveal b {
77 .reveal ol, .reveal dl, .reveal ul {
78 display: inline-block;
83 list-style-type: decimal; }
86 list-style-type: disc; }
89 list-style-type: square; }
92 list-style-type: circle; }
94 .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
104 .reveal q, .reveal blockquote {
114 background: rgba(255, 255, 255, 0.05);
115 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
117 .reveal blockquote p:first-child, .reveal blockquote p:last-child {
118 display: inline-block; }
121 font-style: italic; }
130 font-family: monospace;
132 word-wrap: break-word;
133 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
136 font-family: monospace; }
147 border-collapse: collapse;
153 .reveal table th, .reveal table td {
155 padding: 0.2em 0.5em 0.2em 0.5em;
156 border-bottom: 1px solid; }
158 .reveal table th[align="center"], .reveal table td[align="center"] {
159 text-align: center; }
161 .reveal table th[align="right"], .reveal table td[align="right"] {
164 .reveal table tr:last-child td {
165 border-bottom: none; }
168 vertical-align: super; }
171 vertical-align: sub; }
174 display: inline-block;
177 vertical-align: top; }
180 vertical-align: top; }
182 /*********************************************
184 *********************************************/
187 text-decoration: none;
188 -webkit-transition: color 0.15s ease;
189 -moz-transition: color 0.15s ease;
190 transition: color 0.15s ease; }
197 .reveal .roll span:after {
199 background: #d0881d; }
201 /*********************************************
203 *********************************************/
204 .reveal section img {
206 background: rgba(255, 255, 255, 0.12);
207 border: 4px solid #eee;
208 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
210 .reveal section img.plain {
215 -webkit-transition: all 0.15s linear;
216 -moz-transition: all 0.15s linear;
217 transition: all 0.15s linear; }
219 .reveal a:hover img {
220 background: rgba(255, 255, 255, 0.2);
221 border-color: #e7ad52;
222 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
224 /*********************************************
225 * NAVIGATION CONTROLS
226 *********************************************/
227 .reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
228 border-right-color: #e7ad52; }
230 .reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
231 border-left-color: #e7ad52; }
233 .reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
234 border-bottom-color: #e7ad52; }
236 .reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
237 border-top-color: #e7ad52; }
239 .reveal .controls .navigate-left.enabled:hover {
240 border-right-color: #f3d7ac; }
242 .reveal .controls .navigate-right.enabled:hover {
243 border-left-color: #f3d7ac; }
245 .reveal .controls .navigate-up.enabled:hover {
246 border-bottom-color: #f3d7ac; }
248 .reveal .controls .navigate-down.enabled:hover {
249 border-top-color: #f3d7ac; }
251 /*********************************************
253 *********************************************/
255 background: rgba(0, 0, 0, 0.2); }
257 .reveal .progress span {
259 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
260 -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
261 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
263 /*********************************************
265 *********************************************/
266 .reveal .slide-number {