themes/style/neon.scss

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