Custom background by shishiostyles

Details

Authorshishiostyles

LicenseNo License

Categoryhttps://myanimelist.net/

Created1 year, 3 months ago

Updated1 year, 2 weeks ago

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Compatible with other Stylish themes and multiple screen resolutions!

For adding a custom background easily to every page on MyAnimeList except the list pages. Simply upload your new background to Imgur. Next, replace the background image link in parenthesis a few lines under CHANGE MAIN BACKGROUND HERE with a direct link to the background you uploaded on Imgur. The link should look like this: https://imgur.com/i4iJpX3.png

If you need help or want more themes see this page:
https://myanimelist.net/forum/?topicid=2073022

By Shishio-kun @MyAnimeList

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Custom Background for MyAnimeList
@namespace      Shishio
@version        2
@description    What the name says :D 
@author         Shishio-kun @MyAnimeList
==/UserStyle== */


@-moz-document regexp(".*myanimelist\\.net/(?!animelist|mangalist|editlist).*") 
{ 
    
  
/* CHANGE MAIN BACKGROUND HERE
*/ 
.page-common #headerSmall,
body:not(.ownlist):after  {

background-image: url(https://imgur.com/i4iJpX3.png) !important;

background-attachment: fixed !important;
background-size: cover !important;
background-color: inherit !important;
background-position: top center !important;
}
  
   
/* OTHER CODES
Please don't touch these unless you know what you're doing or been directed to.
*/   
body:not(.ownlist)::before {
}

body:not(.ownlist){
}

#myanimelist::before{
}

.dark-mode .ownlist_style_theme .customize-content-left{
background:#1A1A1A;
}


body:not(.ownlist):after  {
content: "";
display: block !important;

background-size: cover;
height: 100% !important;
width: 100% !important;
position: fixed !important;
top: 0px !important;  
left: 0px !important;
z-index: -3 !Important;
    
}  


.page-common #headerSmall>a.link-mal-logo {
    background-image: url(https://imgur.com/xsmIYYM.png) !important;
    background-repeat: no-repeat;
    background-position: top left;
}
    .page-common #header-menu .header-menu-unit:nth-of-type(2),
    .dark-mode .page-common #header-menu .header-menu-unit:nth-of-type(2) ,
    .page-common #header-menu .header-menu-unit:nth-of-type(4),
    .dark-mode .page-common #header-menu .header-menu-unit:nth-of-type(4) ,
    .page-common #header-menu .header-menu-unit:nth-of-type(6),
    .dark-mode .page-common #header-menu .header-menu-unit:nth-of-type(6) {
        background-color: transparent !important;}
    
}

Reviews

No reviews yet.