Skip to content

Commit 2c788df

Browse files
max-mappermax-mapper
committed
simple serif font theme
1 parent 303be5b commit 2c788df

1 file changed

Lines changed: 159 additions & 0 deletions

File tree

‎css/theme/serif.css‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
/**
2+
* A simple theme for reveal.js presentations, similar
3+
* to the default theme. The accent color is darkblue;
4+
* do a find-replace to change it.
5+
*
6+
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
7+
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se; so is the theme - beige.css - that this is based off of.
8+
*/
9+
10+
/*********************************************
11+
* FONT-FACE DEFINITIONS
12+
*********************************************/
13+
14+
15+
/*********************************************
16+
* GLOBAL STYLES
17+
*********************************************/
18+
19+
body {
20+
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
21+
font-size: 36px;
22+
font-weight: 200;
23+
letter-spacing: -0.02em;
24+
color: black !important;
25+
26+
background: #F0F1EB;
27+
}
28+
29+
::-moz-selection {
30+
background: #26351C;
31+
color: rgba(255,255,255, 0.8);
32+
}
33+
::-webkit-selection {
34+
background: #26351C;
35+
color: rgba(255,255,255, 0.8);
36+
}
37+
::selection {
38+
background: #26351C;
39+
color: rgba(255,255,255, 0.8);
40+
}
41+
42+
/*********************************************
43+
* HEADERS
44+
*********************************************/
45+
46+
.reveal h1,
47+
.reveal h2,
48+
.reveal h3,
49+
.reveal h4,
50+
.reveal h5,
51+
.reveal h6 {
52+
margin: 0 0 40px 0;
53+
color: #383D3D;
54+
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
55+
line-height: 0.9em;
56+
}
57+
58+
/*********************************************
59+
* LINKS
60+
*********************************************/
61+
62+
.reveal a:not(.image) {
63+
color: #51483D;
64+
text-decoration: none;
65+
font-weight: bold;
66+
line-height: 1.4em;
67+
-webkit-transition: color .15s ease;
68+
-moz-transition: color .15s ease;
69+
-ms-transition: color .15s ease;
70+
-o-transition: color .15s ease;
71+
transition: color .15s ease;
72+
}
73+
.reveal a:not(.image):hover {
74+
text-shadow: none;
75+
border: none;
76+
border-radius: 2px;
77+
}
78+
79+
.reveal .roll span:after {
80+
color: #fff;
81+
background: #51483D;
82+
}
83+
84+
/*********************************************
85+
* MISC
86+
*********************************************/
87+
88+
.reveal p {
89+
line-height: 1.4em;
90+
font-size: 1.15em;
91+
color: #111;
92+
}
93+
94+
.reveal .subtitle {
95+
font-style: italic;
96+
}
97+
98+
/*********************************************
99+
* IMAGES
100+
*********************************************/
101+
102+
.reveal section img {
103+
margin: 30px 0 0 0;
104+
background: rgba(255,255,255,0.12);
105+
border: 4px solid #eee;
106+
107+
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
108+
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
109+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
110+
111+
-webkit-transition: all .2s linear;
112+
-moz-transition: all .2s linear;
113+
-ms-transition: all .2s linear;
114+
-o-transition: all .2s linear;
115+
transition: all .2s linear;
116+
}
117+
118+
.reveal a:hover img {
119+
background: rgba(255,255,255,0.2);
120+
border-color: darkblue;
121+
122+
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
123+
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
124+
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
125+
}
126+
127+
128+
/*********************************************
129+
* NAVIGATION CONTROLS
130+
*********************************************/
131+
132+
.reveal .controls a {
133+
color: black;
134+
}
135+
.reveal .controls a.enabled {
136+
color: #26351C;
137+
opacity: 1;
138+
text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3);
139+
}
140+
141+
142+
/*********************************************
143+
* PROGRESS BAR
144+
*********************************************/
145+
146+
.reveal .progress {
147+
background: rgba(0,0,0,0.2);
148+
}
149+
.reveal .progress span {
150+
background: #26351C;
151+
152+
-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
153+
-moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
154+
-ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
155+
-o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
156+
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
157+
}
158+
159+

0 commit comments

Comments
 (0)