1/**
2 * Black theme for reveal.js. This is the opposite of the 'white' theme.
3 *
4 * By Hakim El Hattab, http://hakim.se
5 */
6@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
7section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
8  color: #222; }
9
10/*********************************************
11 * GLOBAL STYLES
12 *********************************************/
13body {
14  background: #191919;
15  background-color: #191919; }
16
17.reveal {
18  font-family: "Source Sans Pro", Helvetica, sans-serif;
19  font-size: 42px;
20  font-weight: normal;
21  color: #fff; }
22
23::selection {
24  color: #fff;
25  background: #bee4fd;
26  text-shadow: none; }
27
28::-moz-selection {
29  color: #fff;
30  background: #bee4fd;
31  text-shadow: none; }
32
33.reveal .slides section,
34.reveal .slides section > section {
35  line-height: 1.3;
36  font-weight: inherit; }
37
38/*********************************************
39 * HEADERS
40 *********************************************/
41.reveal h1,
42.reveal h2,
43.reveal h3,
44.reveal h4,
45.reveal h5,
46.reveal h6 {
47  margin: 0 0 20px 0;
48  color: #fff;
49  font-family: "Source Sans Pro", Helvetica, sans-serif;
50  font-weight: 600;
51  line-height: 1.2;
52  letter-spacing: normal;
53  text-transform: uppercase;
54  text-shadow: none;
55  word-wrap: break-word; }
56
57.reveal h1 {
58  font-size: 2.5em; }
59
60.reveal h2 {
61  font-size: 1.6em; }
62
63.reveal h3 {
64  font-size: 1.3em; }
65
66.reveal h4 {
67  font-size: 1em; }
68
69.reveal h1 {
70  text-shadow: none; }
71
72/*********************************************
73 * OTHER
74 *********************************************/
75.reveal p {
76  margin: 20px 0;
77  line-height: 1.3; }
78
79/* Ensure certain elements are never larger than the slide itself */
80.reveal img,
81.reveal video,
82.reveal iframe {
83  max-width: 95%;
84  max-height: 95%; }
85
86.reveal strong,
87.reveal b {
88  font-weight: bold; }
89
90.reveal em {
91  font-style: italic; }
92
93.reveal ol,
94.reveal dl,
95.reveal ul {
96  display: inline-block;
97  text-align: left;
98  margin: 0 0 0 1em; }
99
100.reveal ol {
101  list-style-type: decimal; }
102
103.reveal ul {
104  list-style-type: disc; }
105
106.reveal ul ul {
107  list-style-type: square; }
108
109.reveal ul ul ul {
110  list-style-type: circle; }
111
112.reveal ul ul,
113.reveal ul ol,
114.reveal ol ol,
115.reveal ol ul {
116  display: block;
117  margin-left: 40px; }
118
119.reveal dt {
120  font-weight: bold; }
121
122.reveal dd {
123  margin-left: 40px; }
124
125.reveal blockquote {
126  display: block;
127  position: relative;
128  width: 70%;
129  margin: 20px auto;
130  padding: 5px;
131  font-style: italic;
132  background: rgba(255, 255, 255, 0.05);
133  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
134
135.reveal blockquote p:first-child,
136.reveal blockquote p:last-child {
137  display: inline-block; }
138
139.reveal q {
140  font-style: italic; }
141
142.reveal pre {
143  display: block;
144  position: relative;
145  width: 90%;
146  margin: 20px auto;
147  text-align: left;
148  font-size: 0.55em;
149  font-family: monospace;
150  line-height: 1.2em;
151  word-wrap: break-word;
152  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
153
154.reveal code {
155  font-family: monospace;
156  text-transform: none; }
157
158.reveal pre code {
159  display: block;
160  padding: 5px;
161  overflow: auto;
162  max-height: 400px;
163  word-wrap: normal; }
164
165.reveal table {
166  margin: auto;
167  border-collapse: collapse;
168  border-spacing: 0; }
169
170.reveal table th {
171  font-weight: bold; }
172
173.reveal table th,
174.reveal table td {
175  text-align: left;
176  padding: 0.2em 0.5em 0.2em 0.5em;
177  border-bottom: 1px solid; }
178
179.reveal table th[align="center"],
180.reveal table td[align="center"] {
181  text-align: center; }
182
183.reveal table th[align="right"],
184.reveal table td[align="right"] {
185  text-align: right; }
186
187.reveal table tbody tr:last-child th,
188.reveal table tbody tr:last-child td {
189  border-bottom: none; }
190
191.reveal sup {
192  vertical-align: super;
193  font-size: smaller; }
194
195.reveal sub {
196  vertical-align: sub;
197  font-size: smaller; }
198
199.reveal small {
200  display: inline-block;
201  font-size: 0.6em;
202  line-height: 1.2em;
203  vertical-align: top; }
204
205.reveal small * {
206  vertical-align: top; }
207
208/*********************************************
209 * LINKS
210 *********************************************/
211.reveal a {
212  color: #42affa;
213  text-decoration: none;
214  -webkit-transition: color .15s ease;
215  -moz-transition: color .15s ease;
216  transition: color .15s ease; }
217
218.reveal a:hover {
219  color: #8dcffc;
220  text-shadow: none;
221  border: none; }
222
223.reveal .roll span:after {
224  color: #fff;
225  background: #068de9; }
226
227/*********************************************
228 * IMAGES
229 *********************************************/
230.reveal section img {
231  margin: 15px 0px;
232  background: rgba(255, 255, 255, 0.12);
233  border: 4px solid #fff;
234  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
235
236.reveal section img.plain {
237  border: 0;
238  box-shadow: none; }
239
240.reveal a img {
241  -webkit-transition: all .15s linear;
242  -moz-transition: all .15s linear;
243  transition: all .15s linear; }
244
245.reveal a:hover img {
246  background: rgba(255, 255, 255, 0.2);
247  border-color: #42affa;
248  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
249
250/*********************************************
251 * NAVIGATION CONTROLS
252 *********************************************/
253.reveal .controls {
254  color: #42affa; }
255
256/*********************************************
257 * PROGRESS BAR
258 *********************************************/
259.reveal .progress {
260  background: rgba(0, 0, 0, 0.2);
261  color: #42affa; }
262
263.reveal .progress span {
264  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
265  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
266  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
267
268/*********************************************
269 * PRINT BACKGROUND
270 *********************************************/
271@media print {
272  .backgrounds {
273    background-color: #191919; } }
274