summaryrefslogtreecommitdiff
path: root/reveal.js/dist/theme
diff options
context:
space:
mode:
Diffstat (limited to 'reveal.js/dist/theme')
-rw-r--r--reveal.js/dist/theme/fifty.css297
1 files changed, 297 insertions, 0 deletions
diff --git a/reveal.js/dist/theme/fifty.css b/reveal.js/dist/theme/fifty.css
new file mode 100644
index 0000000..a55b3c2
--- /dev/null
+++ b/reveal.js/dist/theme/fifty.css
@@ -0,0 +1,297 @@
1/**
2 * A simple theme for reveal.js presentations, similar
3 * to the default theme. The accent color is brown.
4 *
5 * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
6 */
7.reveal a {
8 line-height: 1.3em; }
9
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 *********************************************/
16:root {
17 --background-color: #F0F1EB;
18 --main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
19 --main-font-size: 40px;
20 --main-color: #000;
21 --block-margin: 20px;
22 --heading-margin: 0 0 20px 0;
23 --heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
24 --heading-color: #383D3D;
25 --heading-line-height: 1.2;
26 --heading-letter-spacing: normal;
27 --heading-text-transform: none;
28 --heading-text-shadow: none;
29 --heading-font-weight: normal;
30 --heading1-text-shadow: none;
31 --heading1-size: 3.77em;
32 --heading2-size: 2.11em;
33 --heading3-size: 1.55em;
34 --heading4-size: 1em;
35 --code-font: monospace;
36 --link-color: #51483D;
37 --link-color-hover: #8b7c69;
38 --selection-background-color: #26351C;
39 --selection-color: #fff; }
40
41.reveal-viewport {
42 background: #F0F1EB;
43 background-color: #F0F1EB; }
44
45.reveal {
46 font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
47 font-size: 24px;
48 font-weight: normal;
49 color: #000; }
50
51.reveal ::selection {
52 color: #fff;
53 background: #26351C;
54 text-shadow: none; }
55
56.reveal ::-moz-selection {
57 color: #fff;
58 background: #26351C;
59 text-shadow: none; }
60
61.reveal .slides section,
62.reveal .slides section > section {
63 line-height: 1.3;
64 font-weight: inherit; }
65
66/*********************************************
67 * HEADERS
68 *********************************************/
69.reveal h1,
70.reveal h2,
71.reveal h3,
72.reveal h4,
73.reveal h5,
74.reveal h6 {
75 margin: 0 0 20px 0;
76 color: #383D3D;
77 font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
78 font-weight: normal;
79 line-height: 1.2;
80 letter-spacing: normal;
81 text-transform: none;
82 text-shadow: none;
83 word-wrap: break-word; }
84
85.reveal h1 {
86 font-size: 3.77em; }
87
88.reveal h2 {
89 font-size: 2.11em; }
90
91.reveal h3 {
92 font-size: 1.55em; }
93
94.reveal h4 {
95 font-size: 1em; }
96
97.reveal h1 {
98 text-shadow: none; }
99
100/*********************************************
101 * OTHER
102 *********************************************/
103.reveal p {
104 margin: 20px 0;
105 line-height: 1.3; }
106
107/* Remove trailing margins after titles */
108.reveal h1:last-child,
109.reveal h2:last-child,
110.reveal h3:last-child,
111.reveal h4:last-child,
112.reveal h5:last-child,
113.reveal h6:last-child {
114 margin-bottom: 0; }
115
116/* Ensure certain elements are never larger than the slide itself */
117.reveal img,
118.reveal video,
119.reveal iframe {
120 max-width: 95%;
121 max-height: 95%; }
122
123.reveal strong,
124.reveal b {
125 font-weight: bold; }
126
127.reveal em {
128 font-style: italic; }
129
130.reveal ol,
131.reveal dl,
132.reveal ul {
133 display: inline-block;
134 text-align: left;
135 margin: 0 0 0 1em; }
136
137.reveal ol {
138 list-style-type: decimal; }
139
140.reveal ul {
141 list-style-type: disc; }
142
143.reveal ul ul {
144 list-style-type: square; }
145
146.reveal ul ul ul {
147 list-style-type: circle; }
148
149.reveal ul ul,
150.reveal ul ol,
151.reveal ol ol,
152.reveal ol ul {
153 display: block;
154 margin-left: 40px; }
155
156.reveal dt {
157 font-weight: bold; }
158
159.reveal dd {
160 margin-left: 40px; }
161
162.reveal blockquote {
163 display: block;
164 position: relative;
165 width: 70%;
166 margin: 20px auto;
167 padding: 5px;
168 font-style: italic;
169 background: rgba(255, 255, 255, 0.05);
170 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
171
172.reveal blockquote p:first-child,
173.reveal blockquote p:last-child {
174 display: inline-block; }
175
176.reveal q {
177 font-style: italic; }
178
179.reveal pre {
180 display: block;
181 position: relative;
182 width: 90%;
183 margin: 20px auto;
184 text-align: left;
185 font-size: 0.55em;
186 font-family: monospace;
187 line-height: 1.1em;
188 word-wrap: break-word; }
189 /* box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } */
190
191.reveal code {
192 font-family: monospace;
193 text-transform: none; }
194
195.reveal pre code {
196 display: block;
197 padding: 4px;
198 overflow: auto;
199 max-height: 520px;
200 word-wrap: normal; }
201
202.reveal table {
203 margin: auto;
204 border-collapse: collapse;
205 border-spacing: 0; }
206
207.reveal table th {
208 font-weight: bold; }
209
210.reveal table th,
211.reveal table td {
212 text-align: left;
213 padding: 0.2em 0.5em 0.2em 0.5em;
214 border-bottom: 1px solid; }
215
216.reveal table th[align="center"],
217.reveal table td[align="center"] {
218 text-align: center; }
219
220.reveal table th[align="right"],
221.reveal table td[align="right"] {
222 text-align: right; }
223
224.reveal table tbody tr:last-child th,
225.reveal table tbody tr:last-child td {
226 border-bottom: none; }
227
228.reveal sup {
229 vertical-align: super;
230 font-size: smaller; }
231
232.reveal sub {
233 vertical-align: sub;
234 font-size: smaller; }
235
236.reveal small {
237 display: inline-block;
238 font-size: 0.6em;
239 line-height: 1.2em;
240 vertical-align: top; }
241
242.reveal small * {
243 vertical-align: top; }
244
245.reveal img {
246 margin: 20px 0; }
247
248/*********************************************
249 * LINKS
250 *********************************************/
251.reveal a {
252 color: #51483D;
253 text-decoration: none;
254 transition: color .15s ease; }
255
256.reveal a:hover {
257 color: #8b7c69;
258 text-shadow: none;
259 border: none; }
260
261.reveal .roll span:after {
262 color: #fff;
263 background: #25211c; }
264
265/*********************************************
266 * Frame helper
267 *********************************************/
268.reveal .r-frame {
269 border: 4px solid #000;
270 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
271
272.reveal a .r-frame {
273 transition: all .15s linear; }
274
275.reveal a:hover .r-frame {
276 border-color: #51483D;
277 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
278
279/*********************************************
280 * NAVIGATION CONTROLS
281 *********************************************/
282.reveal .controls {
283 color: #51483D; }
284
285/*********************************************
286 * PROGRESS BAR
287 *********************************************/
288.reveal .progress {
289 background: rgba(0, 0, 0, 0.2);
290 color: #51483D; }
291
292/*********************************************
293 * PRINT BACKGROUND
294 *********************************************/
295@media print {
296 .backgrounds {
297 background-color: #F0F1EB; } }