🏠 返回首頁　

Greasy Fork is available in English.

JVC responsive + personnalisations

Le site JVC est mieux adapté aux écrans larges.


Installer en tant que style utilisateur? 
  1. /* ==UserStyle==
  2. @name           JVC responsive + personnalisations
  3. @version        1.0.3
  4. @description    Le site JVC est mieux adapté aux écrans larges.
  5. @author         BreatFR (https://breat.fr)
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/jvc
  8. @supportURL     https://discord.gg/Q8KSHzdBxs
  9. @license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
  10. @preprocessor   stylus
  11. @var    checkbox    modeecranlarge      "Mode écran large"              1
  12. @var    checkbox    chosesinutiles      "Pas de choses inutiles"        1
  13. @var    text        tailletexteperso    "Taille de texte personnalisée" 1.2rem
  14. ==/UserStyle== */
  15. /* === Credits ===
  16. Website         https://breat.fr
  17. facebook        https://www.facebook.com/breatfroff
  18. mastodon        https://mastodon.social/@breat_fr
  19. telegram        https://t.me/breatfr
  20. vk              https://vk.com/breatfroff
  21. X (twitter)     https://x.com/breatfroff
  22. === Credits === */
  23. @-moz-document domain("jeuxvideo.com") {
  24. img {
  25. border-radius: 16px !important;
  26. }
  27. /* ========================================================================
  28. Texte plus grand
  29. ======================================================================== */
  30. if tailletexteperso {
  31. :root,
  32. .btn-jv-editor-toolbar span,
  33. .boutons-sondage-topic button,
  34. .modal-generic-content,
  35. input,
  36. textarea {
  37. font-size: tailletexteperso !important;
  38. }
  39. .modal-generic-content img {
  40. height: auto;
  41. width: 1.5em;
  42. }
  43. }
  44. /* ========================================================================
  45. Mode écran large
  46. ======================================================================== */
  47. if modeecranlarge {
  48. .container,
  49. .container-lg,
  50. .container-md,
  51. .container-sm,
  52. .container-xl,
  53. .header__container {
  54. max-width: 100%;
  55. }
  56. #article-jv>div,
  57. #fiche-jeu > div,
  58. #gamehub-list > div,
  59. #homepage > div,
  60. #mp > div,
  61. #page-compte > div,
  62. #page-messages-forum > div,
  63. #page-news > div,
  64. #page-profil > div,
  65. #page-topics > div,
  66. #test-page > div,
  67. #wiki-page > div {
  68. grid-column: 1 / span 4;
  69. }
  70. .footer__link {
  71. font-size: 0.9rem !important;
  72. }
  73. }
  74. /* ========================================================================
  75. Pas de choses inutiles
  76. ======================================================================== */
  77. if chosesinutiles {
  78. #dmp_jsEnabled,
  79. #fiche-jeu > div.layout__row.layout__adHeader.js-layout-adHeader,
  80. #gamehub-list > div.layout__row.layout__adHeader.js-layout-adHeader,
  81. #homepage > div.layout__row.layout__adHeader.js-layout-adHeader,
  82. #jv-footer > div.footer.footer--top > div > div.row.flex-column.flex-sm-row.justify-content-sm-around.py-5.py-sm-6.gx-0,
  83. #jv-footer > div.footer.footer--top > div > hr,
  84. #page-messages-forum > div.layout__row.layout__contentAside.layout__row--gutter,
  85. #page-messages-forum > div.layout__row.layout__adHeader.js-layout-adHeader,
  86. #page-news > div.layout__row.layout__contentMain.layout__row--gutter > article > div.corps-news.text-enrichi-default.js-main-content.js-inread.nosticky.px-3.px-lg-0 > figure:nth-child(2),
  87. #page-news > div.layout__row.layout__contentMain.layout__row--gutter > article > div.corps-news.text-enrichi-default.js-main-content.js-inread.nosticky.px-3.px-lg-0 > figure:nth-child(4),
  88. #page-topics > div.layout__row.layout__adHeader.js-layout-adHeader,
  89. #page-topics > div.layout__row.layout__adHeader--top.js-layout-adHeader-top,
  90. #page-topics > div.layout__row.layout__adHeader--left.js-layout-adHeader-left,
  91. #page-topics > div.layout__row.layout__adHeader--right.js-layout-adHeader-right,
  92. #page-topics > div.layout__row.layout__contentAside.layout__row--gutter,
  93. #playerv5_box,
  94. #player-jv-top-3141051,
  95. #wiki-page > div.layout__row.layout__contentMain.layout__row--gutter > article > div.layout__contentMainMediaPlaceholder.js-layout-contentMainMediaPlaceholder,
  96. #wiki-page > div.layout__row.layout__adHeader.js-layout-adHeader,
  97. #wiki-page > div.layout__row.layout__contentMain.layout__row--gutter > article > div.foot-video.px-3.px-lg-0,
  98. #wiki-page > div.layout__row.layout__contentMainMediaContainer.layout__row--gutter.js-layout-contentMainMediaContainer,
  99. #wiki-page > div.layout__row.layout__contentAside.layout__row--gutter,
  100. .big-image,
  101. .card-jv-forum,
  102. .dailymotion-player,
  103. .dailymotion-player-wrapper,
  104. .foot-video.px-3.px-lg-0,
  105. .img-header-content,
  106. .layout__contentMainMediaPlaceholder.js-layout-contentMainMediaPlaceholder,
  107. .player-contenu,
  108. .ratio.ratio-16x9.js-video-container,
  109. .sideModule {
  110. display: none !important;
  111. height: 0px !important;
  112. }
  113. }
  114. }