iStripper optimized & customizable for wide screens

iStripper website and his forum interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

/* ==UserStyle==
@name           iStripper optimized & customizable for wide screens
@description    iStripper website and his forum interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version        1.0.4
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/i/istripper
@supportURL     https://discord.gg/W7FKesJ9aG
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    text        fontsize        "Custom font size"  1.2rem
@var    checkbox    hidecomments    "Hide comments"     0
@var    checkbox    hidediscord     "Hide discord"      1
@var    checkbox    hidescrollbars  "Hide scrollbars"   1
@var    checkbox    widemode        "Wide mode"         1
==/UserStyle== */

/* ==Credits==
Website         https://breat.fr
Bluesky			https://bsky.app/profile/breatfroff.bsky.social
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
==/Credits== */

/* ==Support==
brave Creators  https://publishers.basicattentiontoken.org/c/breatfr
Buy me a coffee https://buymeacoffee.com/breatfr
ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

@-moz-document domain("istripper.com") {
    /* Whole website */
    :root {
        --themeversion: 'Theme v1.0.4 ';
		--scriptversion: 'Script v1.0.0 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/i/istripper ';
		--help: ' discord.gg/W7FKesJ9aG';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
        --fontsize: fontsize;
    }

    @media screen and (min-width: 900px) {
		header.header,
		.navbar {
			position: relative;
		}

		header.header::after,
        header.header::before,
        .navbar::after,
        .navbar::before {
            background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
            background-clip: text;
            color: transparent;
			display: block;
            font-family: inherit;
            font-size: 1.2rem;
			line-height: calc(43.5px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
            width: auto;
			white-space: pre-line;
			z-index: 9999;
		}
		header.header::after,
        .navbar::after {
			content: var(--themeversion) var(--scriptversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: 10%;
		}
		header.header::before,
        .navbar::before {
			content: 'Install: ' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\ASupport me: ' url("https://code.breat.fr/share/images/icons/ko-fi.png") var(--support1) url("https://code.breat.fr/share/images/icons/paypal.png") var(--support2);
			right: 35%;
		}
    }

    /* Custom font size */
    header > div > a,
    header .dropdown-toggle,
    header .dropdown-menu,
    nav a,
    nav .dropdown-toggle,
    table *,
    textarea,
    .alpha,
    .btn.b4.bs,
    .details h2,
    .details .desc,
    .info li,
    .langmenu *,
    .nav li,
    .tab1 *,
    .txt {
        font-size: fontsize !important;
        line-height: 1.5 !important;
    }

    .box,
    .box img,
    .btn.b1.no,
    .btn.b4.bs,
    .card-show,
    .illustration,
    .img.icard,
	.incollection,
    .msg,
    .picture > div {
        border-radius: 1em !important;
    }

    if hidescrollbars {
        *,
        :root ::-webkit-scrollbar {
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
            -moz-overflow-style: none !important;
            -webkit-overflow-style: none !important;
        }
        ::-webkit-scrollbar {
            display: none;
            width: 0;
        }
    }

    if widemode {
        input.msearch {
            width: auto !important;
        }
        .modelpage {
            width: 100%;
        }
        header.header {
            margin-top: 0 !important;
			min-width: 98vw !important;
        }

        .nav-panel {
            flex-direction: column;
        }
        .close {
            margin-top: 1em;
        }
        .nav-login {
            display: none;
        }
        .avatar {
            border-radius: .5em;
        }

        nav {
            align-items: center;
            display: flex;
            padding: 0;
        }
        nav > div {
            height: 60px !important;
        }
        nav > div > div > div > a {
            padding-top: 10px;
        }
        nav > div {
            width: 100% !important;
        }

        footer > .main {
            padding: 3em 1em 2.5em !important;
        }
        footer > .main > div:nth-of-type(1) {
            display: flex;
            justify-content: space-evenly !important;
            width: 100% !important;
        }
        footer > .main > div:nth-of-type(1) > div {
            align-items: top;
            display: flex;
            justify-content: space-evenly;
            margin: auto;
            width: 100%;
        }
        footer > .main > div:nth-of-type(1)::after,
        footer > .main > div:nth-of-type(1) > div::after {
            display: none !important;
        }
        footer > .main > div:nth-of-type(1) > div > .col-md-3 {
            float: unset !important;
            width: fit-content;
        }
        footer .langmenu > div > div {
            display: flex;
            justify-content: center;
        }

		.box {
			align-items: center !important;
			display: flex;
			height: auto !important;
		}

        .box.fix,
        .box::before,
        .mw::before {
            display: none !important;
        }
    }
}

@-moz-document url("https://www.istripper.com/store"), regexp("https://www.istripper.com/[^/]+/store") {
    /* Store page */
    if widemode {
        .mw {
            align-items: center;
            display: flex;
            row-gap: 1em;
            justify-content: space-evenly;
            margin: 1em auto !important;
            max-width: 100% !important;
        }
        .mw a {
            border-radius: 1em;
            height: auto !important;
        }

        .box {
            align-items: center;
            border: 1px solid #c5c5c5;
            display: flex;
            margin: 0 !important;
            padding: 0 0 1.5em 0 !important;
            white-space: nowrap;
            max-width: unset;
            width: 550px !important;
        }

        .box h3 {
            text-align: center !important;
            text-overflow: unset !important;
            transform: translateX(-35%);
            width: 479px !important;
        }

        .img.icard {
            margin: 0 !important;
            transform: translateY(10%) !important;
            width: 220px !important;
        }

        .icard-overlay {
            margin-top: 1em !important;
        }
    }
}

@-moz-document regexp("https://www.istripper.com/models/[^/]+"), regexp("https://www.istripper.com/[^/]+/models/[^/]+") {
    /* Model page */
	if widemode {
		.icard-elements {
			width: auto !important;
		}
		.incollection {
			box-shadow: none !important;
			height: auto !important;
			max-width: unset !important;
			padding: 7px 14px 0 14px !important;
			top: 50% !important;
			transform: translateY(-50%);
		}
		.incollection > span {
			text-overflow: unset !important;
		}
	}
}

@-moz-document url("https://www.istripper.com/models"), regexp("https://www.istripper.com/[^/]+/models") {
    /* Models page */
    if widemode {
        .mw {
            align-items: center;
            display: flex;
            row-gap: 1em;
            justify-content: space-evenly;
            margin: 1em auto !important;
            max-width: 100% !important;
        }
        .mw a {
            border-radius: 1em;
            height: auto !important;
        }

		.barfilter > div {
			display: inline-flex;
			justify-content: space-evenly;
			max-width: 100%;
			width: 100%;
		}
		.barfilter > div > span:nth-of-type(1) {
			display: inline-flex;
			justify-content: space-evenly;
			max-width: 100%;
			width: 100%;
		}
		.barfilter > div > span:nth-of-type(2) {
			border-left: 1px solid;
			padding-left: 1em;
			white-space: nowrap;
		}

        .box {
            align-items: center;
            border: 1px solid #c5c5c5;
			box-sizing: border-box;
			overflow: hidden;
            display: flex;
			justify-content: space-between;
            margin: 0 !important;
            padding: 0 0 1.5em 0 !important;
            white-space: nowrap;
            max-width: unset;
            width: 550px !important;
        }

        .box h3 {
            text-align: center !important;
            text-overflow: unset !important;
            transform: translateX(-35%);
            width: 479px !important;
        }
		.box .img,
		.box .inner {
			float: none;
		}
		.box .img {
			margin-left: 0 !important;
		}
		.box .inner {
			margin-right: 4em !important;
		}
		/*
		.box .img {
			float: none;
			margin-left: -2em;
		}
		.box .inner {
			float: none;
			margin-left: -2em;
		} */

        .img.icard {
            margin: 0 !important;
            transform: translateY(10%) !important;
            width: 220px !important;
        }

        .icard-overlay {
            margin-top: 1em !important;
        }
    }
}

@-moz-document regexp("https://www.istripper.com/models/[^/]+/[^/]+"), regexp("https://www.istripper.com/[^/]+/models/[^/]+/[^/]+") {
    /* Card page */
    if hidecomments {
        div[style="padding-bottom:35px"] {
            display: none !important;
        }
    }

    if widemode {
        .othershows {
            padding: 0 1em;
        }
        .othershows > .container {
            width: 100% !important;
        }
        .mw {
            align-items: center;
            display: flex;
            row-gap: 2em;
            justify-content: space-evenly;
            margin: auto !important;
            max-width: 100% !important;
        }

        .box {
            align-items: center;
            border: 1px solid #c5c5c5;
            display: flex;
            gap: 1em;
            margin: 0 !important;
            padding: 0 0 1.5em 2em !important;
        }
        .box h3 {
            text-align: center !important;
            text-overflow: unset !important;
            transform: translateX(-43%);
            width: 479px !important;
        }

        .row:has(.picture) {
            display: flex !important;
            flex-flow: wrap;
            justify-content: space-evenly !important;
            margin: 0;
            padding: 1em !important;
            width: 100% !important;
        }
        .row:has(.picture) h3 {
            width: 100%;
        }
        .btn.b4.bs {
            margin-top: 1em !important;
        }
        .clearfix ~ .container {
            width: 100% !important;
        }
        div[style="padding-bottom:35px"] > .container {
            padding: 0 1em !important;
            width: 100% !important;
        }
        div[style="padding-bottom:35px"] > .container > div {
            margin: auto;
            width: 87% !important;
        }
        .btn.b1.no {
            margin-bottom: 1em;
        }
    }
}

@-moz-document url("https://www.istripper.com/vr180"), regexp("https://www.istripper.com/[^/]+/vr180") {
    /* VR page */
    if widemode {
        div.main {
            display: flex;
            flex-flow: wrap;
            gap: 1em;
            justify-content: space-evenly;
            max-width: 100% !important;
            padding: 1em;
        }
        div.main > div {
            align-items: center;
            display: flex;
            flex-direction: column;
            row-gap: 1em;
            justify-content: center;
            margin: 1em auto 2em auto !important;
            max-width: 100% !important;
        }
        div.main a {
            padding: 0;
            margin: 0;
            width: 24% !important;
        }
        .news {
            border-radius: 1em !important;
            margin: 0;
        }
        .separator {
            display: none;
        }
        footer .main {
            padding-bottom: 0 !important;
        }
    }
}

@-moz-document url-prefix("https://www.istripper.com/forum/"), regexp("https://www.istripper.com/[^/]+/forum/.*") {
    /* Forum */
    *:not(.copyright *,.istripper-btn-icon,header.header,.navbar::before) {
        font-size: fontsize !important;
        line-height: 1.5 !important;
    }

    .details > h2,
    .fcard .desc {
        height: auto;
        max-height: unset;
        white-space: wrap;
    }

    if hidediscord {
        div.menu:first-child,
        .discord-widget {
            display: none;
        }
    }

    if widemode {
        body {
            overflow-x: hidden;
        }
        .row {
            margin: auto;
        }
        #siteWrapper > .container {
            width: 100% !important;
        }
        #siteWrapper > .container > div > div:nth-of-type(2):not(:has(.newthread, .msg)) {
            width: calc(100% - 500px);
        }
        #siteWrapper > .container > div > div:nth-of-type(2):not(:has(.newthread, .msg)) > div:nth-of-type(3) {
            display: flex;
            flex-direction: column;
        }
        #siteWrapper > .container > div > div:nth-of-type(3):not(:has(.topic-list)) {
            width: 500px;
        }
        #siteWrapper > .container > div > div:nth-of-type(3) .fcard > i {
            margin: auto;
        }

        i.avatar {
            aspect-ratio: 1 / 1;
            border-radius: .5em;
            height: auto;
            width: 100%;
        }

        .msg .txt {
            margin-right: 0 !important;
        }
    }
}

@-moz-document regexp("https://www\\.istripper\\.com/[^/]+/user/profile(\\?.*)?#?") {
    /* Profile pages */
    if widemode {
        .tab1 > div,
        .tab1 > div > div,
        .tab3 > div,
        .tab3 > div > div,
        .tab6 > div,
        .tab6 > div > div,
        .topmenu {
            display: flex;
            justify-content: space-evenly;
            max-width: 100% !important;
            width: 100% !important;
        }
        .pm-body {
            max-width: 90vw !important;
        }
        .tab1 > div .tab-flex,
        .tab1 > div .tab-flex-column {
            border: none;
            justify-content: space-evenly;
            margin: 0 auto;
        }
    }
}
@-moz-document url-prefix("https://www.istripper.com/booster") {
	#top {
		display: none;
	}
}