OnlyFans responsive + customizations

OnlyFans website is more suitable for wide screens.

当前为 2024-06-30 提交的版本,查看 最新版本

  1. /* ==UserStyle==
  2. @name OnlyFans responsive + customizations
  3. @version 1.0.0
  4. @description OnlyFans website is more suitable for wide screens.
  5. @author BreatFR (https://breat.fr)
  6. @namespace https://gitlab.com/breatfr
  7. @supportURL https://discord.gg/Q8KSHzdBxs
  8. @license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
  9. @preprocessor stylus
  10.  
  11. @var checkbox bigimages "Big images" 1
  12. @var text fontsize "Custom font size" 2rem
  13. @var checkbox userinfos "Full user infos" 1
  14. @var checkbox menu "Hide menu" 0
  15. @var checkbox scrollbars "Hide scrollbars" 1
  16. @var checkbox sidebar "Hide sidebar" 0
  17. @var checkbox support "Hide support" 1
  18. @var checkbox widemode "Wide mode" 1
  19. ==/UserStyle== */
  20.  
  21. /* === Credits ===
  22. Website https://breat.fr
  23. facebook https://www.facebook.com/breatfroff
  24. mastodon https://mastodon.social/@breat_fr
  25. telegram https://t.me/breatfr
  26. vk https://vk.com/breatfroff
  27. X (twitter) https://x.com/breatfroff
  28. === Credits === */
  29.  
  30. @-moz-document domain("onlyfans.com") {
  31. :root {
  32. --themeversion: 'Theme v1.0.0';
  33. --author: ' by BreatFR';
  34. --install: 'greasyfork.org/scripts/499274';
  35. --support: 'ko-fi.com/breatfr or paypal.me/breat';
  36. }
  37. header::after {
  38. background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
  39. background-clip: text;
  40. -webkit-background-clip: text;
  41. color: transparent;
  42. 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);
  43. display: flex;
  44. flex-direction: column;
  45. font-size: 1.5rem;
  46. left: 20px;
  47. position: fixed;
  48. text-align: center;
  49. bottom: 20px;
  50. width: max-content;
  51. white-space: pre-line;
  52. }
  53. if scrollbars {
  54. :root ::-webkit-scrollbar,
  55. * {
  56. scrollbar-width: none !important;
  57. -ms-overflow-style: none !important;
  58. }
  59.  
  60. ::-webkit-scrollbar {
  61. height: 0 !important;
  62. width: 0 !important;
  63. }
  64. }
  65. if bigimages {
  66. video,
  67. .b-chat__message__media,
  68. .b-placeholder-preview,
  69. .b-post-media-holder,
  70. .b-post__media__item-inner,
  71. .b-slideshow,
  72. .img-responsive,
  73. .img-responsive.m-object-contain,
  74. .m-object-contain,
  75. .post_img_big,
  76. .post_gif,
  77. .post_gif_media,
  78. .post_img_block,
  79. .post_media,
  80. .video-js,
  81. .video-trigger,
  82. .video-wrapper {
  83. aspect-ratio: auto !important;
  84. height: auto !important;
  85. max-height: 100% !important;
  86. object-fit: contain !important;
  87. max-width: 100% !important;
  88. min-width: 100% !important;
  89. width: 100% !important;
  90. }
  91. }
  92. /* Custom font size */
  93. .b-feed-content,
  94. .b-post__text,
  95. .b-user-info,
  96. p,
  97. textarea {
  98. font-size: fontsize !important;
  99. line-height: 1.5 !important;
  100. }
  101. if userinfos {
  102. .b-user-info__content > .g-truncated-text.m-collapsed {
  103. -webkit-line-clamp: initial !important;
  104. max-height: 100% !important;
  105. }
  106. .b-user-info__content > span.link-trunc {
  107. display: none;
  108. }
  109. }
  110. if menu {
  111. .l-header {
  112. display: none !important;
  113. }
  114. }
  115. if sidebar {
  116. .l-wrapper__sidebar {
  117. display: none;
  118. }
  119. }
  120. if support {
  121. .contact_button {
  122. display: none;
  123. }
  124. }
  125. if widemode {
  126. #content,
  127. #content>.b-chats>.b-chats__conversations,
  128. #content>.g-sides-gaps,
  129. #content>.b-settings,
  130. .container,
  131. .l-container,
  132. .l-wrapper__holder-content,
  133. .l-wrapper__content {
  134. max-width: 100% !important;
  135. }
  136. .b-chat__message {
  137. margin-right: auto !important;
  138. }
  139. }
  140. }