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