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 5px 15px rgba(0, 0, 0, 0.15); }
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  font-size: smaller; }
197
198.reveal sub {
199  vertical-align: sub;
200  font-size: smaller; }
201
202.reveal small {
203  display: inline-block;
204  font-size: 0.6em;
205  line-height: 1.2em;
206  vertical-align: top; }
207
208.reveal small * {
209  vertical-align: top; }
210
211/*********************************************
212 * LINKS
213 *********************************************/
214.reveal a {
215  color: #00008B;
216  text-decoration: none;
217  -webkit-transition: color .15s ease;
218  -moz-transition: color .15s ease;
219  transition: color .15s ease; }
220
221.reveal a:hover {
222  color: #0000f1;
223  text-shadow: none;
224  border: none; }
225
226.reveal .roll span:after {
227  color: #fff;
228  background: #00003f; }
229
230/*********************************************
231 * IMAGES
232 *********************************************/
233.reveal section img {
234  margin: 15px 0px;
235  background: rgba(255, 255, 255, 0.12);
236  border: 4px solid #000;
237  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
238
239.reveal section img.plain {
240  border: 0;
241  box-shadow: none; }
242
243.reveal a img {
244  -webkit-transition: all .15s linear;
245  -moz-transition: all .15s linear;
246  transition: all .15s linear; }
247
248.reveal a:hover img {
249  background: rgba(255, 255, 255, 0.2);
250  border-color: #00008B;
251  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
252
253/*********************************************
254 * NAVIGATION CONTROLS
255 *********************************************/
256.reveal .controls {
257  color: #00008B; }
258
259/*********************************************
260 * PROGRESS BAR
261 *********************************************/
262.reveal .progress {
263  background: rgba(0, 0, 0, 0.2);
264  color: #00008B; }
265
266.reveal .progress span {
267  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
268  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
269  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
270
271/*********************************************
272 * PRINT BACKGROUND
273 *********************************************/
274@media print {
275  .backgrounds {
276    background-color: #fff; } }
277