summaryrefslogtreecommitdiff
path: root/deck.js/core/deck.core.scss
diff options
context:
space:
mode:
Diffstat (limited to 'deck.js/core/deck.core.scss')
-rwxr-xr-xdeck.js/core/deck.core.scss450
1 files changed, 450 insertions, 0 deletions
diff --git a/deck.js/core/deck.core.scss b/deck.js/core/deck.core.scss
new file mode 100755
index 0000000..6721050
--- /dev/null
+++ b/deck.js/core/deck.core.scss
@@ -0,0 +1,450 @@
+html, body {
+ height:100%;
+ padding:0;
+ margin:0;
+}
+
+body.deck-container {
+ overflow-y:auto;
+ position:static;
+}
+
+.deck-container {
+ position:relative;
+ min-height:100%;
+ margin:0 auto;
+ padding:0 48px;
+ font-size:16px;
+ line-height:1.25;
+ overflow:hidden;
+
+ .js & {
+ visibility:hidden;
+ }
+
+ .ready & {
+ visibility:visible;
+ }
+
+ .touch & {
+ -webkit-text-size-adjust:none;
+ -moz-text-size-adjust:none;
+ }
+
+ /* 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;
+
+ &:before, &: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);
+
+ &:hover, &:active {
+ outline:none;
+ }
+ }
+
+ ul, ol {
+ margin-left:2em;
+ vertical-align:top;
+ }
+
+ ol {
+ list-style-type:decimal;
+ }
+
+ nav {
+ ul, 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;
+ }
+
+ legend {
+ .ie6 &, .ie7 & {
+ margin-left:-7px;
+ }
+ }
+
+ input[type="radio"] {
+ vertical-align:text-bottom;
+ }
+
+ input[type="checkbox"] {
+ vertical-align:bottom;
+ }
+
+ .ie7 & input[type="checkbox"] {
+ vertical-align:baseline;
+ }
+
+ .ie6 & input {
+ vertical-align:text-bottom;
+ }
+
+ label, input[type="button"], input[type="submit"], input[type="image"], button {
+ cursor:pointer;
+ }
+
+ button, input, select, textarea {
+ margin: 0;
+ }
+
+ input, 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;
+
+ .no-boxshadow {
+ background-color: #f0dddd;
+ }
+ }
+ }
+
+ button {
+ width:auto;
+ overflow:visible;
+ }
+
+ .ie7 & img {
+ -ms-interpolation-mode: bicubic; }
+
+ &, select, input, textarea {
+ color:#444;
+ }
+
+ a {
+ color:#607890;
+
+ &:hover, &:focus {
+ color:#036;
+ }
+
+ &:link {
+ -webkit-tap-highlight-color: #fff;
+ }
+ }
+ /* End HTML5 Boilerplate adaptations */
+
+ &.deck-loading {
+ display:none;
+ }
+}
+
+.slide {
+ width:auto;
+ min-height:100%;
+ position:relative;
+
+ h1 {
+ font-size:4.5em;
+ }
+
+ h1, .vcenter {
+ font-weight:bold;
+ text-align:center;
+ padding-top:1em;
+ max-height:100%;
+
+ .csstransforms & {
+ 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;
+ }
+}
+
+.deck-before, .deck-previous, .deck-next, .deck-after {
+ position:absolute;
+ left:-999em;
+ top:-999em;
+}
+
+.deck-current {
+ z-index:2;
+}
+
+.slide .slide {
+ visibility:hidden;
+ position:static;
+ min-height:0;
+}
+
+.deck-child-current {
+ position:static;
+ z-index:2;
+
+ .slide {
+ visibility:hidden;
+ }
+
+ .deck-previous, .deck-before, .deck-current {
+ visibility:visible;
+ }
+}
+
+@media all and (orientation:portrait) {
+
+}
+
+@media all and (orientation:landscape) {
+
+}
+
+@media screen and (max-device-width: 480px) {
+
+ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}
+
+
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ text-shadow: none !important;
+ filter:none !important;
+ -ms-filter: none !important;
+ -webkit-box-reflect:none !important;
+ -moz-box-reflect:none !important;
+ -webkit-box-shadow:none !important;
+ -moz-box-shadow:none !important;
+ box-shadow:none !important;
+
+ :before, :after {
+ display:none !important;
+ }
+}
+ a, a:visited { color: #444 !important; text-decoration: underline; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ thead { display: table-header-group; }
+ tr, img { page-break-inside: avoid; }
+ @page { margin: 0.5cm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3{ page-break-after: avoid; }
+
+ .slide {
+ position:static !important;
+ visibility:visible !important;
+ display:block !important;
+ -webkit-transform:none !important;
+ -moz-transform:none !important;
+ -o-transform:none !important;
+ -ms-transform:none !important;
+ transform:none !important;
+ opacity:1 !important;
+ }
+
+ h1, .vcenter {
+ -webkit-transform:none !important;
+ -moz-transform:none !important;
+ -o-transform:none !important;
+ -ms-transform:none !important;
+ transform:none !important;
+ padding:0 !important;
+ position:static !important;
+ }
+
+ .deck-container > .slide {
+ page-break-after: always;
+ }
+
+ .deck-container {
+ width:100% !important;
+ height:auto !important;
+ padding:0 !important;
+ display:block !important;
+ }
+
+ script {
+ display:none;
+ }
+}