1/**
2 * White theme for reveal.js. This is the opposite of the 'black' 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-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 {
8  color: #fff; }
9
10/*********************************************
11 * GLOBAL STYLES
12 *********************************************/
13body {
14  background: #fff;
15  background-color: #fff; }
16
17.reveal {
18  font-family: "Source Sans Pro", Helvetica, sans-serif;
19  font-size: 42px;
20  font-weight: normal;
21  color: #222; }
22
23::selection {
24  color: #fff;
25  background: #98bdef;
26  text-shadow: none; }
27
28::-moz-selection {
29  color: #fff;
30  background: #98bdef;
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: #222;
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 0px 6px rgba(0, 0, 0, 0.3); }
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
194.reveal sub {
195  vertical-align: sub; }
196
197.reveal small {
198  display: inline-block;
199  font-size: 0.6em;
200  line-height: 1.2em;
201  vertical-align: top; }
202
203.reveal small * {
204  vertical-align: top; }
205
206/*********************************************
207 * LINKS
208 *********************************************/
209.reveal a {
210  color: #2a76dd;
211  text-decoration: none;
212  -webkit-transition: color .15s ease;
213  -moz-transition: color .15s ease;
214  transition: color .15s ease; }
215
216.reveal a:hover {
217  color: #6ca0e8;
218  text-shadow: none;
219  border: none; }
220
221.reveal .roll span:after {
222  color: #fff;
223  background: #1a53a1; }
224
225/*********************************************
226 * IMAGES
227 *********************************************/
228.reveal section img {
229  margin: 15px 0px;
230  background: rgba(255, 255, 255, 0.12);
231  border: 4px solid #222;
232  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
233
234.reveal section img.plain {
235  border: 0;
236  box-shadow: none; }
237
238.reveal a img {
239  -webkit-transition: all .15s linear;
240  -moz-transition: all .15s linear;
241  transition: all .15s linear; }
242
243.reveal a:hover img {
244  background: rgba(255, 255, 255, 0.2);
245  border-color: #2a76dd;
246  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
247
248/*********************************************
249 * NAVIGATION CONTROLS
250 *********************************************/
251.reveal .controls {
252  color: #2a76dd; }
253
254/*********************************************
255 * PROGRESS BAR
256 *********************************************/
257.reveal .progress {
258  background: rgba(0, 0, 0, 0.2);
259  color: #2a76dd; }
260
261.reveal .progress span {
262  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
263  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
264  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
265