[CSS - Modern] ⭐️ Starter Layouts with customizable table/font colors!

/* header menu link colour */
.header .header-menu a {
	color: #2E51A2 !important;
}

/* header menu link colour on hover */
.header .header-menu a:hover {
	color: #1954DD !important;
}

/* You can use color names, color numbers, and RGBA colors in these codes to recolor the layout

Find your perfect custom color numbers and RGBA colors here:
http://www.hexcolortool.com/

FOR MORE HELP SEE HERE:
http://myanimelist.net/clubs.php?cid=19736
*/


/* CATEGORY HEADER BACKGROUND COLOR */
.list-unit .list-status-title {
background-color: transparent;
}


/*BACKGROUND AND BORDER COLOR OF CATEGORY LINKS
The first number in the parenthesis is the amount of red (0-255).
The second number in the parenthesis is the amount of green (0-255).
The third number in the parenthesis is the amount of blue (0-255).
The fourth number in the parenthesis is the amount of opacity (.0 to 1).

Change the fourth number (opacity) to a lesser number like .3 for more transparency. Raise to a higher number like .8 for less transparency.

Generate RGBA color codes you can use here
http://www.hexcolortool.com/

You can also use color names and color numbers for the background color too.
*/
.status-menu-container{
background-color: rgba(50,50,50,.0) !important;
border: 1px white solid !important;
}


/* BACKGROUND AND BORDER COLOR OF LIST
See BACKGROUND AND BORDER COLOR OF CATEGORY LINKS above for guide on using RGBA colors.
*/
.list-block{
background-color: rgba(50,50,50,.0) !important;
border: 1px white solid !important;
}


/*BACKGROUND COLOR OF ROWS ON HOVER
See BACKGROUND AND BORDER COLOR OF CATEGORY LINKS above for guide on using RGBA colors.
*/
tbody[class*="list-item"]:hover,
.list-table tbody:nth-of-type(2n+1):hover {background-color:rgba(0,0,0,.5) !important;}


/*BACKGROUND COLOR OF SIDE MENU */
.list-menu-float .icon-menu {
background: ;
}

/*BACKGROUND COLOR OF SIDE MENU WHEN OPENED*/
.list-menu-float .icon-menu:not(.profile):hover,
.list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting
{
background:;
}

/*BORDER COLOR OF SIDE MENU */
.list-menu-float{
border: #EBEBEB 1px solid;
}



/* HEADER TEXT COLORS*/
.header .header-menu *,#header-menu-button,.header .header-menu a{
color: ;
}


/* CATEGORY BUTTON LINK COLORS*/
.status-menu-container .status-menu .status-button,
.status-menu-container .status-menu .status-button.on{
color: white;
}


/* STATS FILTER COLORS*/
.list-unit .list-status-title .stats *,
.list-unit .list-status-title .stats a{
color: ;
}


/* ANIME STAT COLORS*/
.list-unit .list-stats{
color: ;
font-family: arial;
}

/* CATEGORY HEADER FONT */
.list-unit .list-status-title .text {
color: ;
font-family: arial;
}



/* COLLUMN HEADER COLORS */
.list-table .list-table-header .header-title,
.list-table .list-table-header .header-title .link.sort,
.list-table .list-table-header .header-title.image a{
color: beige;
font-family: ;
}

/* LIST LINK FONT */
.list-table .list-table-data .data a{
color: white;
font-family: arial;
}

/* LIST NON-LINK FONT */
.list-table .list-table-data .data{
color: beige;
font-family: arial;
}

/* TAGS EDIT FONT */
.list-table .list-table-data .tags .edit{
color: ;
font-family: arial;
}


/* SIDE MENU ICONS */
.list-menu-float .icon-menu svg.icon{
fill: ;
}
/* SIDE MENU ICONS AND TEXT WHEN OPENED*/
.list-menu-float .icon-menu svg.icon:hover{
fill: white !Important;
}


/* FOOTER FONT COLORS */
#footer-block *,
#footer-block a{
color: ;
font-family: arial;
}


/* CUSTOM BACKGROUND IMAGE SETTINGS
If you want to use a larger background MAL won't accept, see here for how to use any background:
https://myanimelist.net/forum/?topicid=1499059#msg45620839
*/
body {
background-size: cover;
background-attachment: fixed;
background-position: center top;
background-size: cover;
}


/* DISTANCE OF LIST FROM TOP
Increase or decrease the px amount to change the distance from the top. */
.header {
padding-bottom: 400px;
}



/*OTHER CODES*/
.list-table > tbody:nth-of-type(2n+1),
.list-table, .list-container,
.list-table .list-table-header .header-title{
background-color: transparent !important;
border: 0 transparent solid !important;
}
.list-table .list-table-data .data{
border: 0 transparent solid !important;
}
.status-menu-container {
border-bottom: transparent 0 solid;
}

body.ownlist {
background-size: auto !important;
}