Therapeutic refactoring, make interwebs angry
[deck.js.git] / themes / style / swiss.scss
blob781574e088fdcb00d51f1885a8f8cc343cf7beca
1 @import "reset";
3 h1 {
4   color:#000;
7 h2 {
8   color:#c00;
9   border-bottom-color:#ccc;
12 h3 {
13   color:#888;
16 pre {
17   border-color:#ccc;
20 code {
21   color:#888;
24 blockquote {
25   font-size:2em;
26   font-style:italic;
27   padding:1em 2em;
28   color:#000;
29   border-left:5px solid #ccc;
31   p {
32     margin:0;
33   }
35   cite {
36     font-size:.5em;
37     font-style:normal;
38     font-weight:bold;
39     color:#888;
40   }
43 ::-moz-selection{ background:#c00; color:#fff; }
44 ::selection { background:#c00; color:#fff; }
46 a {
47   &, &:hover, &:focus, &:active, &:visited {
48     color:#c00;
49     text-decoration:none;
50   }
52   &:hover, &:focus {
53     text-decoration:underline;
54   }
57 .deck-container {
58   font-family: "Helvetica Neue", sans-serif;
59   font-size:1.75em;
60   background:#fff;
62   > .slide {
63     padding:0 48px;
64   }
67 .slide {
68   .deck-before, .deck-previous {
69     opacity:0.4;
71     &:not(.deck-child-current) {
72       .deck-before, .deck-previous {
73         opacity:1;
74       }
75     }
76   }
78   .deck-child-current {
79     opacity:1;
80   }
83 .deck-prev-link, .deck-next-link {
84   background:#ccc;
85   font-family:serif;
87   &, &:hover, &:focus, &:active, &:visited {
88     color:#fff;
89   }
91   &:hover, &:focus {
92     background:#c00;
93     text-decoration:none;
94   }
97 .deck-status {
98   font-size:0.6666em;
101 .deck-menu {
102   .slide {
103     background:#eee;
104   }
106   .deck-current, .no-touch & .slide:hover {
107     background:#ddf;
108   }