From 9f5b1849f0bd2daa1923a3f538e0ac89fcc58996 Mon Sep 17 00:00:00 2001 From: Tim Schumacher Date: Thu, 27 Sep 2012 22:43:30 +0200 Subject: [PATCH] Eigenes Theme angefangen. --- git/themes/style/mytheme.css | 84 ++++++++++++++++++++++++ git/themes/style/mytheme.scss | 116 ++++++++++++++++++++++++++++++++++ 2 files changed, 200 insertions(+) create mode 100644 git/themes/style/mytheme.css create mode 100644 git/themes/style/mytheme.scss diff --git a/git/themes/style/mytheme.css b/git/themes/style/mytheme.css new file mode 100644 index 0000000..64f76ac --- /dev/null +++ b/git/themes/style/mytheme.css @@ -0,0 +1,84 @@ +.deck-container { + font-family: "Helvetica Neue", sans-serif; + font-size: 1.75em; + background: #fff; +} +.deck-container .slide { + background: #fff; +} +.deck-container .slide h1 { + color: #000; +} +.deck-container .slide h2 { + color: #c00; + border-bottom-color: #ccc; +} +.deck-container .slide h3 { + color: #888; +} +.deck-container .slide pre { + border-color: #ccc; +} +.deck-container .slide code { + color: #888; +} +.deck-container .slide blockquote { + font-size: 2em; + font-style: italic; + padding: 1em 2em; + color: #000; + border-left: 5px solid #ccc; +} +.deck-container .slide blockquote p { + margin: 0; +} +.deck-container .slide blockquote cite { + font-size: .5em; + font-style: normal; + font-weight: bold; + color: #888; +} +.deck-container .slide ::-moz-selection { + background: #c00; + color: #fff; +} +.deck-container .slide ::selection { + background: #c00; + color: #fff; +} +.deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited { + color: #c00; + text-decoration: none; +} +.deck-container .slide a:hover, .deck-container .slide a:focus { + text-decoration: underline; +} +.deck-container > .slide .deck-before, .deck-container > .slide .deck-previous { + opacity: 0.4; +} +.deck-container > .slide .deck-before:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-before:not(.deck-child-current) .deck-previous, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-previous { + opacity: 1; +} +.deck-container > .slide .deck-child-current { + opacity: 1; +} +.deck-container .deck-prev-link, .deck-container .deck-next-link { + background: #ccc; + font-family: serif; +} +.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 { + color: #fff; +} +.deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus { + background: #c00; + text-decoration: none; +} +.deck-container .deck-status { + font-size: 0.6666em; +} +.deck-container.deck-menu .slide { + background: #eee; +} +.deck-container.deck-menu .deck-current, .no-touch .deck-container.deck-menu .slide:hover { + background: #ddf; +} diff --git a/git/themes/style/mytheme.scss b/git/themes/style/mytheme.scss new file mode 100644 index 0000000..a6bd701 --- /dev/null +++ b/git/themes/style/mytheme.scss @@ -0,0 +1,116 @@ +.deck-container { + font-family: "Helvetica Neue", sans-serif; + font-size:1.75em; + background:#fff; + + header { + width: 100%; + min-height: 32px; + background: #333; + overflow: hidden; + position: relative; + z-index: 4; + } + + .slide { + background:#fff; + + h1 { + color:#000; + } + + h2 { + color:#c00; + border-bottom-color:#ccc; + } + + h3 { + color:#888; + } + + pre { + border-color:#ccc; + } + + code { + color:#888; + } + + blockquote { + font-size:2em; + font-style:italic; + padding:1em 2em; + color:#000; + border-left:5px solid #ccc; + + p { + margin:0; + } + + cite { + font-size:.5em; + font-style:normal; + font-weight:bold; + color:#888; + } + } + + ::-moz-selection{ background:#c00; color:#fff; } + ::selection { background:#c00; color:#fff; } + + a { + &, &:hover, &:focus, &:active, &:visited { + color:#c00; + text-decoration:none; + } + + &:hover, &:focus { + text-decoration:underline; + } + } + } + + > .slide { + .deck-before, .deck-previous { + opacity:0.4; + + &:not(.deck-child-current) { + .deck-before, .deck-previous { + opacity:1; + } + } + } + + .deck-child-current { + opacity:1; + } + } + + .deck-prev-link, .deck-next-link { + background:#ccc; + font-family:serif; // sans-serif arrows x-browser fail + + &, &:hover, &:focus, &:active, &:visited { + color:#fff; + } + + &:hover, &:focus { + background:#c00; + text-decoration:none; + } + } + + .deck-status { + font-size:0.6666em; + } + + &.deck-menu { + .slide { + background:#eee; + } + + .deck-current, .no-touch & .slide:hover { + background:#ddf; + } + } +}