VortexScans by Nobepico

/* ==UserStyle==
@name         VortexScans
@version      20241029.20.58
@namespace    https://userstyles.world/user/Nobepico
@description  Changes the width of the comic strip and the background colour to gray.
@author       Nobepico
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://vortexscans.org/series/") {
/* Hide cringey ahh go to top of page button on bottom right */
.fixed.bottom-2.right-10.z-\[50001\] {
    display: none;
}

/* Comic strip */
.w-full.flex.flex-col.justify-center.items-center {
    width: 700px; /* change size */
    pointer-events: none; /* remove the annoying scroll it does when you click it */
    margin: 0 auto; /* recenter */
    /* transform: translateY(-812.96425px); */
}

/*
Was supposed to cut ad at top of comic out, but i only noticed after that the ad
is concatenated to the comic strip there would be no other option but to cut it out
and because it varies in size, i cannot do it consistently.

.w-full.flex.flex-col.justify-center.items-center > div:first-child {
    clip-path: inset(812.96425px 0 0 0);
}
*/

/* Hide useless numbers behind comic strip */
.text-gray-300.dark\:text-gray-400.text-5xl.md\:text-9xl.font-extrabold.absolute.left-1\/2.transform.-translate-x-1\/2.px-3.py-1.-z-10 {
    display: none;
}

/* Change background color */
.dark, [data-theme=dark]{
    --nextui-background: 210 10% 5%;
}

/* Hide a random div i found because it annoyed me */
.mx-4.md\:mx-0 {
    display: none;
}

/* Hide ugly ad at bottom of strip */
.font-semibold.text-gray-400.text-xs.px-4.mx-auto.w-full.md\:w-\[800px\] {
    display: none;
}
}