Refactor base styles to apply to slides insted of container
[deck.js.git] / themes / style / neon.css
blob37b604c553f18eca9979a202a8a15a19df1f3393
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;
7 .deck-container .slide {
8 background: #000;
10 .deck-container .slide h1 {
11 color: #0af;
12 font-weight: normal;
13 font-weight: 100;
14 text-shadow: 0 0 50px #0af, 0 0 3px #fff;
16 .deck-container .slide h2 {
17 color: #af0;
18 border-bottom-color: #ccc;
19 font-weight: normal;
20 font-weight: 100;
21 text-shadow: 0 0 15px #af0, 0 0 2px #fff;
22 border-bottom: 1px solid #333;
24 .deck-container .slide h3 {
25 color: #fff;
26 font-weight: normal;
27 font-weight: 100;
28 text-shadow: 0 0 10px #fff, 0 0 2px #fff;
30 .deck-container .slide pre {
31 border-color: #333;
33 .deck-container .slide pre code {
34 color: #fff;
36 .deck-container .slide code {
37 color: #f0a;
39 .deck-container .slide blockquote {
40 font-size: 2em;
41 padding: 1em 2em;
42 color: #fff;
43 border-left: 5px solid #fff;
45 .deck-container .slide blockquote p {
46 margin: 0;
48 .deck-container .slide blockquote 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;
56 .deck-container .slide ::-moz-selection {
57 background: #a0f;
59 .deck-container .slide ::selection {
60 background: #a0f;
62 .deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
63 color: #f0a;
64 text-decoration: none;
66 .deck-container .slide a:hover, .deck-container .slide a:focus {
67 text-decoration: underline;
69 .deck-container .deck-prev-link, .deck-container .deck-next-link {
70 background: #f0a;
71 text-shadow: 0 0 3px #fff;
73 .deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
74 color: #fff;
76 .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
77 text-decoration: none;
79 .boxshadow .deck-container .deck-prev-link:hover, .boxshadow .deck-container .deck-prev-link:focus, .boxshadow .deck-container .deck-next-link:hover, .boxshadow .deck-container .deck-next-link:focus {
80 -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
81 -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
82 box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
84 .deck-container .deck-status {
85 font-size: 0.6666em;
87 .deck-container .goto-form {
88 background: #000;
89 border: 1px solid #f0a;
91 .deck-container .goto-form label {
92 color: #fff;
94 .deck-container.deck-menu .slide {
95 background: #333;
97 .deck-container.deck-menu .deck-current {
98 background: #444;
100 .boxshadow .deck-container.deck-menu .deck-current {
101 background: #000;
102 -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
103 -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
104 box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
106 .no-touch .deck-container.deck-menu .slide:hover {
107 background: #444;
109 .no-touch.boxshadow .deck-container.deck-menu .slide:hover {
110 background: #000;
111 -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
112 -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
113 box-shadow: 0 0 20px #f0a, 0 0 5px #fff;