Eigenes Theme angefangen.
This commit is contained in:
parent
629b6563e3
commit
9f5b1849f0
2 changed files with 200 additions and 0 deletions
84
git/themes/style/mytheme.css
Normal file
84
git/themes/style/mytheme.css
Normal file
|
@ -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;
|
||||
}
|
116
git/themes/style/mytheme.scss
Normal file
116
git/themes/style/mytheme.scss
Normal file
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
Reference in a new issue