iStripper website is more suitable for wide screens.
/* ==UserStyle==
@name iStripper responsive + customizations
@version 1.0.3
@description iStripper website is more suitable for wide screens.
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@homepageURL https://gitlab.com/breatfr/istripper
@supportURL https://discord.gg/Q8KSHzdBxs
@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
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 === */
@-moz-document domain("istripper.com") {
/* Whole website */
:root {
--themeversion: 'Theme v1.0.3 by BreatFR (https://breat.fr)';
--install1: ' usercssjs.breat.fr ';
--install2: ' gitlab.com/breatfr/istripper ';
--support1: ' ko-fi.com/breatfr ';
--support2: ' paypal.me/breat';
--fontsize: fontsize;
}
@media screen and (min-width: 900px) {
header.header::before,
.navbar::before {
align-items: center;
background: -webkit-linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background: -o-linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background: -ms-linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background: -moz-linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
-webkit-background-clip: text;
-o-background-clip: text;
-ms-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
content: var(--themeversion) '\A''Install: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAARxSURBVDhPvZR5TJNnGMAfBIUFzLSctqWUlqPcCBlQjhpdkGvNWCY2rQfKBihImMc4VgUhoIM4mG5z7MicCROZbBBxICAUHEeG6IRF2nKUwteDclhbbkq/7gO+ZRoy+W+/5P3n+Z7n9z7fm+d94X/DALDF0PC7v7alJVlVW1sir668qaiqKFf8cufG+G+1l2eaW+PQm02WePrrUd6uYg+WlTUKs8+phfHv6QdimLqhUM/FIZb74lC496IolqV/lnp0pb+0QDhaXs7ByzZi6OnZ+qiwuPhx8lH9ANNxQUUHZMEZBlZ2gkhvASJ0OwhRJxDqyCCaMYEhCflNbRf3gK4vvygWV7xKY3o6vzuGaVC7whjqDv3YEi8zYHiFZCTWO2BSexAvEWEYJWByG2y5Qr+UbKJ9wIsVoFcHTHHNOoLMy9R7rEBE4wZy1AdEiJ+16s9w5mQHlzvax96NoG4gHN1PHG2L440P+Lso9V4gxroVrZBhpJXpMdKUVULDVet8eTg+spNmrUEdYLg9xHPqAfdQzdOkU5zmD1J5ze5UGeoCIx0hNElXYub7dfG87yTMHeN4p5KW3TTJT8nnnXHVOmU8nle1K1VVz3CYv8s5xEcj09Z+ITc0NLbDbrsatYexGh/HHjAYjK6FR+3rtCdMoX4gXvABeSXTtVOQ8rPFmugfsDExqotmp/0aw87GQ2vkOzsX9TuaaGYtYfw6zbFyNZbFYKR07TLTYkLhE5KZ5ovAwItryZthyBWYXCJZNmqdQPXMHKay7IgXIgFM+XZWLZP0LRMaF0CuUym9d48kUfCS15PkyWR8bWOGoCQY7qMTFDnRUcIcdkx3vRdRPesMkm/td4xVRLHfwdM350MqPbHBynQOJYJwwnvrqJxhp5Z5kTQ62rZhhGwuLwgJkOeG7Q3G0zengE69I7cxfq61haEffN2U9TTKOGIHMpSCDbitkXjQ1/ZFiYeH7IJfqD9e8t9c2sN2qmBQEJQM0j8YhIkq9oFT7UeOcW7v3dfZ7USa1lOwOcQGu9/RYqk00KdGgJ03XvoqD9MKras+LY24cSzxVh9jp3re3hi5HxrcZgCD0ep3NPczQg2X+03/W+RxbDPRCg2ktX60sR8T+fQ1wcs0JSVRqnmcnvbDB/VP3g1aWLKEwTEGSXU/k9/bfKU0obeo1HU1byrjKrljD0u0bAVSFDuOR0EMpC670HtN8jIPCwvffuzrMjdnDlI9dq2wWyOeJ8KgOIym7uZEox2pJya6CvLauj6/0vQ0LEC5QoUB7KEY7ePu/6uv8JYtrvkXyfflDlJunFhnY6yYY1EV8pTjz1+wgyb0WBfLAOLpbSCTEm00w57kGS02Nqg5CKeD3WaHMrKu4YqNIB9nn1acOalEzmc0SE6e4Uj5OV+pTiTL5yNY03oXogwlvCFFbUylugCqQpMQPSPL/6RVkXDWAS/fyOpLLT543GfMPYiAh0CSks6S5+UVT/Kz702d/ah16txpgTKHX4PkXMyWhkXswtMwAP4GEl0BMY+jC7gAAAAASUVORK5CYII=") var(--install1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAvRJREFUOE+dU0lrU1EUfqhbK4rixiHvvptW+gu0TZqkrQWHhVJpKyoI4lRx3ghdOCwFrS24cwCbmKYtVelCqIorf0NBrGkSWqJkWmgb7Hvv+J37brSxg9UPDuGcb8h5Jy/Gn5hsEv3TodrNul0VZgJyC/t0uxjptvpNX1r8xUxENOvRqpAK+Vuz8JUCOzbqUTVSYauTDtZTOmL16dGqkAnLfvalIlaHHlUDgcP2vl2UDlufKRRap8crgnXwJT2fHNLj3yi0ig0gSl9b/FRoraXpsGjU1IpIhUSA9ezLRGRxEjma8pAJySPf2uqYpDl8Yuv7mloR0PWynn3KH5btmvIAYrASnMcGMHwiw1ij6SWB514L3WQO+gXBcU0bxkdD1qSDspBt9lM6JJmkXHMtJRvlbi1ZEskGa08eOtazj/2ZoMxPGHXrlaD8QBy2r0maPSlo9pRXzlmLih1iKhmQH3D7RcXzYqeYYl3Fw37OKfdah1Swk/DFKG6Rc8n06opJ7lWTqBvheMwS194FhZ7nzLOO9RWvyhn2RQ33ubnVjpozNIpvu2eSfQ510SvnsknZ/Ralm3Ae3LBS3GcPIAB8Rat88HPO/IA5bSB01I0hJApiEHVHiyDmbUpdglLB6mDuS0eF4n+Fsg9+znGQh2DfW0oIoiFsjIGqG6jz3sblMya/+FXB/GPxXG0MndJrL+dwnrqxHdvZ5SREnl5JcuIQPEWx6YJnVufgtwWh6tdHr0LB27gv69mn/AmRw7KdKpjhPtthYviGxiTRCLZ/CEM3zgHjwnOoM6DnOfOsYz374B+fQ46OrIYdN3sgcGnMIvsuNoG5fFqfg9/Xyhk4FDzrWI8z9OiI5fFjwAw6Q2KCXktybyMEd+THnwroM6DnOfNKFxMBbf07cn2yxhk2n9BLi+imoGK7oGSDVJ90C4W5MyIeu4/0v+xfYb/wnXCjokD4R6URTNexJXp71DyuJf8P9/026faJ8e/H5LyDT/fddktTy8AwfgLHRHNkJDm7EgAAAABJRU5ErkJggg==") var(--install2) ' · Support me: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA2FJREFUSEu1lktIVGEYhqfIXW5ctUkDF250q4jLILLUvBSjzjh285pahoxIK3Fop0iRiWbiNRMUzcvIpI1dNkVGYBckIzTRAkVHCbOyt/f7/Y81alOgvvBw5nzf+b/3/Nc5Jq0I4iKPdpg7xEy2VCSZJtglfpBRkkm85CQoKSlBT0/PjtDf34+BgQG0trYiOzsbAQEBxkvcI/uJ0gMCt9uN3dLs7CzMZrNhPkD2ENOgBHp7e/Vj29P4+DhCQ0MRGBiIkJAQZGRkYH5+XuVSUlIM8ywxlkUAp9Opkl76+BlwjwDPXgPLKzpIjfDe+ZAuEzrwWzLEuvgH8kp+ywssLi7C4/EYw/6S/MW43QXEFwFH84BjF4CCq8CT50DZdSDmHGPpwImzwN0u3WBNg4ODhnGhFKdKCex2u8pbrVbJeSSx2XhqhqYXgcRLQPJljhGviTmMZfB6HkjNBixZgPkMYynAu/e6oZexXYprTYSFhal8ZWWl5FYkuNn4xSgQm0nDAsIep+YSGqcyZqG5hT220tR6Gog7AQwN6YZexsVSXOtpUFCQyjc0NEjuuwQfkw09ngZO0SSZvbJsNOMQW9OANCuvqUASjd++0Q29jAukOHWIeKKiolS+rKxMcl8l4Sbo6+tTiXWVcy6Pn6QB51HM0rRZmgWwaeJjAEcpsLqqGwEul8swvkVsZEzuOzo6VD4iIkJyn4jpviRk43tpaQmwF7M4e2QYGaTzBaSn+ZyCuTndYE3Dw8OGscLPzw8Oh0PlxFzHm8jaydXd3a2SXlrg/isqBBLi1swM46R4IJfTMMMp2aDl5WXU1NSgoqICTU1NmJqaUnGZAn9/fzH9QoLFuEuMOzs71QObJJtfzONjdU9pmsN5n95supXGxsaQn59v9PQbiSVKbQTt7e360S3EjY8rJcCRw0Aeh9eH6eTkJKKjoxEZGYng4GDDUBghUWRdt4k60H2KQ4iaag4v97gPyVqRemSByAnVSJLIXuKlawSNjY266fYk8yv1SLoU96UEog7w7WqV2yo8PFxMf5KDUvxfUn+NNpsNzc3NaGtrU9eWlpZ15F5OHaG+vh51dXWora1FdXU1qqqqUF5eDjkkpA65IUX/RweIfPrIUl/1gXxN/IkcfYKsVmGO3CT7iA+ZTL8ANy582NV4RdEAAAAASUVORK5CYII=") var(--support1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAslJREFUOE+Nk0tIVFEYx6WNEC1attA7znXmnHNvpjH3js7GRQ+dKDKTMgx6UOnMvaNZaRAoGD0WRTQPH6Nii6CgRa1yUUGEjo+0mTSkB7UIF0G0aFlUxNd37jmOjo7QH/6cgXu+3/leU7BSxLSvaVXnvhDTWmNqRhap2TqmVbZf1PXDm2RIrjyetkJiWJ9Z5Vmgpr2+/ZFfeOcd8YUaZeiyvKalUtP6y/yt+YNXGLNFnwfiC++U4UII2a1Vta8KiKxjG/RAB2D5T2S4ENZt8w85EMMCYoTXmKJ5NtQXfiPDhZCayEL8EbwcghLWAC5av8Yl9CCoWiOUVoU+GGnYKBEO5KmOdXII74t3+ylQvPvBReryurhoF3iabgAdmX8mET0bsJxPmpwMh3jKj0vIgbxWlCB4O+4BG54DB6H77S1Y/4+lyfBTLTu6DqQelOIacFdjb/qmgcYnBYT5wgGxH6LzvCduvRFcqyHeOlCKasClHwJy5THQgRmgsZSAYD+O6YELAsCNUylx73NeVJRaPLkxWN0L7h2tQK6OAku+QsAEkFjqj4AY1vXl8eJkfCFQgx2g1neDWtcFakMPlJ6MgrfrIdB+fJ07Og7a0ByQ6PiChNiPsplUNAMNdgMdSgMbygAb5Kf47aQfn3AArO8lbL3zFlgi1eBAqGG/zm7rttNAj9wCOjjr1Ltk1jcDrH8WtGTGCdaSaSC3xy45AN1oUbCcr8zfJiBlCGkZzoGwxBS+nvqGk1ikiekMwgZIbNLvALiYYTdhJj+zkyk/A7TzQbbz/GUSTaVd0RebPfGPhTIsV7hk90VD0TgVx5dHxQ4gRB9Z4Fn0y+v5heP9Lv7aaLMNWHUn0JvPgSYmlyGxVLu8nl/MZxnMiNTgWcsqmmvJid4I6+WbiFPg5fAxxsf3yOv/J3r3fVAfnncAvKG4TL898YlS+TmPCgr+AaBy8VrppmCMAAAAAElFTkSuQmCC") var(--support2);
display: flex;
font-family: inherit;
font-size: 1.2rem;
height: 60px;
justify-content: center;
line-height: 1.5;
pointer-events: none;
position: absolute;
text-align: center;
width: 100vw;
white-space: pre-line;
z-index: 1;
}
}
/* 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;
}
}