slide-em-up 0.2.4 → 0.3.0

data/themes/shower/css/fonts.css

@@ -1,13 +1,45 @@
 /* PTSans */
-@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
-@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
+@font-face {
+	font-family:'PT Sans';
+	src:local('PT Sans'), local('PTSansRegular'),
+		url(../fonts/PTSans.woff) format('woff');
+	}
+@font-face {
+	font-weight:bold;
+	font-family:'PT Sans';
+	src:local('PT Sans Bold'), local('PTSansBold'),
+		url(../fonts/PTSans.Bold.woff) format('woff');
+	}
+@font-face {
+	font-style:italic;
+	font-family:'PT Sans';
+	src:local('PT Sans Italic'), local('PTSansItalic'),
+		url(../fonts/PTSans.Italic.woff) format('woff');
+	}
+@font-face {
+	font-style:italic;
+	font-weight:bold;
+	font-family:'PT Sans';
+	src:local('PT Sans Bold Italic'), local('PTSansBoldItalic'),
+		url(../fonts/PTSans.Bold.Italic.woff) format('woff');
+	}
+@font-face {
+	font-family:'PT Sans Narrow';
+	src:local('PT Sans Narrow'), local('PTSansNarrow'),
+		url(../fonts/PTSans.Narrow.woff) format('woff');
+	}
+@font-face {
+	font-family:'PT Sans Narrow';
+	font-weight:bold;
+	src:local('PT Sans Narrow Bold'), local('PTSansNarrowBold'),
+		url(../fonts/PTSans.Narrow.Bold.woff) format('woff');
+	}
 
-/* Droid Sans Mono */
+/* PT Mono */
 @font-face {
-	font-family:'Droid Sans Mono';
-	src:local('Droid Sans Mono'),
-		url(../fonts/DroidSansMono.ttf) format('truetype'),
-		url(../fonts/DroidSansMono.svg#DroidSansMono) format('svg');
+	font-family:'PT Mono';
+	src:local('PT Mono'), local('PTMonoRegular'),
+		url(../fonts/PTMono.woff) format('woff');
 	}
 
 /* Linker */

data/themes/shower/css/reset.css

@@ -1,16 +1,16 @@
-HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME,
-H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
-A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE,
-DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP,
-SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR,
-B, U, I, CENTER,
-DL, DT, DD, OL, UL, LI,
-FIELDSET, FORM, LABEL, LEGEND,
-TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD,
-ARTICLE, ASIDE, CANVAS, DETAILS, EMBED,
-FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP,
-MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY,
-TIME, MARK, AUDIO, VIDEO {
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
 	margin:0;
 	padding:0;
 	border:0;
@@ -18,25 +18,25 @@ TIME, MARK, AUDIO, VIDEO {
 	font:inherit;
 	vertical-align:baseline;
 	}
-ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE,
-FOOTER, HEADER, HGROUP, MENU, NAV, SECTION {
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
 	display:block;
 	}
-BODY {
+body {
 	line-height:1;
 	}
-OL, UL {
+ol, ul {
 	list-style:none;
 	}
-BLOCKQUOTE, Q {
+blockquote, q {
 	quotes:none;
 	}
-BLOCKQUOTE:before, BLOCKQUOTE:after,
-Q:before, Q:after {
+blockquote:before, blockquote:after,
+q:before, q:after {
 	content:'';
 	content:none;
 	}
-TABLE {
+table {
 	border-collapse:collapse;
 	border-spacing:0;
 	}

data/themes/shower/css/style.css

@@ -18,14 +18,14 @@ BODY {
 	counter-increment:paging;
 	content:counter(paging, decimal-leading-zero);
 	}
-.slide SECTION {
+.slide section {
 	padding:80px 120px 0;
 	width:784px;
 	height:560px;
 	background:#FFF;
 	color:#000;
 	}
-	.slide SECTION:before {
+	.slide section:before {
 		position:absolute;
 		top:0;
 		right:120px;
@@ -36,117 +36,111 @@ BODY {
 		}
 
 /* Header */
-.slide H1 {
+.slide header {
 	margin:0 0 58px;
 	color:#666;
 	font:bold 40px/1.13 'PT Sans Narrow', sans-serif;
 	}
 
 /* Elements */
-.slide P {
+.slide p {
 	margin:0 0 45px;
 	}
-.slide P.note {
+.slide p.note {
 	color:#888;
 	}
-.slide A {
+.slide a {
 	border-bottom:0.1em solid;
 	color:#0174A7;
 	text-decoration:none;
 	}
-.slide A[target=_blank] {
+.slide a[target=_blank] {
 	margin-right:22px;
 	}
-.slide A[target=_blank]:after {
+.slide a[target=_blank]:after {
 	position:absolute;
 	margin-left:7px;
 	font-family:'Target Blank';
 	content:'\005E';
 	}
-.slide B,
-.slide STRONG {
+.slide b,
+.slide strong {
 	font-weight:bold;
 	}
-.slide I,
-.slide EM {
+.slide i,
+.slide em {
 	font-style:italic;
 	}
-.slide KBD,
-.slide CODE {
+.slide kbd,
+.slide code {
 	padding:3px 8px;
 	-webkit-border-radius:8px;
 	-moz-border-radius:8px;
 	border-radius:8px;
 	background:#FAFAA2;
+	color:#000;
 	-webkit-tab-size:4;
 	-moz-tab-size:4;
 	-o-tab-size:4;
 	tab-size:4;
-	font-family:Consolas, 'Droid Sans Mono', monospace;
+	font-family:'PT Mono', monospace;
 	}
 
 /* Quote */
-.slide BLOCKQUOTE {
+.slide blockquote {
 	font-style:italic;
 	}
-.slide BLOCKQUOTE:before {
+.slide blockquote:before {
 	position:absolute;
 	margin:-15px 0 0 -80px;
 	color:#CCC;
 	font:200px/1 'PT Sans', sans-serif;
 	content:'\201C'; /* ldquo */
 	}
-.slide BLOCKQUOTE:after {
-	margin:-45px 0 45px;
-	display:block;
-	color:#444;
-	font-weight:bold;
-	content:attr(cite);
-	}
 
 /* Lists */
-.slide OL,
-.slide UL {
+.slide ol,
+.slide ul {
 	margin:0 0 45px;
 	counter-reset:list;
 	}
-	.slide UL UL,
-	.slide OL UL,
-	.slide OL OL,
-	.slide UL OL {
+	.slide ul ul,
+	.slide ol ul,
+	.slide ol ol,
+	.slide ul ol {
 		margin:0 0 0 38px;
 		}
-	.slide OL > LI:before,
-	.slide UL > LI:before {
+	.slide ol > li:before,
+	.slide ul > li:before {
 		position:absolute;
 		margin-left:-120px;
 		width:100px;
 		color:#BBB;
 		text-align:right;
 		}
-	.slide UL > LI:before {
+	.slide ul > li:before {
 		content:'\2022'; /* bull */
 		line-height:1.1;
 		font-size:40px;
 		}
-	.slide OL > LI:before {
+	.slide ol > li:before {
 		counter-increment:list;
 		content:counter(list)'.';
 		}
 
 /* Code */
-.slide PRE {
+.slide pre {
 	margin:0 0 45px;
 	counter-reset:code;
 	white-space:normal;
 	}
-	.slide PRE CODE {
+	.slide pre code {
 		display:block;
 		padding:0;
 		background:none;
 		white-space:pre;
 		}
-	.slide PRE CODE:before {
+	.slide pre code:before {
 		position:absolute;
 		margin:0 0 0 -120px;
 		width:110px;
@@ -155,43 +149,69 @@ BODY {
 		counter-increment:code;
 		content:counter(code, decimal-leading-zero)'.';
 		}
-	.slide PRE MARK {
+	.slide pre mark {
 		padding:3px 8px;
 		-webkit-border-radius:8px;
 		-moz-border-radius:8px;
 		border-radius:8px;
-		}
-	.slide PRE MARK {
 		background:#FAFAA2;
 		color:#000;
 		font-style:normal;
 		}
-	.slide PRE MARK.important {
+	.slide pre .important {
 		background:#C00;
 		color:#FFF;
 		font-weight:normal;
 		}
+	.slide pre .comment {
+		padding:0;
+		background:none;
+		color:#888;
+		}
 
-/* Background */
-.slide.bg SECTION {
-	background:transparent;
+/* Cover */
+.slide.cover section {
+	background:#000;
+	overflow:hidden;
 	}
-	.slide.bg SECTION:before {
+	.slide.cover section:before {
 		display:none;
 		}
-.slide.bg IMG {
+.slide.cover img,
+.slide.cover svg,
+.slide.cover video,
+.slide.cover object {
 	position:absolute;
 	top:0;
-	left:0;
+	left:50%;
 	z-index:-1;
+	height:100%;
+	-webkit-transform:translateX(-50%);
+	-moz-transform:translateX(-50%);
+	-ms-transform:translateX(-50%);
+	-o-transform:translateX(-50%);
+	transform:translateX(-50%);
+	}
+.slide.cover.w img,
+.slide.cover.w svg,
+.slide.cover.w video,
+.slide.cover.w object {
+	top:50%;
+	left:0;
 	width:100%;
+	height:auto;
+	-webkit-transform:translateY(-50%);
+	-moz-transform:translateY(-50%);
+	-ms-transform:translateY(-50%);
+	-o-transform:translateY(-50%);
+	transform:translateY(-50%);
 	}
 
 /* Shout */
-.slide.shout SECTION:before {
+.slide.shout section:before {
 	display:none;
 	}
-.slide.shout H1 {
+.slide.shout h2 {
 	position:absolute;
 	top:50%;
 	left:0;
@@ -205,10 +225,10 @@ BODY {
 	-o-transform:translateY(-50%);
 	transform:translateY(-50%);
 	}
-	.slide.shout H1 A[target=_blank] {
+	.slide.shout h2 a[target=_blank] {
 		margin:0;
 		}
-		.slide.shout H1 A[target=_blank]:after {
+		.slide.shout h2 a[target=_blank]:after {
 			content:'';
 			}
 
@@ -237,9 +257,17 @@ BODY {
 	color:#3C3D40;
 	text-shadow:0 1px 1px #8D8E90;
 	}
-	.list .caption H1 {
+	.list .caption h1 {
 		font:bold 50px/1 'PT Sans Narrow', sans-serif;
 		}
+	.list .caption a {
+		color:#4B86C2;
+		text-shadow:0 -1px 1px #1F3F60;
+		text-decoration:none;
+		}
+	.list .caption a:hover {
+		color:#5ca4ed;
+		}
 
 /* Slide */
 .list .slide {
@@ -251,7 +279,7 @@ BODY {
 	.list .slide:after {
 		position:absolute;
 		bottom:-45px;
-		left:57px;
+		left:60px;
 		color:#3C3D40;
 		text-shadow:0 1px 1px #8D8E90;
 		line-height:1;
@@ -262,7 +290,7 @@ BODY {
 		text-shadow:0 -1px 1px #1F3F60;
 		color:#4B86C2;
 		}
-	.list .slide > DIV {
+	.list .slide > div {
 		position:relative;
 		overflow:hidden;
 		width:512px;
@@ -271,18 +299,18 @@ BODY {
 		border-radius:1px;
 		background:rgba(0, 0, 0, 0.3);
 		}
-	.list .slide > DIV:hover {
+	.list .slide > div:hover {
 		box-shadow:
 			0 0 0 10px rgba(60, 61, 64, 0.6),
 			0 0 50px #3C3D40;
 		}
-	.list .slide:target > DIV {
+	.list .slide:target > div {
 		box-shadow:
 			0 0 0 1px #305F8D,
 			0 0 0 10px #3C7CBD,
 			0 0 50px #3C3D40;
 		}
-	.list .slide SECTION {
+	.list .slide section {
 		-webkit-transform-origin:0 0;
 		-webkit-transform:scale(0.5);
 		-moz-transform-origin:0 0;
@@ -294,7 +322,7 @@ BODY {
 		transform-origin:0 0;
 		transform:scale(0.5);
 		}
-		.list .slide SECTION:after {
+		.list .slide section:after {
 			position:absolute;
 			top:0;
 			right:0;
@@ -303,6 +331,24 @@ BODY {
 			content:'';
 			}
 
+/* Small */
+@media all and (max-width:1274px) {
+	.list .slide:after {
+		left:30px;
+		}
+	.list .slide > div {
+		width:256px;
+		height:160px;
+		}
+	.list .slide section {
+		-webkit-transform:scale(0.25);
+		-moz-transform:scale(0.25);
+		-ms-transform:scale(0.25);
+		-o-transform:scale(0.25);
+		transform:scale(0.25);
+		}
+	}
+
 /* Full
 ---------------------------------------- */
 .full {
@@ -332,34 +378,21 @@ BODY {
 			color:#BBB;
 			line-height:1;
 			}
-		.full .slide SECTION {
+		.full .slide section {
 			-webkit-transform:scale(1);
 			-moz-transform:scale(1);
 			-ms-transform:scale(1);
 			-o-transform:scale(1);
 			transform:scale(1);
 			}
-		.full .slide.bg {
+		.full .slide.cover {
 			z-index:1;
 			}
-			.full .slide.bg:after,
+			.full .slide.cover:after,
 			.full .slide.shout:after {
 				content:'';
 				}
 
-/* Inner Navigation */
-.full .inner > * {
-	opacity:0;
-	-webkit-transition:opacity 0.5s linear;
-	-moz-transition:opacity 0.5s linear;
-	-ms-transition:opacity 0.5s linear;
-	-o-transition:opacity 0.5s linear;
-	transition:opacity 0.5s linear;
-	}
-.full .inner > .active {
-	opacity:1;
-	}
-
 /* Progress */
 .full .progress {
 	position:absolute;
@@ -382,4 +415,4 @@ BODY {
 		}
 .full .progress-off {
 	z-index:1;
-	}
+	}