slider 0.1 → 0.2

data/templates/basic/deck.js/core/deck.core.scss

@@ -0,0 +1,447 @@
+html {
+	height:100%;
+}
+
+.deck-container {
+	position:relative;
+	height:100%;
+	width:70%;
+	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;
+	}
+	
+	/* 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;
+	}
+}
+
+body.deck-container {
+	overflow: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;
+	}
+}

data/templates/basic/deck.js/goto/deck.goto.css

@@ -0,0 +1,41 @@
+.deck-container .goto-form {
+  position: absolute;
+  z-index: 3;
+  bottom: 10px;
+  left: 50%;
+  height: 1.75em;
+  margin: 0 0 0 -9.125em;
+  line-height: 1.75em;
+  padding: 0.625em;
+  display: none;
+  background: #ccc;
+  overflow: hidden;
+}
+.borderradius .deck-container .goto-form {
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+.deck-container .goto-form label {
+  font-weight: bold;
+}
+.deck-container .goto-form label, .deck-container .goto-form input {
+  display: inline-block;
+  font-family: inherit;
+}
+
+.deck-goto .goto-form {
+  display: block;
+}
+
+#goto-slide {
+  width: 8.375em;
+  margin: 0 0.625em;
+  height: 1.4375em;
+}
+
+@media print {
+  .goto-form, #goto-slide {
+    display: none !important;
+  }
+}