diff options
Diffstat (limited to 'doc/backends/deckjs/deck.js/themes/style/web-2.0.scss')
| -rw-r--r-- | doc/backends/deckjs/deck.js/themes/style/web-2.0.scss | 228 |
1 files changed, 228 insertions, 0 deletions
diff --git a/doc/backends/deckjs/deck.js/themes/style/web-2.0.scss b/doc/backends/deckjs/deck.js/themes/style/web-2.0.scss new file mode 100644 index 00000000..aa9e9b0a --- /dev/null +++ b/doc/backends/deckjs/deck.js/themes/style/web-2.0.scss @@ -0,0 +1,228 @@ +@mixin rotate($deg) { + -webkit-transform:rotate($deg); + -ms-transform:rotate($deg); + transform:rotate($deg); +} + +@import "reset"; + +h1, h2, h3, h4, h5, h6 { + font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; +} + +h1 { + color:#08455f; +} + +h2 { + color:#0b7495; + border-bottom:0; + + .cssreflections & { + line-height:1; + -webkit-box-reflect:below -0.5555em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), color-stop(0.7, rgba(255,255,255,.1)), to(transparent)); + -moz-box-reflect:below -0.5555em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255,255,255,.3) 100%); + } +} + +h3 { + color:#000; +} + +pre { + border-color:#cde; + background:#fff; + position:relative; + z-index:auto; + border-radius:5px; + + /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */ + .csstransforms.boxshadow & { + > :first-child:before { + content:""; + position:absolute; + z-index:-1; + background:#fff; + top:0; + bottom:0; + left:0; + right:0; + } + + &:before, &:after { + content:""; + position:absolute; + z-index:-2; + bottom:15px; + width:50%; + height:20%; + max-width:300px; + box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); + } + + &:before { + left:10px; + @include rotate(-3deg); + } + + &:after { + right:10px; + @include rotate(3deg); + } + } +} + +code { + color:#789; +} + +blockquote { + font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; + font-size:2em; + padding:1em 2em .5em 2em; + color:#000; + background:#fff; + position:relative; + border:1px solid #cde; + z-index:auto; + border-radius:5px; + + .boxshadow & { + > :first-child:before { + content:""; + position:absolute; + z-index:-1; + background:#fff; + top:0; + bottom:0; + left:0; + right:0; + } + + &:after { + content:""; + position:absolute; + z-index:-2; + top: 10px; + bottom: 10px; + left: 0; + right: 50%; + -moz-border-radius: 10px / 100px; + border-radius: 10px / 100px; + box-shadow:0 0 15px rgba(0,0,0,0.6); + } + } + + p { + margin:0; + } + + cite { + font-size:.5em; + font-style:normal; + font-weight:bold; + color:#888; + } + + &:before { + content:"“"; + position:absolute; + top:0; + left:0; + font-size:5em; + line-height:1; + color:#ccf0f0; + z-index:1; + } +} + +::-moz-selection{ background:#08455f; color:#fff; } +::selection { background:#08455f; color:#fff; } + +a { + &, &:hover, &:focus, &:active, &:visited { + color:#599; + text-decoration:none; + } + + &:hover, &:focus { + text-decoration:underline; + } +} + +.deck-container { + font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; + font-size:1.75em; + background: rgb(244,250,254); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(244,250,254,1) 0%, rgba(204,240,240,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,250,254,1)), color-stop(100%,rgba(204,240,240,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* IE10+ */ + background: linear-gradient(top, rgba(244,250,254,1) 0%,rgba(204,240,240,1) 100%); /* W3C */ + background-attachment: fixed; + text-shadow:1px 1px 1px rgba(255,255,255,.5); + + > .slide { + padding:0 48px; + } +} + +.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:#fff; + opacity:0.5; + + &, &:hover, &:focus, &:active, &:visited { + color:#599; + } + + &:hover, &:focus { + opacity:1; + text-decoration:none; + } +} + +.deck-status { + font-size:0.6666em; +} + +.deck-menu { + .slide { + background:transparent; + border-radius:5px; + + .rgba & { + background:rgba(0,0,0,.1); + } + + &.deck-current, .rgba &.deck-current, .no-touch &:hover { + background:#fff; + } + } +} + +.goto-form { + background:#fff; + border:1px solid #cde; + border-radius:5px; + + .boxshadow & { + box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; + } +}
\ No newline at end of file |