MAL Covers CSS
This only works for public lists - it won't work if your list is private.
Usage
https://malscraper.azurewebsites.net/covers/anime/username/presets/:preset:
https://malscraper.azurewebsites.net/covers/manga/username/presets/:preset:
https://malscraper.azurewebsites.net/covers/all/anime/presets/:preset:
https://malscraper.azurewebsites.net/covers/all/manga/presets/:preset:
https://malscraper.azurewebsites.net/covers/all/all/presets/:preset: (EXCLUDES the more preset)
https://malscraper.azurewebsites.net/covers/auto/presets/:preset: (DEPRECATED)The 'all' routes return CSS for all possible entries. This is updated every second day. The ONLY supported way to access this data is via these listed URLs. You cannot request the 'all' route for both anime and manga with the 'more' preset (/covers/all/all/presets/more) as the CSS would be ambiguous.
Auto mode is deprecated as browsers are moving towards a default strict-origin-when-cross-origin referrer policy, which makes it impossible to automatically derive the actual user and list type. If inference fails, it will try to fall back to serving all possible entries. If you use the 'more' preset this will also fail - you will have to change to use one of the other options listed above; either specify your username in full, or use one of the specific 'all' routes for either anime or manga.
Presets (with example CSS)
/* more (default) */ #more1 { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* animetitle */ .animetitle[href^="/anime/1/"] { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* animetitlebefore */ .animetitle[href^="/anime/1/"]:before { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* animetitleafter */ .animetitle[href^="/anime/1/"]:after { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* datatitle */ .data.title [href^="/anime/1/"] { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* datatitlebefore */ .data.title [href^="/anime/1/"]:before { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* datatitleafter */ .data.title [href^="/anime/1/"]:after { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* dataimagelink */ .data.image a[href^="/anime/1/"] { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* dataimagelinkbefore */ .data.image a[href^="/anime/1/"]:before { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }
/* dataimagelinkafter */ .data.image a[href^="/anime/1/"]:after { background-image: url(https://cdn.myanimelist.net/images/anime/4/19644.jpg); }Generate for offline use
Use this to generate css for all known entries. You can then host this elsewhere and use it.
Bypassing the @import restriction
Insert a backslash between the @ and import; this prevents MAL from escaping it, yet browsers still happily parse it.
@\import "https://my-fully-sick-subwoofer.css";