Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 3

@\import "https://valeriolyndon.github.

io/MAL-Public-List-Designs/Clarity%20Theme/
Theme%20-%20Compressed.css";
@\import
"https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";
@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/
Mod%20-%20Hover%20Image%20Compressed.css";

@\import "https://valeriolyndon.github.io/MAL-Public-List-Designs/Clarity%20Theme/
Mod%20-%20Dark%20Mode%20Compressed.css";
body { --avatar:
url(https://ca-qc-1.zippyimage.com/2021/05/20/8df44b0a8839395b0365cfb7f77607ca.png)
; } body { --name: "Arthurito"; }body { --character: none; }
body { --banner: url(https://i.imgur.com/AZJE32l.jpeg); }

/*-S-T-A-R-T--------------------*\
| Favourite Hearts (Left) R0.4 |
\*------------------------------*/
.data.tags span{padding:0}.data.tags span a{margin:1px 0}.data.tags span
a[href*="=Favorite"],.data.tags span a[href*="=Favourite"]{position:absolute;left:-
34px;top:calc(50% - 13px);width:26px;height:26px;padding:0;background:var(--
bg);border-radius:50%;color:#ff65ad!important;font-size:0!important;line-
height:23px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.2)}.data.tags span
a[href*="=Favorite"]:before,.data.tags span
a[href*="=Favourite"]:before{content:"♥";font-size:26px}
/*------------------------E-N-D-*/
/*-S-T-A-R-T--------------------*\
| Per-Category Banner Image |
\*------------------------------*/

/* All Anime */
[data-query*='status":7'] { --banner:
url(https://ca-qc-1.zippyimage.com/2021/05/20/9517f277df25d9c0720d7488d475b4e5.png)
; }
/* Watching/Reading */
[data-query*='status":1'] { --banner:
url(https://ca-qc-1.zippyimage.com/2021/05/20/d6fceb15f2c1bd48b165e444e77dfed4.png)
; }
/* Completed */
[data-query*='status":2'] { --banner:
url(https://ca-qc-1.zippyimage.com/2021/05/20/a971ba8a68c2c8cda01960280396fb09.png)
; }
/* Onhold */
[data-query*='status":3'] { --banner:
url(https://ca-qc-1.zippyimage.com/2021/05/20/c4733845c9b2bbf43dffcf5d42e4b6f1.png)
; }
/* Dropped */
[data-query*='status":4'] { --banner:
url(https://ca-qc-1.zippyimage.com/2021/05/20/6622628ae00d0b3fc6f258fa68a24a8a.png)
; }
/* Planned */
[data-query*='status":6'] { --banner:
url(https://ca-qc-1.zippyimage.com/2021/05/20/f3daf642a14a709b944d854122a85558.png)
; }
/*==============================*\
| Score Descriptors |
\* --- - --- - ---- - --- - --- */

.score-na::before {
content: "Haven't decided";
}

.score-1::before {
content: "Triste";
}

.score-2::before {
content: "Horrid";
}

.score-3::before {
content: "Awful";
}

.score-4::before {
content: "Bad";
}

.score-5::before {
content: "Mediocre";
}

.score-6::before {
content: "Alright";
}

.score-7::before {
content: "Good";
}

.score-8::before {
content: "Great";
}

.score-9::before {
content: "Fantastic";
}

.score-10::before {
content: "Incredible";
}

/* Internals */

.score-label {
position: relative;
display: inline-block;
z-index: 0;
transition: color 0.2s ease;
}

.score-label:hover {
color: #fff !important;
}

.score-label::before {
position: absolute;
top: -4px;
left: -8px;
z-index: -1;
display: block;
padding: 4px 8px 4px calc(100% + 12px);
background: #111;
border-radius: 4px;
opacity: 0;
transition: opacity 0.2s ease;
white-space: pre;
text-align: left;
pointer-events: none;
}

.score-label:hover::before {
opacity: 1;
}

You might also like