Skip to content

Commit efd8c05

Browse files
leecrossleyleecrossley
committed
Basic slides template
1 parent 961d32e commit efd8c05

10 files changed

+937
-1
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.DS_Store

‎css/fjs.css

+345
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,345 @@
1+
/**
2+
* functional.js theme for reveal.js presentations,
3+
* similar to the default theme. Accent is #52234d.
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+
9+
/*********************************************
10+
* GLOBAL STYLES
11+
*********************************************/
12+
body {
13+
background: #fff1d6;
14+
background-color: #fff1d6;
15+
}
16+
17+
.reveal {
18+
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
19+
font-size: 36px;
20+
font-weight: normal;
21+
letter-spacing: -0.02em;
22+
color: #000;
23+
}
24+
25+
::selection {
26+
color: #52234d;
27+
background: #fff1d6;
28+
text-shadow: none;
29+
}
30+
31+
.reveal .slides > section,
32+
.reveal .slides > section > section {
33+
line-height: 1.2em;
34+
font-weight: inherit;
35+
}
36+
37+
/*********************************************
38+
* HEADERS
39+
*********************************************/
40+
.reveal h1,
41+
.reveal h2,
42+
.reveal h3,
43+
.reveal h4,
44+
.reveal h5,
45+
.reveal h6 {
46+
margin: 0 0 20px 0;
47+
color: #52234d;
48+
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
49+
font-weight: 300;
50+
line-height: 1em;
51+
letter-spacing: 0.02em;
52+
text-transform: none;
53+
text-shadow: none;
54+
word-wrap: break-word;
55+
}
56+
57+
.reveal h1 {
58+
font-size: 3.77em;
59+
}
60+
61+
.reveal h2 {
62+
font-size: 2.11em;
63+
}
64+
65+
.reveal h3 {
66+
font-size: 1.55em;
67+
}
68+
69+
.reveal h4 {
70+
font-size: 1em;
71+
}
72+
73+
/*********************************************
74+
* OTHER
75+
*********************************************/
76+
.reveal p {
77+
margin-bottom: 15px;
78+
line-height: 1.2em;
79+
}
80+
81+
/* Ensure certain elements are never larger than the slide itself */
82+
.reveal img,
83+
.reveal video,
84+
.reveal iframe {
85+
max-width: 95%;
86+
max-height: 95%;
87+
}
88+
89+
.reveal strong,
90+
.reveal b {
91+
font-weight: bold;
92+
}
93+
94+
.reveal em {
95+
font-style: italic;
96+
}
97+
98+
.reveal ol,
99+
.reveal dl,
100+
.reveal ul {
101+
display: inline-block;
102+
text-align: left;
103+
margin: 0 0 0 1em;
104+
}
105+
106+
.reveal ol {
107+
list-style-type: decimal;
108+
}
109+
110+
.reveal ul {
111+
list-style-type: disc;
112+
}
113+
114+
.reveal ul ul {
115+
list-style-type: square;
116+
}
117+
118+
.reveal ul ul ul {
119+
list-style-type: circle;
120+
}
121+
122+
.reveal ul ul,
123+
.reveal ul ol,
124+
.reveal ol ol,
125+
.reveal ol ul {
126+
display: block;
127+
margin-left: 40px;
128+
}
129+
130+
.reveal dt {
131+
font-weight: bold;
132+
}
133+
134+
.reveal dd {
135+
margin-left: 40px;
136+
}
137+
138+
.reveal q,
139+
.reveal blockquote {
140+
quotes: none;
141+
}
142+
143+
.reveal blockquote {
144+
display: block;
145+
position: relative;
146+
width: 70%;
147+
margin: 5px auto;
148+
padding: 5px;
149+
font-style: italic;
150+
background: rgba(255, 255, 255, 0.05);
151+
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
152+
}
153+
154+
.reveal blockquote p:first-child,
155+
.reveal blockquote p:last-child {
156+
display: inline-block;
157+
}
158+
159+
.reveal q {
160+
font-style: italic;
161+
}
162+
163+
.reveal pre {
164+
display: block;
165+
position: relative;
166+
width: 90%;
167+
margin: 15px auto;
168+
text-align: left;
169+
font-size: 0.55em;
170+
font-family: monospace;
171+
line-height: 1.2em;
172+
word-wrap: break-word;
173+
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
174+
}
175+
176+
.reveal code {
177+
font-family: monospace;
178+
}
179+
180+
.reveal pre code {
181+
display: block;
182+
padding: 5px;
183+
overflow: auto;
184+
max-height: 400px;
185+
word-wrap: normal;
186+
background: #3F3F3F;
187+
color: #DCDCDC;
188+
}
189+
190+
.reveal table {
191+
margin: auto;
192+
border-collapse: collapse;
193+
border-spacing: 0;
194+
}
195+
196+
.reveal table th {
197+
font-weight: bold;
198+
}
199+
200+
.reveal table th,
201+
.reveal table td {
202+
text-align: left;
203+
padding: 0.2em 0.5em 0.2em 0.5em;
204+
border-bottom: 1px solid;
205+
}
206+
207+
.reveal table tr:last-child td {
208+
border-bottom: none;
209+
}
210+
211+
.reveal sup {
212+
vertical-align: super;
213+
}
214+
215+
.reveal sub {
216+
vertical-align: sub;
217+
}
218+
219+
.reveal small {
220+
display: inline-block;
221+
font-size: 0.6em;
222+
line-height: 1.2em;
223+
vertical-align: top;
224+
}
225+
226+
.reveal small * {
227+
vertical-align: top;
228+
}
229+
230+
/*********************************************
231+
* LINKS
232+
*********************************************/
233+
.reveal a {
234+
color: #52234d;
235+
text-decoration: none;
236+
-webkit-transition: color .15s ease;
237+
-moz-transition: color .15s ease;
238+
transition: color .15s ease;
239+
}
240+
241+
.reveal a:hover {
242+
color: #50b6a9;
243+
text-shadow: none;
244+
border: none;
245+
}
246+
247+
.reveal .roll span:after {
248+
color: #fff;
249+
background: #00003f;
250+
}
251+
252+
/*********************************************
253+
* IMAGES
254+
*********************************************/
255+
256+
body > a.link {
257+
margin: 0;
258+
padding: 0;
259+
position: absolute;
260+
right: 1.5em;
261+
bottom: 1.5em;
262+
height: 56px;
263+
width: 65px;
264+
-webkit-background-size: 65px 56px;
265+
-moz-background-size: 65px 56px;
266+
background-size: 65px 56px;
267+
background-image: url(http://functionaljs.com/css/images/[email protected]);
268+
}
269+
270+
.reveal section img {
271+
margin: 15px 0px;
272+
border: none;
273+
}
274+
275+
.reveal a img {
276+
-webkit-transition: all .15s linear;
277+
-moz-transition: all .15s linear;
278+
transition: all .15s linear;
279+
}
280+
281+
.reveal a:hover img {
282+
background: rgba(255, 255, 255, 0.2);
283+
border-color: #52234d;
284+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
285+
}
286+
287+
/*********************************************
288+
* NAVIGATION CONTROLS
289+
*********************************************/
290+
.reveal .controls div.navigate-left,
291+
.reveal .controls div.navigate-left.enabled {
292+
border-right-color: #52234d;
293+
}
294+
295+
.reveal .controls div.navigate-right,
296+
.reveal .controls div.navigate-right.enabled {
297+
border-left-color: #52234d;
298+
}
299+
300+
.reveal .controls div.navigate-up,
301+
.reveal .controls div.navigate-up.enabled {
302+
border-bottom-color: #52234d;
303+
}
304+
305+
.reveal .controls div.navigate-down,
306+
.reveal .controls div.navigate-down.enabled {
307+
border-top-color: #52234d;
308+
}
309+
310+
.reveal .controls div.navigate-left.enabled:hover {
311+
border-right-color: #0000f1;
312+
}
313+
314+
.reveal .controls div.navigate-right.enabled:hover {
315+
border-left-color: #0000f1;
316+
}
317+
318+
.reveal .controls div.navigate-up.enabled:hover {
319+
border-bottom-color: #0000f1;
320+
}
321+
322+
.reveal .controls div.navigate-down.enabled:hover {
323+
border-top-color: #0000f1;
324+
}
325+
326+
/*********************************************
327+
* PROGRESS BAR
328+
*********************************************/
329+
.reveal .progress {
330+
background: rgba(0, 0, 0, 0.2);
331+
}
332+
333+
.reveal .progress span {
334+
background: #52234d;
335+
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
336+
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
337+
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
338+
}
339+
340+
/*********************************************
341+
* SLIDE NUMBER
342+
*********************************************/
343+
.reveal .slide-number {
344+
color: #52234d;
345+
}

‎css/highlight.css

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
/* Tomorrow Night Bright Theme */
2+
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
3+
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
4+
.tomorrow-comment, pre .comment, pre .title {
5+
color: #969896;
6+
}
7+
8+
.tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo {
9+
color: #d54e53;
10+
}
11+
12+
.tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant {
13+
color: #e78c45;
14+
}
15+
16+
.tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute {
17+
color: #e7c547;
18+
}
19+
20+
.tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata {
21+
color: #b9ca4a;
22+
}
23+
24+
.tomorrow-aqua, pre .css .hexcolor {
25+
color: #70c0b1;
26+
}
27+
28+
.tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
29+
color: #7aa6da;
30+
}
31+
32+
.tomorrow-purple, pre .keyword, pre .javascript .function {
33+
color: #c397d8;
34+
}
35+
36+
pre code {
37+
display: block;
38+
background: black;
39+
color: #eaeaea;
40+
font-family: Menlo, Monaco, Consolas, monospace;
41+
line-height: 1.5;
42+
border: 1px solid #ccc;
43+
padding: 10px;
44+
}

‎css/reveal.css

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)