1/** 2 * Blood theme for reveal.js 3 * Author: Walther http://github.com/Walther 4 * 5 * Designed to be used with highlight.js theme 6 * "monokai_sublime.css" available from 7 * https://github.com/isagalaev/highlight.js/ 8 * 9 * For other themes, change $codeBackground accordingly. 10 * 11 */ 12 13 // Default mixins and settings ----------------- 14@import "../template/mixins"; 15@import "../template/settings"; 16// --------------------------------------------- 17 18// Include theme-specific fonts 19 20@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); 21 22// Colors used in the theme 23$blood: #a23; 24$coal: #222; 25$codeBackground: #23241f; 26 27$backgroundColor: $coal; 28 29// Main text 30$mainFont: Ubuntu, 'sans-serif'; 31$mainColor: #eee; 32 33// Headings 34$headingFont: Ubuntu, 'sans-serif'; 35$headingTextShadow: 2px 2px 2px $coal; 36 37// h1 shadow, borrowed humbly from 38// (c) Default theme by Hakim El Hattab 39$heading1TextShadow: 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,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); 40 41// Links 42$linkColor: $blood; 43$linkColorHover: lighten( $linkColor, 20% ); 44 45// Text selection 46$selectionBackgroundColor: $blood; 47$selectionColor: #fff; 48 49 50// Theme template ------------------------------ 51@import "../template/theme"; 52// --------------------------------------------- 53 54// some overrides after theme template import 55 56.reveal p { 57 font-weight: 300; 58 text-shadow: 1px 1px $coal; 59} 60 61.reveal h1, 62.reveal h2, 63.reveal h3, 64.reveal h4, 65.reveal h5, 66.reveal h6 { 67 font-weight: 700; 68} 69 70.reveal p code { 71 background-color: $codeBackground; 72 display: inline-block; 73 border-radius: 7px; 74} 75 76.reveal small code { 77 vertical-align: baseline; 78}