[CSS Modern] Layout collections for Madoka and GochiUsa themes - by Takana

/* A Madoka layout for modern CSS
** Visit Shishio's club for more premade layouts
** You can customize a few things in this layout
**
*/

/* IMPORTANT: change USERNAME to your MAL username in order to display anime covers*/
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/datatitleafter";

/* General codes */
@import "https://dl.dropboxusercontent.com/s/ohzjhyju7bdq2pz/MadoMuraModernCSS.css";
.header .header-title {
position: absolute;
top: 21px;
background-image: url("/img/pc/ownlist/logo_mal.png");
background-position: left top;
background-repeat: no-repeat;
background-size: auto 36px;
display: block;
width: 240px;
height: 36px;
text-indent: -9999px;
overflow: hidden
}

/* customization */

/* The front wall-paper. Select a high-res wallpaper if you want to change this. Just don't mess with the height. */
body:after {
background-image: url("http://i.imgur.com/PosBHna.png");
}

/* The list background */
body {
background-image: url("http://i.imgur.com/vnv8k1s.jpg");
background-attachment: fixed;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
margin: 0 0 0 0;
text-align: center;
font-family: Verdana, Arial;
font-size: 11px;
top: 525px;
color: #fff;
}

/*
**Characters render in each category. You can delete this part if you don't like
*/
.list-table .list-table-data .data.status.watching:after, .list-table .list-table-data .data.status.onhold:after, .list-table .list-table-data .data.status.plantowatch:after {
background-image: url("http://i.imgur.com/iYbcDct.png");
background-repeat: no-repeat;
background-size: contain;
height: 100%;
background-position: right;
display: inline-block !important;
margin: auto !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
z-index: -5 !important;
content: "";
}

.list-table .list-table-data .data.status.completed:after, .list-table .list-table-data .data.status.dropped:after {
background-image: url("http://i.imgur.com/mX9zg7K.png");
background-repeat: no-repeat;
background-size: contain;
height: 100%;
background-position: right;
display: inline-block !important;
margin: auto !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
z-index: -5 !important;
content: "";
}


/* The gradient-grey bar and your name that appear in front of the banner, change USERNAME to your MAL username
** Replace content with "display:none;" if you want to get rid of it
*/
.cover-block::before {
content: "USERNAME";
}