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

   1 @import "reset";
   2
   3 h1 {
   4   color:#0af;
   5   font-weight:normal;
   6   font-weight:100;
   7   text-shadow:0 0 50px #0af, 0 0 3px #fff;
   8 }
   9
  10 h2 {
  11   color:#af0;
  12   border-bottom-color:#ccc;
  13   font-weight:normal;
  14   font-weight:100;
  15   text-shadow:0 0 15px #af0, 0 0 2px #fff;
  16   border-bottom:1px solid #333;
  17 }
  18
  19 h3 {
  20   color:#fff;
  21   font-weight:normal;
  22   font-weight:100;
  23   text-shadow:0 0 10px #fff, 0 0 2px #fff;
  24 }
  25
  26 pre {
  27   border-color:#333;
  28
  29   code {
  30     color:#fff;
  31   }
  32 }
  33
  34 code {
  35   color:#f0a;
  36 }
  37
  38 blockquote {
  39   font-size:2em;
  40   padding:1em 2em;
  41   color:#fff;
  42   border-left:5px solid #fff;
  43
  44   p {
  45     margin:0;
  46   }
  47
  48   cite {
  49     font-size:.5em;
  50     font-style:normal;
  51     font-weight:normal;
  52     font-weight:100;
  53     color:#aaa;
  54     text-shadow:0 0 15px #fff, 0 0 2px #fff;
  55   }
  56 }
  57
  58 ::-moz-selection{ background:#a0f; }
  59 ::selection { background:#a0f; }
  60
  61 a {
  62   &, &:hover, &:focus, &:active, &:visited {
  63     color:#f0a;
  64     text-decoration:none;
  65   }
  66
  67   &:hover, &:focus {
  68     text-decoration:underline;
  69   }
  70 }
  71
  72 .deck-container {
  73   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  74   font-size:1.75em;
  75   color:#aaa;
  76   background:#000;
  77
  78   > .slide {
  79     padding:0 48px;
  80   }
  81 }
  82
  83 .slide {
  84   .deck-before, .deck-previous {
  85     opacity:0.4;
  86
  87     &:not(.deck-child-current) {
  88       .deck-before, .deck-previous {
  89   opacity:1;
  90       }
  91     }
  92   }
  93
  94   .deck-child-current {
  95     opacity:1;
  96   }
  97 }
  98
  99 .deck-prev-link, .deck-next-link {
 100   background:#f0a;
 101   text-shadow:0 0 3px #fff;
 102
 103   &, &:hover, &:focus, &:active, &:visited {
 104     color:#fff;
 105   }
 106
 107   &:hover, &:focus {
 108     text-decoration:none;
 109     box-shadow:0 0 20px #f0a, 0 0 5px #fff;
 110   }
 111 }
 112
 113 .deck-status {
 114   font-size:0.6666em;
 115 }
 116
 117 .goto-form {
 118   background:#000;
 119   border:1px solid #f0a;
 120
 121   label {
 122     color:#fff;
 123   }
 124 }
 125
 126 .deck-menu {
 127   .slide {
 128     background:#333;
 129   }
 130
 131   .deck-current {
 132     background:#444;
 133
 134     .boxshadow & {
 135       background:#000;
 136       box-shadow:0 0 20px #f0a, 0 0 5px #fff;
 137     }
 138   }
 139
 140   .no-touch & .slide:hover {
 141     background:#444;
 142   }
 143
 144   .no-touch.boxshadow & .slide:hover {
 145     background:#000;
 146     box-shadow:0 0 20px #f0a, 0 0 5px #fff;
 147   }
 148 }