task- and shot- specific lists are now called item-

src/styles/_app_base.sass

@@ -274,6 +274,10 @@ input, input.form-control
 	textarea
 		resize: vertical
 
+.input-group-separator
+	margin: 10px 0
+	border-top: thin solid $color-background
+
 #status-bar
 	color: $color-text-dark-secondary
 	margin-left: auto
@@ -320,6 +324,182 @@ input, input.form-control
 	.table-row:hover
 		background-color: $color-background-light
 
+/* Attract specific table tweaks */
+.item-list
+	overflow-x: scroll
+	.table
+		background-color: white
+		.table-row:hover
+			background-color: $color-background-light
+
+		.table-cell
+			&.item-status
+				width: 5px
+				height: 100%
+		.table-head
+			.table-cell
+				text-align: center
+
+				&.highlight .collapser
+					color: $color-primary-dark
+
+				&.item-thumbnail
+					width: $items-list-thumbnail-width
+
+				&.task-type
+					text-transform: capitalize
+
+				span.collapser
+					cursor: pointer
+					width: 100%
+					display: inline-block
+					padding: 5px
+
+				&:hover
+					span.collapser
+						color: $color-primary
+
+		.table-body
+			display: table-row-group
+
+			.table-row
+				position: relative
+
+				&.active
+					background-color: $color-background-active
+
+					.table-cell
+						border-bottom-color: darken($color-background-active, 15%)
+					.table-cell:last-child
+						box-shadow: inset -5px 0 0 $color-primary
+
+				@include status-color-property(background-color, ' .item-status', '')
+
+			.table-cell
+				text-align: center
+				border-left: thin solid transparent
+				border-right: thin solid transparent
+
+				&.active
+					background-color: $color-background
+
+				&.highlight
+					background-color: rgba(white, .5)
+
+					&.task-type a:before
+						transform: translate(-50%, -50%) scale(1.2)
+
+				&.item-name
+					text-align: left
+					position: relative
+					height: 100%
+					a
+						display: flex
+						padding: 5px 10px
+						color: $color-text-dark-primary
+
+						span
+							margin: auto 0
+
+				&.item-thumbnail
+					border-left: none
+					border-bottom: none
+					img
+						transition: opacity 150ms ease-in-out
+
+				&.task-type
+					position: relative
+					height: 100%
+					overflow: hidden
+					white-space: nowrap
+
+					a
+						display: inline-block /* Each task next to each other */
+						vertical-align: middle
+						height: 100%
+						min-height: 100%
+						padding: 15px
+						transition: all 150ms ease-in-out
+						position: relative
+
+						@include status-color-property(background-color, ':before', '')
+
+						&:focus
+							outline: none
+
+							&:before
+								transform: translate(-50%, -50%) scale(1.5)
+
+						&:before
+							display: block
+							content: ''
+							position: absolute
+							width: 16px
+							height: 16px
+							border-radius: 50%
+							border: 2px solid transparent
+							+position-center-translate
+							transition: background-color 150ms ease-in-out, border 150ms ease-in-out
+
+						span
+							display: block
+							+position-center-translate
+							z-index: 1
+							font:
+								weight: bold
+								size: .8em
+							text:
+								align: center
+								transform: capitalize
+							color: white
+
+						&.active
+							opacity: 1
+
+							&:before
+								transform: translate(-50%, -50%) scale(1.3)
+								border: 2px solid white
+								box-shadow: 0 0 0 1px rgba($color-primary, .2), 1px 1px 0 rgba(black, .2)
+							&:hover
+								border-color: $color-primary-light
+
+						&.processing
+							background-image: none
+							&:before
+								+stripes-animate
+								+stripes(transparent, rgba($color-background-active, .6), -45deg, 15px)
+								animation-duration: 4s
+
+							&.active
+								background-image: none
+
+						&.task-add
+							width: auto
+							border-radius: initial
+							opacity: 0
+							vertical-align: middle
+							padding: 5px
+							display: flex
+							justify-content: center
+
+							&:hover, &:focus
+								opacity: 1
+
+						&:hover
+							&:before
+								opacity: .8
+								transform: translate(-50%, -50%) scale(1.2)
+							&.active:before
+								transform: translate(-50%, -50%) scale(1.3)
+
+.item-list-header
+	a
+		color: $color-text-dark
+		+text-overflow-ellipsis
+	a.item-project
+		color: $color-text-dark-secondary
+		margin-left: 10px
+
 /* Generic Statuses */
 .processing
 	+stripes(rgba($color-background, .2), rgba($color-background, .5), -45deg, 25px)
@@ -336,6 +516,9 @@ input, input.form-control
 		transition: all .1s ease-in
 		opacity: .8
 
+	&:before
+		background-color: lighten($color-success, 50%) !important
+
 .flash-off
 	transition: all 1s ease-out
 	img