keydown 0.7.1 → 0.9.0

data/templates/generate/deck.js/themes/style/web-2.0.scss

@@ -0,0 +1,214 @@
+@mixin border-radius($r) {
+	-webkit-border-radius:$r;
+	-moz-border-radius:$r;
+	border-radius:$r;
+}
+
+@mixin rotate($deg) {
+	-webkit-transform:rotate($deg);    
+	-moz-transform:rotate($deg);   
+	-ms-transform:rotate($deg);   
+	-o-transform:rotate($deg);
+	transform:rotate($deg);
+}
+
+@mixin box-shadow($x, $y, $blur, $color) {
+	-webkit-box-shadow:$x $y $blur $color;
+	-moz-box-shadow:$x $y $blur $color;
+	box-shadow:$x $y $blur $color;
+}
+
+
+.deck-container {
+	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+	font-size:1.25em;
+	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;
+	
+	> .slide {
+		text-shadow:1px 1px 1px rgba(255,255,255,.5);
+	}
+	
+	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;
+		
+		.borderradius & {
+			@include border-radius(5px);
+		}
+		
+		/* http://nicolasgallagher.com/css-drop-shadows-without-images/ */
+		.csstransforms.boxshadow & {
+			&:before, &:after {
+				content:"";
+				position:absolute;
+				z-index:-1;
+				bottom:15px;
+				width:50%;
+				height:20%;
+				max-width:300px;
+				@include 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;
+		
+		.borderradius & {
+			@include border-radius(5px);
+		}
+		
+		.boxshadow & {
+			&:after {
+				content:"";
+				position:absolute;
+				z-index:-1;
+				top: 10px;
+				bottom: 10px;
+				left: 0;
+				right: 50%;
+				-moz-border-radius: 10px / 100px;
+				border-radius: 10px / 100px;
+				@include 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;
+		}
+	}
+	
+	.borderradius img {
+		@include border-radius(5px);
+	}
+	
+	::-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-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;
+			@include 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;
+		@include border-radius(5px);
+		
+		.boxshadow & {
+			-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;
+		}
+	}
+}
+
+

data/templates/generate/deck.js/themes/transition/fade.css

@@ -0,0 +1,44 @@
+.csstransitions.csstransforms .deck-container .slide {
+  -webkit-transition: opacity 500ms ease-in-out 0ms;
+  -moz-transition: opacity 500ms ease-in-out 0ms;
+  -ms-transition: opacity 500ms ease-in-out 0ms;
+  -o-transition: opacity 500ms ease-in-out 0ms;
+  transition: opacity 500ms ease-in-out 0ms;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 48px;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
+  position: relative;
+  left: 0;
+  top: 0;
+  opacity: 0;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-previous {
+  opacity: 0.4;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-current {
+  opacity: 1;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+  opacity: 0;
+  pointer-events: none;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+  visibility: visible;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current .deck-after {
+  visibility: hidden;
+}

data/templates/generate/deck.js/themes/transition/fade.scss

@@ -0,0 +1,70 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+	-webkit-transform:translate3d($x, $y, $z);
+	-moz-transform:translate($x, $y);
+	-ms-transform:translate($x, $y);
+	-o-transform:translate($x, $y);
+	transform:translate3d($x, $y, $z);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+	-webkit-transition:$prop $duration $easing $delay;
+	-moz-transition:$prop $duration $easing $delay;
+	-ms-transition:$prop $duration $easing $delay;
+	-o-transition:$prop $duration $easing $delay;
+	transition:$prop $duration $easing $delay;
+}
+
+.csstransitions.csstransforms {
+	.deck-container .slide {
+		@include transition(opacity, 500ms);
+	}
+	
+	.deck-container:not(.deck-menu) {
+		> .slide {
+			position:absolute;
+			top:0;
+			left:0;
+			-webkit-box-sizing: border-box;
+			-moz-box-sizing: border-box;
+			box-sizing: border-box;
+			width:100%;
+			padding:0 48px;
+			
+			.slide {
+				position:relative;
+				left:0;
+				top:0;
+				opacity:0;
+			}
+			
+			.deck-before, .deck-previous {
+				opacity:0.4;
+			}
+			
+			.deck-current {
+				opacity:1;
+			}
+		}
+
+		> .deck-previous, > .deck-before, > .deck-next, > .deck-after {
+			opacity:0;
+			pointer-events:none;
+		}
+		
+		> .deck-before, > .deck-previous {
+			.slide {
+				visibility:visible;
+			}
+		}
+
+		> .deck-child-current {
+			opacity:1;
+			visibility:visible;
+			pointer-events:auto;
+			
+			.deck-next, .deck-after {
+				visibility:hidden;
+			}
+		}
+	}
+}

data/templates/generate/deck.js/themes/transition/horizontal-slide.css

@@ -0,0 +1,79 @@
+.csstransitions.csstransforms {
+  overflow-x: hidden;
+}
+.csstransitions.csstransforms .deck-container > .slide {
+  -webkit-transition: -webkit-transform 500ms ease-in-out;
+  -moz-transition: -moz-transform 500ms ease-in-out;
+  -ms-transition: -ms-transform 500ms ease-in-out;
+  -o-transition: -o-transform 500ms ease-in-out;
+  transition: transform 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 48px;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .slide {
+  position: relative;
+  left: 0;
+  top: 0;
+  -webkit-transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+  -moz-transition: -moz-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+  -ms-transition: -ms-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+  -o-transition: -o-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+  transition: -webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-next, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-after {
+  visibility: visible;
+  -webkit-transform: translate3d(200%, 0, 0);
+  -moz-transform: translate(200%, 0);
+  -ms-transform: translate(200%, 0);
+  -o-transform: translate(200%, 0);
+  transform: translate3d(200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-before, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide .deck-previous {
+  opacity: 0.4;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous {
+  -webkit-transform: translate3d(-200%, 0, 0);
+  -moz-transform: translate(-200%, 0);
+  -ms-transform: translate(-200%, 0);
+  -o-transform: translate(-200%, 0);
+  transform: translate3d(-200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before {
+  -webkit-transform: translate3d(-400%, 0, 0);
+  -moz-transform: translate(-400%, 0);
+  -ms-transform: translate(-400%, 0);
+  -o-transform: translate(-400%, 0);
+  transform: translate3d(-400%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-next {
+  -webkit-transform: translate3d(200%, 0, 0);
+  -moz-transform: translate(200%, 0);
+  -ms-transform: translate(200%, 0);
+  -o-transform: translate(200%, 0);
+  transform: translate3d(200%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-after {
+  -webkit-transform: translate3d(400%, 0, 0);
+  -moz-transform: translate(400%, 0);
+  -ms-transform: translate(400%, 0);
+  -o-transform: translate(400%, 0);
+  transform: translate3d(400%, 0, 0);
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-before .slide, .csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-previous .slide {
+  visibility: visible;
+}
+.csstransitions.csstransforms .deck-container:not(.deck-menu) > .deck-child-current {
+  -webkit-transform: none;
+  -moz-transform: none;
+  -ms-transform: none;
+  -o-transform: none;
+  transform: none;
+}

data/templates/generate/deck.js/themes/transition/horizontal-slide.scss

@@ -0,0 +1,94 @@
+@mixin translate($x: 0, $y: 0, $z: 0) {
+	-webkit-transform:translate3d($x, $y, $z);
+	-moz-transform:translate($x, $y);
+	-ms-transform:translate($x, $y);
+	-o-transform:translate($x, $y);
+	transform:translate3d($x, $y, $z);
+}
+
+@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
+	-webkit-transition:$prop $duration $easing $delay;
+	-moz-transition:$prop $duration $easing $delay;
+	-ms-transition:$prop $duration $easing $delay;
+	-o-transition:$prop $duration $easing $delay;
+	transition:$prop $duration $easing $delay;
+}
+
+@mixin transform($val) {
+	-webkit-transform:$val;
+	-moz-transform:$val;
+	-ms-transform:$val;
+	-o-transform:$val;
+	transform:$val;
+}
+
+.csstransitions.csstransforms {
+	overflow-x:hidden;
+	
+	.deck-container > .slide {
+		-webkit-transition:-webkit-transform 500ms ease-in-out;
+		-moz-transition:-moz-transform 500ms ease-in-out;
+		-ms-transition:-ms-transform 500ms ease-in-out;
+		-o-transition:-o-transform 500ms ease-in-out;
+		transition:transform 500ms ease-in-out;
+	}
+	
+	.deck-container:not(.deck-menu) {
+		> .slide {
+			position:absolute;
+			top:0;
+			left:0;
+			-webkit-box-sizing: border-box;
+			-moz-box-sizing: border-box;
+			box-sizing: border-box;
+			width:100%;
+			padding:0 48px;
+			
+			.slide {
+				position:relative;
+				left:0;
+				top:0;
+				-webkit-transition:-webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+				-moz-transition:-moz-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+				-ms-transition:-ms-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+				-o-transition:-o-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+				transition:-webkit-transform 500ms ease-in-out, opacity 500ms ease-in-out;
+			}
+
+			.deck-next, .deck-after {
+				visibility:visible;
+				@include translate(200%);
+			}
+
+			.deck-before, .deck-previous {
+				opacity:0.4;
+			}
+		}
+
+		> .deck-previous {
+			@include translate(-200%);
+		}
+
+		> .deck-before {
+			@include translate(-400%);
+		}
+
+		> .deck-next {
+			@include translate(200%);
+		}
+
+		> .deck-after {
+			@include translate(400%);
+		}
+		
+		> .deck-before, > .deck-previous {
+			.slide {
+				visibility:visible;
+			}
+		}
+
+		> .deck-child-current {
+			@include transform(none);
+		}
+	}
+}