Welcome to my MAL Re_Style. It's basically a third iteration of the style sheet I've been using since 2012. I don't like when style sheets are fragmented, hard to understand, or when they break with every MAL update, so I created to most customizable, yet conventional one I could come up with. Yes, it's a choice. I even chose not to add resizable covers because I knew they would break eventually. The MAL blackout and the subsequent rule changes proved me right.
If you want to use it, all you have to do is copy all the content of the CSS into your list's custom CSS box. You can then choose a preset colour palette from those I have included or choose your own colours. Anyone who knows what they're doing can go even deeper, but I'm not here to give a tutorial; there's plenty of them around. NB: It's MODERN ONLY!
Choose from one of these or create your own colour palette!
Turquoise Ocean:
Bloodred:
Grapefruit:
Purple Velvet:
Sky and Sea:
Emerald:
Here's an example of quick customization using Bloodred as a starting point:
/*Bloodred*/
--main-color: rgb(200,0,0) !important;
--main-background: rgba(140,20,20,0.9) !important;
--second-background: rgba(110,20,20,0.9) !important;
--menu-background: rgba(30,30,30,0.9) !important;
--main-text: rgb(255,255,255) !important;
--menu-text: rgb(255,255,255) !important;
--dimmer-text: rgba(255,255,255,0.6) !important;
--highlight: rgba(200,0,0,0.7);
--highlight-shadow: 0 0 0.3em black, 0 0 0.3em black;
/*Bloodred Alt.*/
--main-color: rgb(150,0,0) !important;
--main-background: rgba(80,20,20,0.9) !important;
--second-background: rgba(65,20,20,0.9) !important;
--menu-background: rgba(225,225,225,0.9) !important;
--main-text: rgb(255,255,255) !important;
--menu-text: rgb(0,0,0) !important;
--dimmer-text: rgba(255,255,255,0.6) !important;
--highlight: rgba(150,0,0,0.7);
--highlight-shadow: 0 0 0.3em black, 0 0 0.3em black;
Result:
PS: Here are the links to my anime and manga lists if you want to see live exemples of my styles: Anime list/Manga list