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.

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

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