Fanvue website is more suitable for wide screens.
Version au
/* ==UserStyle==
@name Fanvue responsive + customizations
@version 1.0.1
@description Fanvue website is more suitable for wide screens.
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@supportURL https://discord.gg/Q8KSHzdBxs
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var checkbox bigimages "Big images" 1
@var text fontsize "Custom font size" 1.2rem
@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("fanvue.com") {
/* ===================================================================================================================================
Version
=================================================================================================================================== */
:root {
--themeversion: 'Theme v1.0.1';
--author: ' by BreatFR';
--install: 'greasyfork.org/scripts/499234';
--support: 'ko-fi.com/breatfr or paypal.me/breat';
}
#__next > div > div > main > section:first-child::after {
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
content: var(--themeversion) var(--author) '\A' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlWSgtMSk7Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJ2NjRIMTc2Qzc4LjggMTI4IDAgMjA2LjggMCAzMDRDMCA0MTcuMyA4MS41IDQ2Ny45IDEwMC4yIDQ3OC4xYzIuNSAxLjQgNS4zIDEuOSA4LjEgMS45YzEwLjkgMCAxOS43LTguOSAxOS43LTE5LjdjMC03LjUtNC4zLTE0LjQtOS44LTE5LjVDMTA4LjggNDMxLjkgOTYgNDE0LjQgOTYgMzg0YzAtNTMgNDMtOTYgOTYtOTZoOTZ2NjRjMCAxMi42IDcuNCAyNC4xIDE5IDI5LjJzMjUgMyAzNC40LTUuNGwxNjAtMTQ0YzYuNy02LjEgMTAuNi0xNC43IDEwLjYtMjMuOHMtMy44LTE3LjctMTAuNi0yMy44bC0xNjAtMTQ0Yy05LjQtOC41LTIyLjktMTAuNi0zNC40LTUuNHoiLz48L3N2Zz4=") ' Install ' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4tLT48cGF0aCBmaWxsPSIjY2JjYmNiIiBkPSJNMzA3IDM0LjhjLTExLjUgNS4xLTE5IDE2LjYtMTkgMjkuMnY2NEgxNzZDNzguOCAxMjggMCAyMDYuOCAwIDMwNEMwIDQxNy4zIDgxLjUgNDY3LjkgMTAwLjIgNDc4LjFjMi41IDEuNCA1LjMgMS45IDguMSAxLjljMTAuOSAwIDE5LjctOC45IDE5LjctMTkuN2MwLTcuNS00LjMtMTQuNC05LjgtMTkuNUMxMDguOCA0MzEuOSA5NiA0MTQuNCA5NiAzODRjMC01MyA0My05NiA5Ni05Nmg5NnY2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==") '\A' var(--install) '\A' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlWSgtMSk7Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJ2NjRIMTc2Qzc4LjggMTI4IDAgMjA2LjggMCAzMDRDMCA0MTcuMyA4MS41IDQ2Ny45IDEwMC4yIDQ3OC4xYzIuNSAxLjQgNS4zIDEuOSA4LjEgMS45YzEwLjkgMCAxOS43LTguOSAxOS43LTE5LjdjMC03LjUtNC4zLTE0LjQtOS44LTE5LjVDMTA4LjggNDMxLjkgOTYgNDE0LjQgOTYgMzg0YzAtNTMgNDMtOTYgOTYtOTZoOTZ2NjRjMCAxMi42IDcuNCAyNC4xIDE5IDI5LjJzMjUgMyAzNC40LTUuNGwxNjAtMTQ0YzYuNy02LjEgMTAuNi0xNC43IDEwLjYtMjMuOHMtMy44LTE3LjctMTAuNi0yMy44bC0xNjAtMTQ0Yy05LjQtOC41LTIyLjktMTAuNi0zNC40LTUuNHoiLz48L3N2Zz4=") ' Support me ' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4tLT48cGF0aCBmaWxsPSIjY2JjYmNiIiBkPSJNMzA3IDM0LjhjLTExLjUgNS4xLTE5IDE2LjYtMTkgMjkuMnY2NEgxNzZDNzguOCAxMjggMCAyMDYuOCAwIDMwNEMwIDQxNy4zIDgxLjUgNDY3LjkgMTAwLjIgNDc4LjFjMi41IDEuNCA1LjMgMS45IDguMSAxLjljMTAuOSAwIDE5LjctOC45IDE5LjctMTkuN2MwLTcuNS00LjMtMTQuNC05LjgtMTkuNUMxMDguOCA0MzEuOSA5NiA0MTQuNCA5NiAzODRjMC01MyA0My05NiA5Ni05Nmg5NnY2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==") '\A' var(--support);
display: flex;
flex-direction: column;
font-size: .8rem;
left: 20px;
position: fixed;
text-align: center;
bottom: 20px;
width: max-content;
white-space: pre-line;
}
/* ===================================================================================================================================
Hide scrollbars
=================================================================================================================================== */
:root ::-webkit-scrollbar,
* {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
::-webkit-scrollbar {
height: 0 !important;
width: 0 !important;
}
/* ===================================================================================================================================
Custom font size
=================================================================================================================================== */
:root,
p:not(nav p),
textarea {
font-size: fontsize !important;
line-height: 1.5 !important;
}
if bigimages {
.mui-m9zwpz {
border-radius: 16px 16px 0 0;
height: 300px !important;
}
[alt="Media Image"] {
height: auto !important;
max-height: 100% !important;
max-width: 100% !important;
width: 100% !important;
object-fit: contain !important;
}
video {
object-fit: contain !important;
}
}
}
@-moz-document url("https://www.fanvue.com/home") {
if widemode {
#__next > div > div {
max-width: 100% !important;
min-width: 100% !important;
justify-content: flex-start !important;
width: 100% !important;
}
#__next > div > div > div:first-child {
max-width: 308px !important;
}
#__next > div > div > main {
max-width: calc(100% - 308px) !important;
}
}
}
@-moz-document url-prefix("https://www.fanvue.com/discover") {
if bigimages {
[data-testid="DISCOVERY_VIDEO_TEST_ID"] > div > div {
background: none !important;
}
}
if widemode {
#__next > div > div {
max-width: 100% !important;
min-width: 100% !important;
justify-content: flex-start !important;
width: 100% !important;
}
#__next > div > div > div:first-child {
max-width: 308px !important;
}
#__next > div > div > main {
max-width: calc(100% - 308px) !important;
}
}
}
@-moz-document url-prefix("https://www.fanvue.com/notifications") {
if widemode {
#__next > div > div {
max-width: 100% !important;
min-width: 100% !important;
justify-content: flex-start !important;
width: 100% !important;
}
#__next > div > div > div:first-child {
max-width: 308px !important;
}
#__next > div > div > main {
max-width: calc(100% - 308px) !important;
}
#__next > div > div > main > section:first-child {
flex-basis: 100% !important;
max-width: 100% !important;
}
}
}
@-moz-document url-prefix("https://www.fanvue.com/messages") {
if widemode {
[aria-label="Open Emoji Picker"] {
left: 0;
}
}
main > section > div:nth-of-type(3) > a div {
height: auto !important;
}
.mui-1dqxow3 {
max-width: 100%;
width: 100%;
}
}
@-moz-document url-prefix("https://www.fanvue.com/settings") {
if widemode {
#__next > div > div {
max-width: 100% !important;
min-width: 100% !important;
justify-content: flex-start !important;
width: 100% !important;
}
#__next > div > div > div:first-child {
max-width: 308px !important;
}
#__next > div > div > main {
max-width: calc(100% - 308px) !important;
}
#__next > div > div > main > section:first-child {
max-width: 368px !important;
}
#__next > div > div > main > section:last-child {
max-width: calc(100% - 368px) !important;
}
}
}
@-moz-document url-prefix("https://www.fanvue.com/promotions") {
if widemode {
#__next > div > div {
max-width: 100% !important;
min-width: 100% !important;
justify-content: flex-start !important;
width: 100% !important;
}
#__next > div > div > div:first-child {
max-width: 308px !important;
}
#__next > div > div > main {
max-width: calc(100% - 308px) !important;
}
#__next > div > div > main > section:first-child {
flex-basis: 100% !important;
max-width: 100% !important;
}
}
}
@-moz-document url-prefix("https://www.fanvue.com/") {
if widemode {
#__next > div > div {
max-width: 100% !important;
min-width: 100% !important;
justify-content: flex-start !important;
width: 100% !important;
}
#__next > div > div > div:first-child {
max-width: 308px !important;
}
#__next > div > div > main {
max-width: calc(100% - 308px) !important;
}
}
}