215 lines
6.9 KiB
CSS
215 lines
6.9 KiB
CSS
|
@charset "UTF-8";
|
||
|
.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;
|
||
|
}
|
||
|
.deck-container > .slide {
|
||
|
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
|
||
|
}
|
||
|
.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: #08455f;
|
||
|
}
|
||
|
.deck-container .slide h2 {
|
||
|
color: #0b7495;
|
||
|
border-bottom: 0;
|
||
|
}
|
||
|
.cssreflections .deck-container .slide h2 {
|
||
|
line-height: 1;
|
||
|
-webkit-box-reflect: below -0.556em -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.556em -moz-linear-gradient(top, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.3) 100%);
|
||
|
}
|
||
|
.deck-container .slide h3 {
|
||
|
color: #000;
|
||
|
}
|
||
|
.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;
|
||
|
}
|