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

   1 /* Resets and base styles from HTML5 Boilerplate */
   2 div, span, object, iframe,
   3 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   4 abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
   5 small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
   6 fieldset, form, label, legend,
   7 table, caption, tbody, tfoot, thead, tr, th, td,
   8 article, aside, canvas, details, figcaption, figure,
   9 footer, header, hgroup, menu, nav, section, summary,
  10 time, mark, audio, video {
  11   margin: 0;
  12   padding: 0;
  13   border: 0;
  14   font-size: 100%;
  15   font: inherit;
  16   vertical-align: baseline;
  17 }
  18
  19 article, aside, details, figcaption, figure,
  20 footer, header, hgroup, menu, nav, section {
  21   display: block;
  22 }
  23
  24 blockquote, q {
  25   quotes: none;
  26 }
  27 blockquote:before, blockquote:after, q:before, q:after {
  28   content: "";
  29   content: none;
  30 }
  31
  32 ins {
  33   background-color: #ff9;
  34   color: #000;
  35   text-decoration: none;
  36 }
  37
  38 mark {
  39   background-color: #ff9;
  40   color: #000;
  41   font-style: italic;
  42   font-weight: bold;
  43 }
  44
  45 del {
  46   text-decoration: line-through;
  47 }
  48
  49 abbr[title], dfn[title] {
  50   border-bottom: 1px dotted;
  51   cursor: help;
  52 }
  53
  54 table {
  55   border-collapse: collapse;
  56   border-spacing: 0;
  57 }
  58
  59 hr {
  60   display: block;
  61   height: 1px;
  62   border: 0;
  63   border-top: 1px solid #ccc;
  64   margin: 1em 0;
  65   padding: 0;
  66 }
  67
  68 input, select {
  69   vertical-align: middle;
  70 }
  71
  72 select, input, textarea, button {
  73   font: 99% sans-serif;
  74 }
  75
  76 pre, code, kbd, samp {
  77   font-family: monospace, sans-serif;
  78 }
  79
  80 a {
  81   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  82 }
  83 a:hover, a:active {
  84   outline: none;
  85 }
  86
  87 ul, ol {
  88   margin-left: 2em;
  89   vertical-align: top;
  90 }
  91
  92 ol {
  93   list-style-type: decimal;
  94 }
  95
  96 nav ul, nav li {
  97   margin: 0;
  98   list-style: none;
  99   list-style-image: none;
 100 }
 101
 102 small {
 103   font-size: 85%;
 104 }
 105
 106 strong, th {
 107   font-weight: bold;
 108 }
 109
 110 td {
 111   vertical-align: top;
 112 }
 113
 114 sub, sup {
 115   font-size: 75%;
 116   line-height: 0;
 117   position: relative;
 118 }
 119
 120 sup {
 121   top: -0.5em;
 122 }
 123
 124 sub {
 125   bottom: -0.25em;
 126 }
 127
 128 textarea {
 129   overflow: auto;
 130 }
 131
 132 input[type="radio"] {
 133   vertical-align: text-bottom;
 134 }
 135
 136 input[type="checkbox"] {
 137   vertical-align: bottom;
 138 }
 139
 140 label,
 141 input[type="button"],
 142 input[type="submit"],
 143 input[type="image"],
 144 button {
 145   cursor: pointer;
 146 }
 147
 148 button, input, select, textarea {
 149   margin: 0;
 150 }
 151
 152 input:invalid, textarea:invalid {
 153   border-radius: 1px;
 154   -moz-box-shadow: 0px 0px 5px red;
 155   -webkit-box-shadow: 0px 0px 5px red;
 156   box-shadow: 0px 0px 5px red;
 157 }
 158 input:invalid .no-boxshadow, textarea:invalid .no-boxshadow {
 159   background-color: #f0dddd;
 160 }
 161
 162 button {
 163   width: auto;
 164   overflow: visible;
 165 }
 166
 167 select, input, textarea {
 168   color: #444444;
 169 }
 170
 171 a {
 172   color: #607890;
 173 }
 174 a:hover, a:focus {
 175   color: #036;
 176 }
 177 a:link {
 178   -webkit-tap-highlight-color: #fff;
 179 }
 180
 181 /* End HTML5 Boilerplate adaptations */
 182 h1 {
 183   font-size: 4.5em;
 184 }
 185
 186 h1, .vcenter {
 187   font-weight: bold;
 188   text-align: center;
 189   padding-top: 1em;
 190   max-height: 100%;
 191 }
 192 .csstransforms h1, .csstransforms .vcenter {
 193   padding: 0 48px;
 194   position: absolute;
 195   left: 0;
 196   right: 0;
 197   top: 50%;
 198   -webkit-transform: translate(0, -50%);
 199   -moz-transform: translate(0, -50%);
 200   -ms-transform: translate(0, -50%);
 201   -o-transform: translate(0, -50%);
 202   transform: translate(0, -50%);
 203 }
 204
 205 .vcenter h1 {
 206   position: relative;
 207   top: auto;
 208   padding: 0;
 209   -webkit-transform: none;
 210   -moz-transform: none;
 211   -ms-transform: none;
 212   -o-transform: none;
 213   transform: none;
 214 }
 215
 216 h2 {
 217   font-size: 2.25em;
 218   font-weight: bold;
 219   padding-top: .5em;
 220   margin: 0 0 .66666em 0;
 221   border-bottom: 3px solid #888;
 222 }
 223
 224 h3 {
 225   font-size: 1.4375em;
 226   font-weight: bold;
 227   margin-bottom: .30435em;
 228 }
 229
 230 h4 {
 231   font-size: 1.25em;
 232   font-weight: bold;
 233   margin-bottom: .25em;
 234 }
 235
 236 h5 {
 237   font-size: 1.125em;
 238   font-weight: bold;
 239   margin-bottom: .2222em;
 240 }
 241
 242 h6 {
 243   font-size: 1em;
 244   font-weight: bold;
 245 }
 246
 247 img, iframe, video {
 248   display: block;
 249   max-width: 100%;
 250 }
 251
 252 video, iframe, img {
 253   display: block;
 254   margin: 0 auto;
 255 }
 256
 257 p, blockquote, iframe, img, ul, ol, pre, video {
 258   margin-bottom: 1em;
 259 }
 260
 261 pre {
 262   white-space: pre;
 263   white-space: pre-wrap;
 264   word-wrap: break-word;
 265   padding: 1em;
 266   border: 1px solid #888;
 267 }
 268
 269 em {
 270   font-style: italic;
 271 }
 272
 273 li {
 274   padding: .25em 0;
 275   vertical-align: middle;
 276 }
 277 li > ol, li > ul {
 278   margin-bottom: inherit;
 279 }
 280
 281 .deck-container {
 282   font-size: 16px;
 283   line-height: 1.25;
 284   color: #444;
 285 }
 286
 287 .slide {
 288   -moz-box-sizing: border-box;
 289   box-sizing: border-box;
 290   width: 100%;
 291 }
 292
 293 h1 {
 294   color: #0af;
 295   font-weight: normal;
 296   font-weight: 100;
 297   text-shadow: 0 0 50px #0af, 0 0 3px #fff;
 298 }
 299
 300 h2 {
 301   color: #af0;
 302   border-bottom-color: #ccc;
 303   font-weight: normal;
 304   font-weight: 100;
 305   text-shadow: 0 0 15px #af0, 0 0 2px #fff;
 306   border-bottom: 1px solid #333;
 307 }
 308
 309 h3 {
 310   color: #fff;
 311   font-weight: normal;
 312   font-weight: 100;
 313   text-shadow: 0 0 10px #fff, 0 0 2px #fff;
 314 }
 315
 316 pre {
 317   border-color: #333;
 318 }
 319 pre code {
 320   color: #fff;
 321 }
 322
 323 code {
 324   color: #f0a;
 325 }
 326
 327 blockquote {
 328   font-size: 2em;
 329   padding: 1em 2em;
 330   color: #fff;
 331   border-left: 5px solid #fff;
 332 }
 333 blockquote p {
 334   margin: 0;
 335 }
 336 blockquote cite {
 337   font-size: .5em;
 338   font-style: normal;
 339   font-weight: normal;
 340   font-weight: 100;
 341   color: #aaa;
 342   text-shadow: 0 0 15px #fff, 0 0 2px #fff;
 343 }
 344
 345 ::-moz-selection {
 346   background: #a0f;
 347 }
 348
 349 ::selection {
 350   background: #a0f;
 351 }
 352
 353 a, a:hover, a:focus, a:active, a:visited {
 354   color: #f0a;
 355   text-decoration: none;
 356 }
 357 a:hover, a:focus {
 358   text-decoration: underline;
 359 }
 360
 361 .deck-container {
 362   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
 363   font-size: 1.75em;
 364   color: #aaa;
 365   background: #000;
 366 }
 367 .deck-container > .slide {
 368   padding: 0 48px;
 369 }
 370
 371 .slide .deck-before, .slide .deck-previous {
 372   opacity: 0.4;
 373 }
 374 .slide .deck-before:not(.deck-child-current) .deck-before, .slide .deck-before:not(.deck-child-current) .deck-previous, .slide .deck-previous:not(.deck-child-current) .deck-before, .slide .deck-previous:not(.deck-child-current) .deck-previous {
 375   opacity: 1;
 376 }
 377 .slide .deck-child-current {
 378   opacity: 1;
 379 }
 380
 381 .deck-prev-link, .deck-next-link {
 382   background: #f0a;
 383   text-shadow: 0 0 3px #fff;
 384 }
 385 .deck-prev-link, .deck-prev-link:hover, .deck-prev-link:focus, .deck-prev-link:active, .deck-prev-link:visited, .deck-next-link, .deck-next-link:hover, .deck-next-link:focus, .deck-next-link:active, .deck-next-link:visited {
 386   color: #fff;
 387 }
 388 .deck-prev-link:hover, .deck-prev-link:focus, .deck-next-link:hover, .deck-next-link:focus {
 389   text-decoration: none;
 390   box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
 391 }
 392
 393 .deck-status {
 394   font-size: 0.6666em;
 395 }
 396
 397 .goto-form {
 398   background: #000;
 399   border: 1px solid #f0a;
 400 }
 401 .goto-form label {
 402   color: #fff;
 403 }
 404
 405 .deck-menu .slide {
 406   background: #333;
 407 }
 408 .deck-menu .deck-current {
 409   background: #444;
 410 }
 411 .boxshadow .deck-menu .deck-current {
 412   background: #000;
 413   box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
 414 }
 415 .no-touch .deck-menu .slide:hover {
 416   background: #444;
 417 }
 418 .no-touch.boxshadow .deck-menu .slide:hover {
 419   background: #000;
 420   box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
 421 }