Reffman HideHentai Difference
70 lines
/*------------------------------*\
/*------------------------------*\
|* Hide Hentai Covers v1.0.2 *|
|* Hide Hentai Covers Custom *|
\* - - - - - - - - - - - - - - -*/
\* - - - - - - - - - - - - - - -*/
.data.tags {
.data.tags {
overflow: initial;
overflow: initial;
opacity: 1;
opacity: 1;
}
}
.data.tags span {
.data.tags span {
min-height: initial;
min-height: initial;
margin-bottom: 0;
margin-bottom: 0;
}
}
.data.tags a {
.data.tags a {
min-height: 15px;
min-height: 15px;
margin-bottom: 4px;
margin-bottom: 4px;
opacity: 0;
opacity: 0;
transition:
transition:
color var(--timeText) var(--bezierFast),
color var(--timeText) var(--bezierFast),
opacity calc(var(--timeItem) * 1.5) var(--bezierFast);
opacity calc(var(--timeItem) * 1.5) var(--bezierFast);
} .list-item:hover .data.tags a,
} .list-item:hover .data.tags a,
.list-item:focus-within .data.tags a {
.list-item:focus-within .data.tags a {
opacity: 1;
opacity: 1;
}
}
.data.tags a[href$="tag=Hentai"] {
.data.tags a[href$="tag=Hentai"] {
position: absolute;
position: absolute;
z-index: 5;
z-index: 5;
top: -51px;
top: -51px;
right: -12px;
right: -12px;
width: 210px;
width: 210px;
height: 300px;
height: 300px;
padding: 120px 0 0 0;
padding: 120px 0 0 0;
background: hsla(0, 0%, 0%, 50%);
background: hsla(0, 0%, 0%, 50%);
border-radius: 6px;
border-radius: 6px;
color: hsl(var(--textProminent)) !important;
color: hsl(var(--textProminent)) !important;
font: 22px/24px var(--font) !important;
font: 22px/24px var(--font) !important;
text-align: center;
text-align: center;
text-transform: uppercase;
text-transform: uppercase;
opacity: 1;
opacity: 1;
backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
transition: opacity calc(var(--timeItem) * 1.5) var(--bezierFast);
transition-property: opacity, color, text-shadow;
transition-timing-function: var(--bezierFast);
transition-duration: calc(var(--timeItem) * 1.5);
pointer-events: none;
pointer-events: none;
} .list-item:hover .data.tags a[href$="tag=Hentai"],
} .list-item:hover .data.tags a[href$="tag=Hentai"],
.list-item:focus-within .data.tags a[href$="tag=Hentai"] {
.list-item:focus-within .data.tags a[href$="tag=Hentai"] {
opacity: 0;
color: transparent !important;
text-shadow: none;
}
}
@supports not (backdrop-filter: blur(4px)) {
@supports not (backdrop-filter: blur(4px)) {
.data.tags a[href$="tag=Hentai"] {
.data.tags a[href$="tag=Hentai"] {
background: hsla(0, 0%, 0%, 80%);
background: hsla(0, 0%, 0%, 80%);
}
}
}
}
.data.tags a[href$="tag=Hentai"]::before {
.data.tags a[href$="tag=Hentai"]::before {
content: "EXPLICIT CONTENT";
content: "EXPLICIT CONTENT";
display: block;
display: block;
height: 57px;
height: 57px;
padding: 3px 0 30px;
padding: 3px 0 30px;
background: hsla(var(--btn), var(--infoBGOpacity));
background: hsla(var(--btn), var(--infoBGOpacity));
box-shadow: -1.2px 1.68px 3.36px hsla(0,0%,0%,35%);
box-shadow: -1.2px 1.68px 3.36px hsla(0,0%,0%,35%);
margin-bottom: -30px;
margin-bottom: -30px;
font-size: 15px;
font-size: 15px;
transition: inherit;
} .list-item:hover .data.tags a[href$="tag=Hentai"]::before {
opacity: 0;
}
}
.data.tags a[href$="tag=Hentai"]::after {
.data.tags a[href$="tag=Hentai"]::after {
content: none;
content: none;
}
}
.data.tags a {
position: relative;
z-index: 6;
}
.data.number {
position: relative;
z-index: 6;
}