rails_stackview 1.0.0 → 1.0.1

data/vendor/assets/stylesheets/stackview/_ministack.scss

@@ -0,0 +1,43 @@
+.stackview-mini {
+	.spine-text {
+		left:5px;
+		margin-top:-5px;
+	}
+
+	.spine-title {
+		font-size:11px;
+	}
+
+	.spine-author {
+		display:none;
+	}
+
+	.spine-year {
+		font-size:8px;
+		padding:0;
+		line-height:12px;
+		height:12px;
+		margin-top:-6px;
+		width:24px;
+		@include rotate(0deg)
+	}
+
+	.stack-items {
+		&:before, &:after {
+			width:106px;
+			height:57px;
+			background-size:contain;
+		}
+
+		&:after {
+			margin-top:-4px;
+		}
+	}
+
+	.ribbon {
+		top:20px;
+		padding:4px 5px 4px 14px;
+		min-height:20px;
+		font-size:16px;
+	}
+}

data/vendor/assets/stylesheets/stackview/_mixins.scss

@@ -0,0 +1,100 @@
+@mixin rotate($deg) {
+	-webkit-transform:rotate($deg);
+	-moz-transform:rotate($deg);
+	-o-transform:rotate($deg);
+	-ms-transform:rotate($deg);
+	transform:rotate($deg);
+}
+
+@mixin transform-origin($val) {
+	-o-transform-origin:$val;
+	-ms-transform-origin:$val;
+	-moz-transform-origin:$val;
+	-webkit-transform-origin:$val;
+	transform-origin:$val;
+}
+
+@mixin skew($x, $y) {
+	-webkit-transform:skew($x, $y);
+	-moz-transform:skew($x, $y);
+	-o-transform:skew($x, $y);
+	-ms-transform:skew($x, $y);
+	transform:skew($x, $y);
+}
+
+@mixin user-select($val) {
+	-webkit-user-select:$val;
+	-moz-user-select:$val;
+	-ms-user-select:$val;
+	user-select:$val;
+}
+
+@mixin tap-highlight-color($val) {
+	-webkit-tap-highlight-color:$val;
+	-moz-tap-highlight-color:$val;
+	tap-highlight-color:$val;
+}
+
+@mixin book-decoration($bg, $border) {
+	.stack-pages {
+		border-color:$border;
+	}
+	
+	.stack-cover {
+		border-color:$border;
+		background:$bg;
+	}
+}
+
+@mixin videofilm-decoration($bg, $border) {
+	.videofilm-cover {
+		background:$bg;
+		border-color:$border;
+	}
+}
+
+@mixin serial-decoration($bg, $border) {
+	.serial-edge {
+		background-color:$bg;
+		border-color:$border;
+	}
+
+	.serial-cover {
+		background:$bg;
+		border-color:$border;
+	}
+}
+
+@mixin sound-decoration($bg, $border) {
+	.sound-edge {
+		background-color:$bg;
+	}
+
+	.sound-cover {
+		background:$bg;
+		border-color:$border;
+	}
+}
+
+@mixin webpage-decoration($bg, $border) {
+	.webpage-top, .webpage-edge {
+		background:$bg;
+		border-color:$border;
+	}
+}
+
+@mixin generic-decoration($bg, $border) {
+	.item-colors {
+		background:$bg;
+		border-color:$border;
+	}
+}
+
+@mixin decorations($bg, $border) {
+	@include generic-decoration($bg, $border);
+	@include book-decoration($bg, $border);
+	@include videofilm-decoration($bg, $border);
+	@include serial-decoration($bg, $border);
+	@include sound-decoration($bg, $border);
+	@include webpage-decoration($bg, $border);
+}

data/vendor/assets/stylesheets/stackview/_navigation.scss

@@ -0,0 +1,52 @@
+/**************
+   NAVIGATION
+***************/
+.stack-navigation {
+	position:absolute;
+	left:5px;
+	top:5px;
+	width:41px;
+	text-align:center;
+	
+	.upstream, .downstream {
+		height:43px;
+		text-indent:-999em;
+		overflow:hidden;
+	}
+	
+	.upstream {
+		background:asset-url("stackview/nav.png") 0 -87px no-repeat;
+		
+		&:hover, &:focus {
+			background-position:0 -44px;
+		}
+		
+		&:active {
+			background-position:0 -1px;
+		}
+	}
+	
+	.downstream {
+		background:asset-url("stackview/nav.png") 0 -130px no-repeat;
+		
+		&:hover, &:focus {
+			background-position:0 -173px;
+		}
+		
+		&:active {
+			background-position:0 -216px;
+		}
+	}
+	
+	.num-found {
+		font-size:15px;
+		line-height:16px;
+		margin:10px 0;
+		color:#09f;
+		text-shadow: 0 1px 0 #ddd;
+	}
+	
+	&.empty .num-found {
+		visibility:hidden;
+	}
+}

data/vendor/assets/stylesheets/stackview/_plain.scss

@@ -0,0 +1,71 @@
+.stack-plain {	
+	> a {
+		position:relative;
+		border-radius:1px 0 1px 0;
+		border-width:1px;
+		border-style:solid;
+		padding:0 10px;
+		text-shadow:none;
+		background-image: none;
+
+		background-color: #ccd;
+		border-color: #bbb;
+
+		&:hover {
+			background-image: none;
+		}
+	}
+
+	.spine-text {
+		height:40px;
+		line-height:40px;
+		top:50%;
+		margin-top:-7px;
+		left:15px;
+		right:24px;
+	}
+
+	.spine-title {
+		font-family: monospace;
+		/*display: inline-block;
+		padding: 6px;
+	  background: #f9fceb;
+	  border-radius: 2px;
+	  border-width: 0 1px;
+	  border-style: dotted;
+	  border-color: #e6dec4;*/
+	}
+
+	.spine-year {
+		@include rotate(-90deg);
+	}
+}
+
+
+.plain-top {
+	content:'';
+	display:block;
+	position:absolute;
+	top:-5px;
+	left:4px;
+	right:-5px;
+	height:3px;
+	border-width:1px;
+	border-style:solid;
+	@include skew(-70deg, 0);
+	border-radius:0 5px 0 5px;
+	z-index:2;
+}
+
+.plain-edge {
+	content:'';
+	display:block;
+	position:absolute;
+	top:-3px;
+	bottom:1px;
+	right:-8px;
+	width:6px;
+	@include skew(0, -20deg);
+	border-width:0 1px 1px 0;
+	border-style:solid;
+}

data/vendor/assets/stylesheets/stackview/_serial.scss

@@ -0,0 +1,50 @@
+.stack-serial {
+	width:343px;
+	height:39px;
+	margin:0;
+
+	> a {
+		border-radius:3px 0 0 3px;
+
+		&, &:hover, &:focus {
+			background-image:asset-url("stackview/serials.png");
+		}
+	}
+
+	.spine-text {
+		left:15px;
+		top:0;
+		bottom:0;
+		width:185px;
+	}
+
+	.spine-title {
+		height:39px;
+		line-height:39px;
+		font-size:12px;
+	}
+}
+
+.serial-edge {
+	position:absolute;
+	right:-17px;
+	bottom:0;
+	width:17px;
+	height:38px;
+	background:asset-url("stackview/serials-edge.png") 0 0 no-repeat;
+	border-width:2px 0;
+	@include transform-origin(0 100%);
+	@include skew(0deg, -20deg);
+}
+
+.serial-cover {
+	position:absolute;
+	top:-5px;
+	left:0;
+	right:-2px;
+	height:3px;
+	border-width:1px;
+	border-style:solid;
+	@include transform-origin(0 100%);
+	@include skew(-70deg, 0);
+}

data/vendor/assets/stylesheets/stackview/_soundrecording.scss

@@ -0,0 +1,83 @@
+.stack-soundrecording {
+	height:25px;
+	width:280px;
+	margin:0 0 1px 0;
+
+	&:before {
+		content:asset-url("stackview/icon-note.png");
+		position:absolute;
+		left:10px;
+		top:4px;
+	}
+
+	> a {
+		border-width:1px;
+		border-style:solid;
+		border-left:3px solid rgba(225, 225, 225, 0.6);
+		border-right:3px solid rgba(225, 225, 225, 0.6);
+	}
+
+	.spine-text {
+		left:35px;
+		right: 35px;
+	}
+
+	.spine-title {
+		height:25px;
+		line-height:25px;
+		font-size:12px;
+	}
+
+	.spine-year {
+		right:7px;
+	}
+}
+
+.sound-edge {
+	position:absolute;
+	top:0;
+	bottom:-2px;
+	left:100%;
+	width:5px;
+	border:2px solid rgba(225, 225, 225, 0.6);
+	border-radius:0 2px 2px 0;
+	@include transform-origin(0 100%);
+	@include skew(0, -20deg);
+
+	&:before {
+		position:absolute;
+		top:0;
+		bottom:0;
+		left:1px;
+		display: block;
+		content:"";
+		z-index:5;
+		width: 1px;
+		background:rgba(250, 250, 250, 0.5);
+	}
+
+	&:after {
+		position:absolute;
+		top:0;
+		bottom:0;
+		left:3px;
+		display: block;
+		content:"";
+		z-index:5;
+		width: 1px;
+		background:rgba(250, 250, 250, 0.5);
+	}
+}
+
+.sound-cover {
+	position:absolute;
+	top:-3px;
+	left:0;
+	right:-1px;
+	height:1px;
+	border-width:1px;
+	border-style:solid;
+	border-radius:4px;
+	@include transform-origin(0 100%);
+	@include skew(-70deg, 0);
+}

data/vendor/assets/stylesheets/stackview/_videofilm.scss

@@ -0,0 +1,74 @@
+.stack-videofilm {
+	height:28px;
+	margin:0 0 1px 0;
+
+	> a {
+		border-left:4px solid #444;
+		border-right:4px solid #444;
+		border-top-width:1px;
+		border-bottom-width:1px;
+		border-style:solid;
+	}
+
+	.spine-text {
+		left:15px;
+		top:0;
+		bottom:0;
+		right:24px;
+		font-size:12px;
+		font-weight:bold;
+	}
+
+	.spine-title {
+		height:28px;
+		line-height:28px;
+	}
+
+	.spine-year {
+		@include rotate(-90deg);
+		width:24px;
+		height:12px;
+		line-height:12px;
+		font-size:9px;
+		text-align:center;
+		margin-top:-6px;
+	}
+}
+
+.videofilm-edge {
+	position:absolute;
+	display:block;
+	z-index:2;
+	left:100%;
+	top:0;
+	bottom:-2px;
+	width:7px;
+	background:#444;
+	@include transform-origin(0 100%);
+	@include skew(0deg, -20deg);
+	border-radius:0 2px 2px 0;
+
+	&:after {
+		content:'';
+		position:absolute;
+		top:50%;
+		right:0;
+		left:0;
+		height:1px;
+		background:#000;
+		border-top:1px solid #ccc;
+	}
+}
+
+.videofilm-cover {
+	position:absolute;
+	top:-4px;
+	height:2px;
+	left:0;
+	right:0;
+	border-style:solid;
+	border-width:1px;
+	border-radius:4px 4px 0 0;
+	@include transform-origin(0 100%);
+	@include skew(-70deg, 0deg);
+}