.deck-container {
font-family: "Helvetica Neue", sans-serif;
font-size:1.75em;
background:#fff;
padding: 0;
header {
width: 100%;
min-height: 32px;
background: #333;
overflow: hidden;
position: relative;
z-index: 4;
color: white;
padding: 1em;
}
.slide {
top: 42px !important;
h1 {
color:#000;
position: static;
top: inherit;
padding-top: 126px !important;
text-align: right;
h2 {
color:#c00;
border-bottom-color:#ccc;
h3 {
color:#888;
pre {
border-color:#ccc;
code {
blockquote {
font-size:2em;
font-style:italic;
padding:1em 2em;
border-left:5px solid #ccc;
p {
margin:0;
cite {
font-size:.5em;
font-style:normal;
font-weight:bold;
::-moz-selection{ background:#c00; color:#fff; }
::selection { background:#c00; color:#fff; }
a {
&, &:hover, &:focus, &:active, &:visited {
text-decoration:none;
&:hover, &:focus {
text-decoration:underline;
> .slide {
.deck-before, .deck-previous {
opacity:0.4;
&:not(.deck-child-current) {
opacity:1;
.deck-child-current {
.deck-prev-link, .deck-next-link {
background:#ccc;
font-family:serif; // sans-serif arrows x-browser fail
color:#fff;
background:#c00;
.deck-status {
font-size:0.6666em;
&.deck-menu {
background:#eee;
.deck-current, .no-touch & .slide:hover {
background:#ddf;