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);
10
section.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
 *********************************************/
16
body {
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

269