category-theory-presentation/themes/style/neon.scss
2013-02-28 16:49:12 +01:00

156 lines
2.4 KiB
SCSS

.deck-container {
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size:1.75em;
color:#aaa;
background:#000;
.slide {
background:#000;
h1 {
color:#0af;
font-weight:normal;
font-weight:100;
text-shadow:0 0 50px #0af, 0 0 3px #fff;
}
h2 {
color:#af0;
border-bottom-color:#ccc;
font-weight:normal;
font-weight:100;
text-shadow:0 0 15px #af0, 0 0 2px #fff;
border-bottom:1px solid #333;
}
h3 {
color:#fff;
font-weight:normal;
font-weight:100;
text-shadow:0 0 10px #fff, 0 0 2px #fff;
}
pre {
border-color:#333;
code {
color:#fff;
}
}
code {
color:#f0a;
}
blockquote {
font-size:2em;
padding:1em 2em;
color:#fff;
border-left:5px solid #fff;
p {
margin:0;
}
cite {
font-size:.5em;
font-style:normal;
font-weight:normal;
font-weight:100;
color:#aaa;
text-shadow:0 0 15px #fff, 0 0 2px #fff;
}
}
::-moz-selection{ background:#a0f; }
::selection { background:#a0f; }
a {
&, &:hover, &:focus, &:active, &:visited {
color:#f0a;
text-decoration:none;
}
&:hover, &:focus {
text-decoration:underline;
}
}
}
.deck-prev-link, .deck-next-link {
background:#f0a;
text-shadow:0 0 3px #fff;
&, &:hover, &:focus, &:active, &:visited {
color:#fff;
}
&:hover, &:focus {
text-decoration:none;
.boxshadow & {
-webkit-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
-moz-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
box-shadow:0 0 20px #f0a, 0 0 5px #fff;
}
}
}
> .slide {
.deck-before, .deck-previous {
opacity:0.4;
&:not(.deck-child-current) {
.deck-before, .deck-previous {
opacity:1;
}
}
}
.deck-child-current {
opacity:1;
}
}
.deck-status {
font-size:0.6666em;
}
.goto-form {
background:#000;
border:1px solid #f0a;
label {
color:#fff;
}
}
&.deck-menu {
.slide {
background:#333;
}
.deck-current {
background:#444;
.boxshadow & {
background:#000;
-webkit-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
-moz-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
box-shadow:0 0 20px #f0a, 0 0 5px #fff;
}
}
.no-touch & .slide:hover {
background:#444;
}
.no-touch.boxshadow & .slide:hover {
background:#000;
-webkit-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
-moz-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
box-shadow:0 0 20px #f0a, 0 0 5px #fff;
}
}
}