[CSS - CLASSIC] ⭐️ Saber ~ minimalist Fate layout by Hahaido

This layout is custom CSS. If you don't know how to install it, use the easy starter tutorial: Beginner's Tutorial

For more layouts check the Full list of Premade Layouts.

Useful topics: All tutorials * Add covers * Fix missing pics and covers * Change pics * Change anime style to manga

@\import "https://dl.dropboxusercontent.com/s/wcbipw8geysvi6g/CategoryMenu.css";
@\import "https://fonts.googleapis.com/css2?family=Crimson+Text&family=Oswald:wght@300&display=swap";
@\import "https://dl.dropboxusercontent.com/s/yliyym1az5zcogg/Style.css";
@\import "https://dl.dropboxusercontent.com/s/qj6g76yqckuon6d/TabContent.css";
@\import "https://dl.dropboxusercontent.com/s/d0h73tfo0rr1pz9/TopMenu.css";


.status_selected a[href*="status=7"], .status_not_selected a[href*="status=7"]{
top: -75px;
left: 620px;
position: absolute;
}




body {
background-image: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyFJkqxeQgV0fzaLZr8OSBj0);
background-repeat:no-repeat;
background-attachment: fixed;
background-size: cover;
font-family: 'Crimson Text', serif;
font-size: 14px;
color: #ddc38b;
}


#list_surround {
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyDI0B-nnMbkBFtmCs7M5YsY) no-repeat center 0 !important;
margin: 20px auto 5px;
padding: 310px 0 2px;
width: 690px;
}


#inlineContent:before {
position: fixed;
display: block;
content: '';
left: 50%;
bottom: 0;
margin-left: -40%;
width: 80%;
height: 100%;
background-image: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyGgUzxN4x9PYijEQfRxyIi0),
url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyITfd3kltMegVGeIiEGhUT8);
border-radius: 50em;
animation: sparkle 15s linear infinite;
-webkit-animation: sparkle 15s linear infinite;
}

/* Headers pics */
.header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span {
position: absolute;
display: inline-block;
width: 730px;
height: 78px;
margin-left: -20px;
margin-top: 22px;
font-size: 0;
background-image: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyMpWDkdVpsDTkezzeClUl3w);
background-repeat: no-repeat;
z-index: -1;
}

.category_totals:before {
position: absolute;
display: block;
content: '';
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyHKG4VkwACvLgKzvfpdSYSA) no-repeat;
width: 730px;
height: 78px;
margin-left: -20px;
margin-top: -20px;
z-index: -1;
}


#mal\_control_strip {
position: fixed !important;
display: block !important;
margin-top: -100px !important;
height: 100px !important;
left: 0;
top: 0;
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
-moz-linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%) !important;
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
-webkit-linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%) !important;
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
linear-gradient(to top, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%) !important;
-webkit-transition: margin-top .5s ease-out, z-index .5s linear .2s;
transition: margin-top .5s ease-out, z-index .5s linear .2s;
z-index: 1;
}



#list_surround table:nth-of-type(3) {
position: fixed !important;
display: block;
margin-top: -100px;
height: 100px;
width: 100%;
left: 0;
top: 0;
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%);
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
-moz-linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%);
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
-webkit-linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%);
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
z-index: 1;
}

#list_surround > table:first-of-type {
position: fixed !important;
display: block;
margin-top: -100px;
height: 100px;
width: 100%;
left: 0;
top: 0;
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%);
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
-moz-linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%);
background: url(https://image.myanimelist.net/ui/yCHrxjyj0lwjmGEXjAnOyOL74nAeukbNlmLa47HaqGI) left center no-repeat,
-webkit-linear-gradient(bottom, rgb(48, 48, 48) 1%, rgb(255, 255, 255) 3%, rgb(255, 255, 255) 100%);
transition: margin-top .5s ease-out, z-index .5s linear .2s;
-webkit-transition: margin-top .5s ease-out, z-index .5s linear .2s;
z-index: 1;
}

[data-work="anime"] #mal\_cs_links div:last-of-type a:first-of-type,
[data-work="manga"] #mal\_cs_links div:last-of-type a:last-of-type {
display: none;
}

For a better display, it's recommended you lower the number of list columns to better accommodate the layout table:
https://myanimelist.net/editprofile.php?go=listpreferences
You can also start the layout on Currently Watching or Reading rather than a larger category (go to Default Status Selected) to help speed up the load time. Save when done.