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.

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

/* ==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;
	}
}