diff options
Diffstat (limited to 'deck.js/themes/style/web-2.0.css')
-rw-r--r-- | deck.js/themes/style/web-2.0.css | 192 |
1 files changed, 192 insertions, 0 deletions
diff --git a/deck.js/themes/style/web-2.0.css b/deck.js/themes/style/web-2.0.css new file mode 100644 index 0000000..7b30894 --- /dev/null +++ b/deck.js/themes/style/web-2.0.css @@ -0,0 +1,192 @@ +@charset "UTF-8"; +.deck-container { + font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; + font-size: 1.5em; + background-color: #000; +} +.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 .slide h1, .deck-container .slide h2, .deck-container .slide h3, .deck-container .slide h4, .deck-container .slide h5, .deck-container .slide h6 { +/* font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; */ +} +.deck-container .slide h1 { + color: #ff00ff; +} +.deck-container .slide h2 { + color: #ff00ff; + border-bottom: 0; +} +.deck-container .slide h3 { + color: #ff00ff; +} +.deck-container .slide pre { + border-color: #cde; + background: #fff; + position: relative; + z-index: auto; + /* http://nicolasgallagher.com/css-drop-shadows-without-images/ */ +} +.borderradius .deck-container .slide pre { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.csstransforms.boxshadow .deck-container .slide pre > :first-child:before { + content: ""; + position: absolute; + z-index: -1; + background: #fff; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.csstransforms.boxshadow .deck-container .slide pre:before, .csstransforms.boxshadow .deck-container .slide pre:after { + content: ""; + position: absolute; + z-index: -2; + bottom: 15px; + width: 50%; + height: 20%; + max-width: 300px; + -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); +} +.csstransforms.boxshadow .deck-container .slide pre:before { + left: 10px; + -webkit-transform: rotate(-3deg); + -moz-transform: rotate(-3deg); + -ms-transform: rotate(-3deg); + -o-transform: rotate(-3deg); + transform: rotate(-3deg); +} +.csstransforms.boxshadow .deck-container .slide pre:after { + right: 10px; + -webkit-transform: rotate(3deg); + -moz-transform: rotate(3deg); + -ms-transform: rotate(3deg); + -o-transform: rotate(3deg); + transform: rotate(3deg); +} +.deck-container .slide code { + color: #789; +} +.deck-container .slide 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; +} +.borderradius .deck-container .slide blockquote { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.boxshadow .deck-container .slide blockquote > :first-child:before { + content: ""; + position: absolute; + z-index: -1; + background: #fff; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.boxshadow .deck-container .slide 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; + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); +} +.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 blockquote:before { + content: "“"; + position: absolute; + top: 0; + left: 0; + font-size: 5em; + line-height: 1; + color: #ccf0f0; + z-index: 1; +} +.deck-container .slide ::-moz-selection { + background: #08455f; + color: #fff; +} +.deck-container .slide ::selection { + background: #08455f; + 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: #599; + text-decoration: none; +} +.deck-container .slide a:hover, .deck-container .slide a:focus { + text-decoration: underline; +} +.deck-container .deck-prev-link, .deck-container .deck-next-link { + background: #fff; + opacity: 0.5; +} +.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: #599; +} +.deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus { + opacity: 1; + text-decoration: none; +} +.deck-container .deck-status { + font-size: 0.6666em; +} +.deck-container.deck-menu .slide { + background: transparent; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.rgba .deck-container.deck-menu .slide { + background: rgba(0, 0, 0, 0.1); +} +.deck-container.deck-menu .slide.deck-current, .rgba .deck-container.deck-menu .slide.deck-current, .no-touch .deck-container.deck-menu .slide:hover { + background: #fff; +} +.deck-container .goto-form { + background: #fff; + border: 1px solid #cde; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.boxshadow .deck-container .goto-form { + -webkit-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; + -moz-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; + 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; +} |