mirror of
https://github.com/KrstlSkll69/vc-snippets.git
synced 2025-04-19 20:55:22 +02:00
Update style of tag
This commit is contained in:
parent
e115052924
commit
b936fea891
1 changed files with 43 additions and 35 deletions
56
NSFWtag.css
56
NSFWtag.css
|
@ -2,23 +2,28 @@
|
|||
* @name NSFWtag
|
||||
* @author ryan.0324, krystalskullofficial
|
||||
* @description A tag for 'NSFW' channels so they are easier to see/notice. Also recolors the small triangle too be red,
|
||||
* @version 7.0.1
|
||||
* @version 8.0.0
|
||||
* @authorId 929208515883569182
|
||||
* @website https://krstlskll69.github.io/
|
||||
* @source https://github.com/KrstlSkll69/vc-snippets?tab=readme-ov-file#1st-nsfw-channel-tag-
|
||||
*/
|
||||
|
||||
:root{
|
||||
|
||||
}
|
||||
|
||||
/*--- Channel list 'NSFW' Label ---*/
|
||||
[class*=linkTop_]:has([class*=iconContainer_] [d^="M18.09 1.63"]) > [class*=children_]::after {
|
||||
content: "NSFW";
|
||||
background: var(--status-danger-background);
|
||||
color: var(--status-danger-text);
|
||||
padding: 0 6px;
|
||||
border-radius: 8px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
font-family: var(--font-code);
|
||||
padding: 0 4px;
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .02em;
|
||||
line-height: 16px;
|
||||
line-height: 17px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
/*--- 'NSFW' Chat Label ---*/
|
||||
|
@ -26,13 +31,14 @@
|
|||
content: "NSFW";
|
||||
background: var(--status-danger-background);
|
||||
color: var(--status-danger-text);
|
||||
padding: 0 6px;
|
||||
border-radius: 8px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
font-family: var(--font-code);
|
||||
padding: 0 4px;
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .02em;
|
||||
line-height: 16px;
|
||||
margin-left: 7px;
|
||||
line-height: 17px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
/*--- 'NSFW' Message bar icon label ---*/
|
||||
|
@ -40,13 +46,14 @@
|
|||
content: "NSFW";
|
||||
background: var(--status-danger-background);
|
||||
color: var(--status-danger-text);
|
||||
padding: 0 6px;
|
||||
border-radius: 8px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
font-family: var(--font-code);
|
||||
padding: 0 4px;
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .02em;
|
||||
line-height: 16px;
|
||||
margin-left: 7px;
|
||||
line-height: 17px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
/*--- Stupid Ahh channel serach icon label ---*/
|
||||
|
@ -54,13 +61,14 @@
|
|||
content: "NSFW";
|
||||
background: var(--status-danger-background);
|
||||
color: var(--status-danger-text);
|
||||
padding: 0 6px;
|
||||
border-radius: 8px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
font-family: var(--font-code);
|
||||
padding: 0 4px;
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .02em;
|
||||
line-height: 16px;
|
||||
margin-left: 7px;
|
||||
line-height: 17px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
/*--- Channel list Icon Recolor ---*/
|
||||
|
|
Loading…
Add table
Reference in a new issue