slide-em-up 0.1.7 → 0.1.8

data/themes/common/fonts/TargetBlank.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+	Designer: Vadim Makeev
+</metadata>
+<defs>
+	<font id="TargetBlank" horiz-adv-x="500" >
+		<font-face units-per-em="1000" ascent="800" descent="-200" />
+		<missing-glyph horiz-adv-x="500" />
+		<glyph unicode=" "/>
+		<glyph unicode="^" horiz-adv-x="600" d="M300 700h300v-300h-80v160l-262 -262l-57 56l265 266h-166v80zM420 80v220h80v-300h-500v600h200v-80h-120v-440h340z"/>
+	</font>
+</defs>
+</svg> 

data/themes/shower/README

@@ -0,0 +1,2 @@
+This theme was created by Vadim Makeev:
+https://github.com/pepelsbey/shower/

data/themes/shower/css/fonts.css

@@ -0,0 +1,18 @@
+/* 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);
+
+/* Droid Sans 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');
+	}
+
+/* Linker */
+@font-face {
+	font-family:'Target Blank';
+	src:url(../fonts/TargetBlank.otf) format('opentype'),
+		url(../fonts/TargetBlank.svg#TargetBlank) format('svg');
+	}

data/themes/shower/css/reset.css

@@ -0,0 +1,42 @@
+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;
+	font-size:100%;
+	font:inherit;
+	vertical-align:baseline;
+	}
+ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE,
+FOOTER, HEADER, HGROUP, MENU, NAV, SECTION {
+	display:block;
+	}
+BODY {
+	line-height:1;
+	}
+OL, UL {
+	list-style:none;
+	}
+BLOCKQUOTE, Q {
+	quotes:none;
+	}
+BLOCKQUOTE:before, BLOCKQUOTE:after,
+Q:before, Q:after {
+	content:'';
+	content:none;
+	}
+TABLE {
+	border-collapse:collapse;
+	border-spacing:0;
+	}

data/themes/shower/css/style.css

@@ -0,0 +1,385 @@
+/*
+	Ribbon theme for Shower presentation template: http://github.com/pepelsbey/shower
+	Copyright © 2010–2011 Vadim Makeev, http://pepelsbey.net/
+	Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License
+*/
+
+@import url(fonts.css);
+@import url(reset.css);
+
+BODY {
+	font:25px/1.8 'PT Sans', sans-serif;
+	counter-reset:paging;
+	}
+
+/* Slide
+---------------------------------------- */
+.slide:after {
+	counter-increment:paging;
+	content:counter(paging, decimal-leading-zero);
+	}
+.slide SECTION {
+	padding:80px 120px 0;
+	width:784px;
+	height:560px;
+	background:#FFF;
+	color:#000;
+	}
+	.slide SECTION:before {
+		position:absolute;
+		top:0;
+		right:120px;
+		width:40px;
+		height:120px;
+		background:url(../images/ribbon.svg) no-repeat;
+		content:'';
+		}
+
+/* Header */
+.slide H1 {
+	margin:0 0 58px;
+	color:#666;
+	font:bold 40px/1.13 'PT Sans Narrow', sans-serif;
+	}
+
+/* Elements */
+.slide P {
+	margin:0 0 45px;
+	}
+.slide P.note {
+	color:#888;
+	}
+.slide A {
+	border-bottom:0.1em solid;
+	color:#0174A7;
+	text-decoration:none;
+	}
+.slide A[target=_blank] {
+	margin-right:22px;
+	}
+.slide A[target=_blank]:after {
+	position:absolute;
+	margin-left:7px;
+	font-family:'Target Blank';
+	content:'\005E';
+	}
+.slide B,
+.slide STRONG {
+	font-weight:bold;
+	}
+.slide I,
+.slide EM {
+	font-style:italic;
+	}
+.slide KBD,
+.slide CODE {
+	padding:3px 8px;
+	-webkit-border-radius:8px;
+	-moz-border-radius:8px;
+	border-radius:8px;
+	background:#FAFAA2;
+	-webkit-tab-size:4;
+	-moz-tab-size:4;
+	-o-tab-size:4;
+	tab-size:4;
+	font-family:Consolas, 'Droid Sans Mono', monospace;
+	}
+
+/* Quote */
+.slide BLOCKQUOTE {
+	font-style:italic;
+	}
+.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 {
+	margin:0 0 45px;
+	counter-reset:list;
+	}
+	.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 {
+		position:absolute;
+		margin-left:-120px;
+		width:100px;
+		color:#BBB;
+		text-align:right;
+		}
+	.slide UL > LI:before {
+		content:'\2022'; /* bull */
+		line-height:1.1;
+		font-size:40px;
+		}
+	.slide OL > LI:before {
+		counter-increment:list;
+		content:counter(list)'.';
+		}
+
+/* Code */
+.slide PRE {
+	margin:0 0 45px;
+	counter-reset:code;
+	white-space:normal;
+	}
+	.slide PRE CODE {
+		display:block;
+		padding:0;
+		background:none;
+		white-space:pre;
+		}
+	.slide PRE CODE:before {
+		position:absolute;
+		margin:0 0 0 -120px;
+		width:110px;
+		color:#BBB;
+		text-align:right;
+		counter-increment:code;
+		content:counter(code, decimal-leading-zero)'.';
+		}
+	.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 {
+		background:#C00;
+		color:#FFF;
+		font-weight:normal;
+		}
+
+/* Background */
+.slide.bg SECTION {
+	background:transparent;
+	}
+	.slide.bg SECTION:before {
+		display:none;
+		}
+.slide.bg IMG {
+	position:absolute;
+	top:0;
+	left:0;
+	z-index:-1;
+	width:100%;
+	}
+
+/* Shout */
+.slide.shout SECTION:before {
+	display:none;
+	}
+.slide.shout H1 {
+	position:absolute;
+	top:50%;
+	left:0;
+	width:100%;
+	text-align:center;
+	line-height:1;
+	font-size:150px;
+	-webkit-transform:translateY(-50%);
+	-moz-transform:translateY(-50%);
+	-ms-transform:translateY(-50%);
+	-o-transform:translateY(-50%);
+	transform:translateY(-50%);
+	}
+	.slide.shout H1 A[target=_blank] {
+		margin:0;
+		}
+		.slide.shout H1 A[target=_blank]:after {
+			content:'';
+			}
+
+/* Middle */
+.middle {
+	position:absolute;
+	top:50%;
+	left:50%;
+	-webkit-transform:translate(-50%, -50%);
+	-moz-transform:translate(-50%, -50%);
+	-ms-transform:translate(-50%, -50%);
+	-o-transform:translate(-50%, -50%);
+	transform:translate(-50%, -50%);
+	}
+
+/* List
+---------------------------------------- */
+.list {
+	float:left;
+	padding:80px 0 80px 100px;
+	background:#585A5E url(../images/linen.png);
+	}
+
+/* Caption */
+.list .caption {
+	color:#3C3D40;
+	text-shadow:0 1px 1px #8D8E90;
+	}
+	.list .caption H1 {
+		font:bold 50px/1 'PT Sans Narrow', sans-serif;
+		}
+
+/* Slide */
+.list .slide {
+	position:relative;
+	float:left;
+	margin:0 50px 0 0;
+	padding:80px 0 0;
+	}
+	.list .slide:after {
+		position:absolute;
+		bottom:-45px;
+		left:57px;
+		color:#3C3D40;
+		text-shadow:0 1px 1px #8D8E90;
+		line-height:1;
+		font-weight:bold;
+		font-size:25px;
+		}
+	.list .slide:target:after {
+		text-shadow:0 -1px 1px #1F3F60;
+		color:#4B86C2;
+		}
+	.list .slide > DIV {
+		position:relative;
+		overflow:hidden;
+		width:512px;
+		height:320px;
+		box-shadow:0 0 50px #3C3D40;
+		border-radius:1px;
+		background:rgba(0, 0, 0, 0.3);
+		}
+	.list .slide > DIV:hover {
+		box-shadow:
+			0 0 0 10px rgba(60, 61, 64, 0.6),
+			0 0 50px #3C3D40;
+		}
+	.list .slide:target > DIV {
+		box-shadow:
+			0 0 0 1px #305F8D,
+			0 0 0 10px #3C7CBD,
+			0 0 50px #3C3D40;
+		}
+	.list .slide SECTION {
+		-webkit-transform-origin:0 0;
+		-webkit-transform:scale(0.5);
+		-moz-transform-origin:0 0;
+		-moz-transform:scale(0.5);
+		-ms-transform-origin:0 0;
+		-ms-transform:scale(0.5);
+		-o-transform-origin:0 0;
+		-o-transform:scale(0.5);
+		transform-origin:0 0;
+		transform:scale(0.5);
+		}
+		.list .slide SECTION:after {
+			position:absolute;
+			top:0;
+			right:0;
+			bottom:0;
+			left:0;
+			content:'';
+			}
+
+/* Full
+---------------------------------------- */
+.full {
+	position:absolute;
+	top:50%;
+	left:50%;
+	overflow:hidden;
+	margin:-320px 0 0 -512px;
+	width:1024px;
+	height:640px;
+	background:#000;
+	}
+	.full .caption {
+		display:none;
+		}
+	.full .slide {
+		position:absolute;
+		visibility:hidden;
+		}
+		.full .slide:target {
+			visibility:visible;
+			}
+		.full .slide:after {
+			position:absolute;
+			bottom:85px;
+			left:120px;
+			color:#BBB;
+			line-height:1;
+			}
+		.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 {
+			z-index:1;
+			}
+			.full .slide.bg: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;
+	right:118px;
+	bottom:49px;
+	left:118px;
+	border-radius:7px;
+	border:2px solid rgba(255, 255, 255, 0.2);
+	}
+	.full .progress DIV {
+		width:0;
+		height:10px;
+		border-radius:5px;
+		background:rgba(177, 177, 177, 0.4);
+		-webkit-transition:width 0.2s linear;
+		-moz-transition:width 0.2s linear;
+		-ms-transition:width 0.2s linear;
+		-o-transition:width 0.2s linear;
+		transition:width 0.2s linear;
+		}
+.full .progress-off {
+	z-index:1;
+	}