[CSS - CLASSIC] Wishes of the heart ~ XXXholic 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.

More useful topics: All CSS tutorials * Fixing or changing covers * Changing headers

@\import "https://fonts.googleapis.com/css2?family=Astloch&display=swap";
@\import "https://dl.dropboxusercontent.com/s/4ny5osuhorznwmg/CategoryMenu.css";
@\import "https://dl.dropboxusercontent.com/s/5pfd3pqga8wff2g/Style.css";
@\import "https://dl.dropboxusercontent.com/s/2ensrp19t4nwtvr/TabContent.css";
@\import "https://dl.dropboxusercontent.com/s/7upf15kf6dqkcxv/TopMenu.css";
@\import "https://dl.dropboxusercontent.com/s/ww53664rcvl65hm/Favorites.css";
{}


* { cursor: url('https://i.imgur.com/duQchL1.png') 2 16, auto; }

#list_surround br { display:none; }

body:before {
position: fixed !important;
display: block;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(https://i.imgur.com/0BBlhmS.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}

body {
background-image: url('https://i.imgur.com/NzjUdqh.png'); /* City background */
background-repeat: repeat;
color: #ffa67e;
font-size: 12px;
font-weight: 600;
font-family: 'Astloch', cursive; /* Custom font */
letter-spacing: 1.5px;
overflow-x: hidden;
}

a { text-decoration: none; }

#list_surround:before {
position: absolute !important;
display: block;
content: '';
left: 400px;
top: -154px;
width: 300px;
height: 156px;
background: url(https://i.imgur.com/xEGCmp2.png) no-repeat;
z-index: 1;
}


#mal\_cs_listinfo div:first-of-type:before {
content: 'There is no such thing as coincidence in this world, ';
color: #d9898a;
}



#mal\_cs_links div a[href*="addtolist"] {
visibility: visible !important;
position: fixed !important;
display: block !important;
content: none !important;
color: transparent !important;
text-shadow: none !important;
height: 48px;
width: 48px;
top: 68px !important;
left: 0 !important;
border: solid 1px #2b2742;
border-left: none;
background-color: rgba(43, 39, 66, 1);
background-image: url('https://i.imgur.com/jduKIX9.png') !important;
}


#mal\_cs_listinfo div:last-of-type a:after {
visibility: hidden;}

.status_not_selected a, .status_selected a {
background-color: #35366e;}

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.