My custom-built MAL list style

_covers.scss

// A file generated using Blink
//   http://myanimelist.net/forum/?topicid=1133533
// 
// Blink settings:
//   Save as: _covers.scss
//   Selector: animetitle:before

// Here's an example of what it should generate
.animetitle[href*="/1/"]:before{background-image: url('http://cdn.myanimelist.net/images/anime/4/19644.jpg')}
.animetitle[href*="/50/"]:before{background-image: url('http://cdn.myanimelist.net/images/anime/2/17841.jpg')}
.animetitle[href*="/63/"]:before{background-image: url('http://cdn.myanimelist.net/images/anime/7/23426.jpg')}
.animetitle[href*="/66/"]:before{background-image: url('http://cdn.myanimelist.net/images/anime/1/66.jpg')}

mal_style.sass

@import "covers"

// Settings

$table-width: 920px
$table-padding: 10px
$thing-height: 46px

$main-font: Verdana,Arial

$color-white: rgb(255, 255, 255)
$color-black: rgb(23, 20, 29)
$color-red: rgb(171, 48, 32)
$color-red-light: rgb(226, 131, 87)
$color-red-dark: rgb(84, 31, 25)
$color-red-bright: rgb(191, 7, 5)

$thing-border: 1px solid darken($color-white, 12%)
$corner-radius: 4px

// Body

body
	background:
		image: url("http://myanimelist.net/images/userwalls/1722491.jpg")
		repeat: no-repeat
		position: center top
		attachment: fixed
	
	font:
		family: $main-font
		size: 12px

br + br
	font-size: 0

// Header

#mal\_control\_strip
	background: $color-black !important
	
	box-shadow: 0 1px 3px fade-out($color-black, 0.6)
	
	a
		text-decoration: none

// Tabs

@mixin tab
	border-top: $thing-border
	border-bottom: $thing-border
	
	&:first-child
		border-left: $thing-border
		border-radius: $corner-radius 0 0 $corner-radius
	&:last-child
		border-right: $thing-border
		border-radius: 0 $corner-radius $corner-radius 0
	
	a
		display: block
		width: 150px
		line-height: 30px
		
		color: $color-red !important
		
		&:hover
			color: $color-red-light !important

.status\_not\_selected
	@include tab
	
	background-color: darken($color-white, 4%)
	
	&:hover
		background-color: $color-white

.status\_selected
	@include tab
	
	background-color: $color-white
	
	font-weight: bold
	
	a, a:hover
		color: $color-red-dark !important

// List tables

#list\_surround
	width: $table-width
	
	margin-left: $table-padding
	
	.header\_title
		padding: $table-padding
		
		background-color: $color-white
		
		border-top: $thing-border
		border-left: $thing-border
		border-right: $thing-border
		border-radius: $corner-radius $corner-radius 0 0
		
		font:
			size: 16px
		
		&::before
			$size: 30px
			
			content: ""
			display: inline-block
			width: $size
			height: $size + 2px
			
			vertical-align: middle
			
			background:
				image: url("http://i.imgur.com/j5MavxD.png")
				size: $size $size
	
	.table\_header
		padding: 2px
		
		background-color: $color-white
		
		&:first-child
			padding-left: $table-padding
			border-left: $thing-border
		&:last-child
			border-right: $thing-border
		
		a, span
			color: $color-black !important
	
	@mixin cell
		position: relative
		border: none
		
		color: $color-black
		
		&:not(.borderRBL)
			line-height: $thing-height
		
		&:first-child
			border-left: $thing-border
		&:last-child
			border-right: $thing-border
	
	.td1
		@include cell
		background-color: $color-white
	.td2
		@include cell
		background-color: darken($color-white, 4%)

	a
		color: $color-red
		text-decoration: none
		
		&:hover
			color: $color-red-light !important
		
		&:visited
			color: $color-red-dark
		
		.table_header
			color: $color-black

	.animetitle
		position: relative
		
		font:
			weight: bold
		
		&:hover
			&::before
				opacity: 1.0
		
		&::before
			content: ""
			display: inline-block
			width: 100px
			height: $thing-height
			vertical-align: middle
			
			margin-left: $table-padding
			
			background:
				size: 100% auto
				position: center
			border-radius: $corner-radius/2
			
			opacity: 0.8
			
		span
			margin-left: $table-padding
	
	.animetitle + small
		line-height: 13px
		position: absolute
		bottom: 2px
		left: 73px
		padding: 0px 2px
		
		background-color: $color-red-bright
		border-radius: 3px
		
		color: $color-white
	
	.borderRBL
		padding: $table-padding 0 $table-padding $table-padding * 2
		
		border-top: $thing-border
		border-bottom: $thing-border
		
		color: $color-black
		
	.category\_totals
		padding: $table-padding
		
		background-color: $color-white
		border-bottom: $thing-border
		border-left: $thing-border
		border-right: $thing-border
		border-radius: 0 0 $corner-radius $corner-radius
		
		color: $color-black
		font-size: 11px
		text-align: center

// Footer

#copyright
	padding: $table-padding
	
	background-color: $color-white
	
	border-top: $thing-border
	border-left: $thing-border
	border-right: $thing-border
	border-radius: $corner-radius $corner-radius 0 0
	
	color: $color-black