web-2.0.scss in deckrb-0.2.1

- old
+ new

@@ -3,13 +3,13 @@
 	-moz-border-radius:$r;
 	border-radius:$r;
 }
 
 @mixin rotate($deg) {
-	-webkit-transform:rotate($deg);    
-	-moz-transform:rotate($deg);   
-	-ms-transform: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) {
@@ -28,15 +28,19 @@
 	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);
+
+		.deck-before, .deck-previous {
+			opacity:0.4;
+		}
 	}
-	
+
 	.slide {
 		h1, h2, h3, h4, h5, h6 {
 			font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
 		}
 
@@ -184,11 +188,11 @@
 			&:hover, &:focus {
 				text-decoration:underline;
 			}
 		}
 	}
-	
+
 	.deck-prev-link, .deck-next-link {
 		background:#fff;
 		opacity:0.5;
 
 		&, &:hover, &:focus, &:active, &:visited {
@@ -198,34 +202,34 @@
 		&: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;
 		}