Tom-Marble/deck.js/themes/style/swiss.scss

   1 @import "reset";
   2
   3 h1 {
   4   color:#000;
   5 }
   6
   7 h2 {
   8   color:#c00;
   9   border-bottom-color:#ccc;
  10 }
  11
  12 h3 {
  13   color:#888;
  14 }
  15
  16 pre {
  17   border-color:#ccc;
  18 }
  19
  20 code {
  21   color:#888;
  22 }
  23
  24 blockquote {
  25   font-size:2em;
  26   font-style:italic;
  27   padding:1em 2em;
  28   color:#000;
  29   border-left:5px solid #ccc;
  30
  31   p {
  32     margin:0;
  33   }
  34
  35   cite {
  36     font-size:.5em;
  37     font-style:normal;
  38     font-weight:bold;
  39     color:#888;
  40   }
  41 }
  42
  43 ::-moz-selection{ background:#c00; color:#fff; }
  44 ::selection { background:#c00; color:#fff; }
  45
  46 a {
  47   &, &:hover, &:focus, &:active, &:visited {
  48     color:#c00;
  49     text-decoration:none;
  50   }
  51
  52   &:hover, &:focus {
  53     text-decoration:underline;
  54   }
  55 }
  56
  57 .deck-container {
  58   font-family: "Helvetica Neue", sans-serif;
  59   font-size:1.75em;
  60   background:#fff;
  61
  62   > .slide {
  63     padding:0 48px;
  64   }
  65 }
  66
  67 .slide {
  68   .deck-before, .deck-previous {
  69     opacity:0.4;
  70
  71     &:not(.deck-child-current) {
  72       .deck-before, .deck-previous {
  73         opacity:1;
  74       }
  75     }
  76   }
  77
  78   .deck-child-current {
  79     opacity:1;
  80   }
  81 }
  82
  83 .deck-prev-link, .deck-next-link {
  84   background:#ccc;
  85   font-family:serif;
  86
  87   &, &:hover, &:focus, &:active, &:visited {
  88     color:#fff;
  89   }
  90
  91   &:hover, &:focus {
  92     background:#c00;
  93     text-decoration:none;
  94   }
  95 }
  96
  97 .deck-status {
  98   font-size:0.6666em;
  99 }
 100
 101 .deck-menu {
 102   .slide {
 103     background:#eee;
 104   }
 105
 106   .deck-current, .no-touch & .slide:hover {
 107     background:#ddf;
 108   }
 109 }