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