1 @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
3 * Blood theme for reveal.js
4 * Author: Walther http://github.com/Walther
6 * Designed to be used with highlight.js theme
7 * "monokai_sublime.css" available from
8 * https://github.com/isagalaev/highlight.js/
10 * For other themes, change $codeBackground accordingly.
13 /*********************************************
15 *********************************************/
18 background-color: #222; }
21 font-family: Ubuntu, 'sans-serif';
31 .reveal .slides > section, .reveal .slides > section > section {
33 font-weight: inherit; }
35 /*********************************************
37 *********************************************/
38 .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
41 font-family: Ubuntu, 'sans-serif';
44 letter-spacing: normal;
45 text-transform: uppercase;
46 text-shadow: 2px 2px 2px #222;
47 word-wrap: break-word; }
62 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); }
64 /*********************************************
66 *********************************************/
71 /* Ensure certain elements are never larger than the slide itself */
72 .reveal img, .reveal video, .reveal iframe {
76 .reveal strong, .reveal b {
82 .reveal ol, .reveal dl, .reveal ul {
83 display: inline-block;
88 list-style-type: decimal; }
91 list-style-type: disc; }
94 list-style-type: square; }
97 list-style-type: circle; }
99 .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
109 .reveal q, .reveal blockquote {
119 background: rgba(255, 255, 255, 0.05);
120 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
122 .reveal blockquote p:first-child, .reveal blockquote p:last-child {
123 display: inline-block; }
126 font-style: italic; }
135 font-family: monospace;
137 word-wrap: break-word;
138 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
141 font-family: monospace; }
152 border-collapse: collapse;
158 .reveal table th, .reveal table td {
160 padding: 0.2em 0.5em 0.2em 0.5em;
161 border-bottom: 1px solid; }
163 .reveal table th[align="center"], .reveal table td[align="center"] {
164 text-align: center; }
166 .reveal table th[align="right"], .reveal table td[align="right"] {
169 .reveal table tr:last-child td {
170 border-bottom: none; }
173 vertical-align: super; }
176 vertical-align: sub; }
179 display: inline-block;
182 vertical-align: top; }
185 vertical-align: top; }
187 /*********************************************
189 *********************************************/
192 text-decoration: none;
193 -webkit-transition: color 0.15s ease;
194 -moz-transition: color 0.15s ease;
195 transition: color 0.15s ease; }
202 .reveal .roll span:after {
204 background: #6a1521; }
206 /*********************************************
208 *********************************************/
209 .reveal section img {
211 background: rgba(255, 255, 255, 0.12);
212 border: 4px solid #eee;
213 box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
215 .reveal section img.plain {
220 -webkit-transition: all 0.15s linear;
221 -moz-transition: all 0.15s linear;
222 transition: all 0.15s linear; }
224 .reveal a:hover img {
225 background: rgba(255, 255, 255, 0.2);
227 box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
229 /*********************************************
230 * NAVIGATION CONTROLS
231 *********************************************/
232 .reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
233 border-right-color: #a23; }
235 .reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
236 border-left-color: #a23; }
238 .reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
239 border-bottom-color: #a23; }
241 .reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
242 border-top-color: #a23; }
244 .reveal .controls .navigate-left.enabled:hover {
245 border-right-color: #dd5567; }
247 .reveal .controls .navigate-right.enabled:hover {
248 border-left-color: #dd5567; }
250 .reveal .controls .navigate-up.enabled:hover {
251 border-bottom-color: #dd5567; }
253 .reveal .controls .navigate-down.enabled:hover {
254 border-top-color: #dd5567; }
256 /*********************************************
258 *********************************************/
260 background: rgba(0, 0, 0, 0.2); }
262 .reveal .progress span {
264 -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
265 -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
266 transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
268 /*********************************************
270 *********************************************/
271 .reveal .slide-number {
276 text-shadow: 1px 1px #222; }
278 .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
282 background-color: #23241f;
283 display: inline-block;
284 border-radius: 7px; }
287 vertical-align: baseline; }