diff options
author | 2016-11-07 10:36:10 +0200 | |
---|---|---|
committer | 2016-11-07 10:36:10 +0200 | |
commit | 93dc74335a8082e0f54b1da7f6fc6e43ff3c10ee (patch) | |
tree | 3befab98de04fdbb63807c6db1844028ae50d8b6 /doc/backends/deckjs/deck.js/themes/style/web-2.0.css | |
parent | bdd1dea5e21a00b6af1b0ded09e7d528485d5196 (diff) | |
parent | 5925379b5fb30e548f1ba4e804af9865de8903ae (diff) |
Add 'doc/' from commit '5925379b5fb30e548f1ba4e804af9865de8903ae'
git-subtree-dir: doc
git-subtree-mainline: bdd1dea5e21a00b6af1b0ded09e7d528485d5196
git-subtree-split: 5925379b5fb30e548f1ba4e804af9865de8903ae
Diffstat (limited to 'doc/backends/deckjs/deck.js/themes/style/web-2.0.css')
-rw-r--r-- | doc/backends/deckjs/deck.js/themes/style/web-2.0.css | 500 |
1 files changed, 500 insertions, 0 deletions
diff --git a/doc/backends/deckjs/deck.js/themes/style/web-2.0.css b/doc/backends/deckjs/deck.js/themes/style/web-2.0.css new file mode 100644 index 00000000..05f628c7 --- /dev/null +++ b/doc/backends/deckjs/deck.js/themes/style/web-2.0.css @@ -0,0 +1,500 @@ +@charset "UTF-8"; +/* Resets and base styles from HTML5 Boilerplate */ +div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, +small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} + +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, q:before, q:after { + content: ""; + content: none; +} + +ins { + background-color: #ff9; + color: #000; + text-decoration: none; +} + +mark { + background-color: #ff9; + color: #000; + font-style: italic; + font-weight: bold; +} + +del { + text-decoration: line-through; +} + +abbr[title], dfn[title] { + border-bottom: 1px dotted; + cursor: help; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #ccc; + margin: 1em 0; + padding: 0; +} + +input, select { + vertical-align: middle; +} + +select, input, textarea, button { + font: 99% sans-serif; +} + +pre, code, kbd, samp { + font-family: monospace, sans-serif; +} + +a { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +a:hover, a:active { + outline: none; +} + +ul, ol { + margin-left: 2em; + vertical-align: top; +} + +ol { + list-style-type: decimal; +} + +nav ul, nav li { + margin: 0; + list-style: none; + list-style-image: none; +} + +small { + font-size: 85%; +} + +strong, th { + font-weight: bold; +} + +td { + vertical-align: top; +} + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +textarea { + overflow: auto; +} + +input[type="radio"] { + vertical-align: text-bottom; +} + +input[type="checkbox"] { + vertical-align: bottom; +} + +label, +input[type="button"], +input[type="submit"], +input[type="image"], +button { + cursor: pointer; +} + +button, input, select, textarea { + margin: 0; +} + +input:invalid, textarea:invalid { + border-radius: 1px; + -moz-box-shadow: 0px 0px 5px red; + -webkit-box-shadow: 0px 0px 5px red; + box-shadow: 0px 0px 5px red; +} +input:invalid .no-boxshadow, textarea:invalid .no-boxshadow { + background-color: #f0dddd; +} + +button { + width: auto; + overflow: visible; +} + +select, input, textarea { + color: #444444; +} + +a { + color: #607890; +} +a:hover, a:focus { + color: #036; +} +a:link { + -webkit-tap-highlight-color: #fff; +} + +/* End HTML5 Boilerplate adaptations */ +h1 { + font-size: 4.5em; +} + +h1, .vcenter { + font-weight: bold; + text-align: center; + padding-top: 1em; + max-height: 100%; +} +.csstransforms h1, .csstransforms .vcenter { + padding: 0 48px; + position: absolute; + left: 0; + right: 0; + top: 50%; + -webkit-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + transform: translate(0, -50%); +} + +.vcenter h1 { + position: relative; + top: auto; + padding: 0; + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; +} + +h2 { + font-size: 2.25em; + font-weight: bold; + padding-top: .5em; + margin: 0 0 .66666em 0; + border-bottom: 3px solid #888; +} + +h3 { + font-size: 1.4375em; + font-weight: bold; + margin-bottom: .30435em; +} + +h4 { + font-size: 1.25em; + font-weight: bold; + margin-bottom: .25em; +} + +h5 { + font-size: 1.125em; + font-weight: bold; + margin-bottom: .2222em; +} + +h6 { + font-size: 1em; + font-weight: bold; +} + +img, iframe, video { + display: block; + max-width: 100%; +} + +video, iframe, img { + display: block; + margin: 0 auto; +} + +p, blockquote, iframe, img, ul, ol, pre, video { + margin-bottom: 1em; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; + padding: 1em; + border: 1px solid #888; +} + +em { + font-style: italic; +} + +li { + padding: .25em 0; + vertical-align: middle; +} +li > ol, li > ul { + margin-bottom: inherit; +} + +.deck-container { + font-size: 16px; + line-height: 1.25; + color: #444; +} + +.slide { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; +} + +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 h2 { + 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, 0.1)), to(transparent)); + -moz-box-reflect: below -0.5555em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.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 pre > :first-child:before { + content: ""; + position: absolute; + z-index: -1; + background: #fff; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.csstransforms.boxshadow pre:before, .csstransforms.boxshadow pre: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); +} +.csstransforms.boxshadow pre:before { + left: 10px; + -webkit-transform: rotate(-3deg); + -ms-transform: rotate(-3deg); + transform: rotate(-3deg); +} +.csstransforms.boxshadow pre:after { + right: 10px; + -webkit-transform: rotate(3deg); + -ms-transform: rotate(3deg); + transform: 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 blockquote > :first-child:before { + content: ""; + position: absolute; + z-index: -1; + background: #fff; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.boxshadow blockquote: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); +} +blockquote p { + margin: 0; +} +blockquote cite { + font-size: .5em; + font-style: normal; + font-weight: bold; + color: #888; +} +blockquote: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, a:hover, a:focus, a:active, a:visited { + color: #599; + text-decoration: none; +} +a:hover, a:focus { + text-decoration: underline; +} + +.deck-container { + font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; + font-size: 1.75em; + background: #f4fafe; + /* Old browsers */ + background: -moz-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4fafe), color-stop(100%, #ccf0f0)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%); + /* Opera11.10+ */ + background: -ms-linear-gradient(top, #f4fafe 0%, #ccf0f0 100%); + /* IE10+ */ + background: linear-gradient(top, #f4fafe 0%, #ccf0f0 100%); + /* W3C */ + background-attachment: fixed; + text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); +} +.deck-container > .slide { + padding: 0 48px; +} + +.slide .deck-before, .slide .deck-previous { + opacity: 0.4; +} +.slide .deck-before:not(.deck-child-current) .deck-before, .slide .deck-before:not(.deck-child-current) .deck-previous, .slide .deck-previous:not(.deck-child-current) .deck-before, .slide .deck-previous:not(.deck-child-current) .deck-previous { + opacity: 1; +} +.slide .deck-child-current { + opacity: 1; +} + +.deck-prev-link, .deck-next-link { + background: #fff; + opacity: 0.5; +} +.deck-prev-link, .deck-prev-link:hover, .deck-prev-link:focus, .deck-prev-link:active, .deck-prev-link:visited, .deck-next-link, .deck-next-link:hover, .deck-next-link:focus, .deck-next-link:active, .deck-next-link:visited { + color: #599; +} +.deck-prev-link:hover, .deck-prev-link:focus, .deck-next-link:hover, .deck-next-link:focus { + opacity: 1; + text-decoration: none; +} + +.deck-status { + font-size: 0.6666em; +} + +.deck-menu .slide { + background: transparent; + border-radius: 5px; +} +.rgba .deck-menu .slide { + background: rgba(0, 0, 0, 0.1); +} +.deck-menu .slide.deck-current, .rgba .deck-menu .slide.deck-current, .no-touch .deck-menu .slide:hover { + background: #fff; +} + +.goto-form { + background: #fff; + border: 1px solid #cde; + border-radius: 5px; +} +.boxshadow .goto-form { + 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; +} |