Style shots not in the edit

src/styles/_shots.sass

@@ -43,6 +43,40 @@
 				.table-cell:last-child
 					box-shadow: inset -5px 0 0 $color-primary
 
+			&.not-in-edit
+				+stripes(rgba($color-background, .2), rgba($color-background, .5), -45deg, 25px)
+
+				.table-cell
+					&.shot-name a
+						color: $color-text-dark-secondary
+
+					&.shot-status
+						opacity: .2
+
+					&.task-type .task-link
+						&:before
+							opacity: .3
+							background: transparent
+							border: 2px solid $color-text-dark-secondary
+
+					&.shot-thumbnail img
+						opacity: .5
+
+				&:hover, &.active
+					+stripes(rgba($color-background, .3), rgba($color-background, .8), -45deg, 25px)
+
+					.table-cell
+						&.shot-thumbnail img
+							opacity: 1
+						&.task-type .task-link
+							@include status-color-property(background-color, ':before', '')
+
+							&:before
+								opacity: 1
+								border: none
+
+
+
 			@include status-color-property(background-color, ' .shot-status', '')
 
 
@@ -69,6 +103,9 @@
 					span
 						margin: auto 0
 
+			&.shot-thumbnail img
+				transition: opacity 150ms ease-in-out
+
 			&.task-type
 				position: relative
 				height: 100%

src/templates/attract/shots/for_project.jade

@@ -28,7 +28,7 @@
 			| {% for shot in shots %}
 			.table-row(
 				id="shot-{{ shot._id }}",
-				class="status-{{ shot.properties.status }}")
+				class="status-{{ shot.properties.status }} {{ shot.properties.used_in_edit | yesno(' ,not-in-edit, ') }}")
 				.table-cell.shot-status
 				.table-cell.shot-thumbnail
 					a(