themes/style/neon.scss

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