presentations

Presentations
Log | Files | Refs

blood.scss (1818B)

      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 }