☰

JVC responsive + personnalisations

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

  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.  
  12. @var    checkbox    modeecranlarge      "Mode écran large"              1
  13. @var    checkbox    chosesinutiles      "Pas de choses inutiles"        1
  14. @var    text        tailletexteperso    "Taille de texte personnalisée" 1.2rem
  15. ==/UserStyle== */
  16.  
  17. /* === Credits ===
  18. Website         https://breat.fr
  19. facebook        https://www.facebook.com/breatfroff
  20. mastodon        https://mastodon.social/@breat_fr
  21. telegram        https://t.me/breatfr
  22. vk              https://vk.com/breatfroff
  23. X (twitter)     https://x.com/breatfroff
  24. === Credits === */
  25.  
  26. @-moz-document domain("jeuxvideo.com") {
  27.     img {
  28.         border-radius: 16px !important;
  29.     }
  30.  
  31. /* ========================================================================
  32.     Texte plus grand
  33. ======================================================================== */
  34.     if tailletexteperso {
  35.         :root,
  36.         .btn-jv-editor-toolbar span,
  37.         .boutons-sondage-topic button,
  38.         .modal-generic-content,
  39.         input,
  40.         textarea {
  41.             font-size: tailletexteperso !important;
  42.         }
  43.  
  44.         .modal-generic-content img {
  45.             height: auto;
  46.             width: 1.5em;
  47.         }
  48.     }
  49.  
  50.     /* ========================================================================
  51.     Mode écran large
  52. ======================================================================== */
  53.     if modeecranlarge {
  54.         .container,
  55.         .container-lg,
  56.         .container-md,
  57.         .container-sm,
  58.         .container-xl,
  59.         .header__container {
  60.             max-width: 100%;
  61.         }
  62.  
  63.         #article-jv>div,
  64.         #fiche-jeu > div,
  65.         #gamehub-list > div,
  66.         #homepage > div,
  67.         #mp > div,
  68.         #page-compte > div,
  69.         #page-messages-forum > div,
  70.         #page-news > div,
  71.         #page-profil > div,
  72.         #page-topics > div,
  73.         #test-page > div,
  74.         #wiki-page > div {
  75.             grid-column: 1 / span 4;
  76.         }
  77.  
  78.         .footer__link {
  79.             font-size: 0.9rem !important;
  80.         }
  81.     }
  82.  
  83.     /* ========================================================================
  84.     Pas de choses inutiles
  85. ======================================================================== */
  86.     if chosesinutiles {
  87.         #dmp_jsEnabled,
  88.         #fiche-jeu > div.layout__row.layout__adHeader.js-layout-adHeader,
  89.         #gamehub-list > div.layout__row.layout__adHeader.js-layout-adHeader,
  90.         #homepage > div.layout__row.layout__adHeader.js-layout-adHeader,
  91.         #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,
  92.         #jv-footer > div.footer.footer--top > div > hr,
  93.         #page-messages-forum > div.layout__row.layout__contentAside.layout__row--gutter,
  94.         #page-messages-forum > div.layout__row.layout__adHeader.js-layout-adHeader,
  95.         #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),
  96.         #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),
  97.         #page-topics > div.layout__row.layout__adHeader.js-layout-adHeader,
  98.         #page-topics > div.layout__row.layout__adHeader--top.js-layout-adHeader-top,
  99.         #page-topics > div.layout__row.layout__adHeader--left.js-layout-adHeader-left,
  100.         #page-topics > div.layout__row.layout__adHeader--right.js-layout-adHeader-right,
  101.         #page-topics > div.layout__row.layout__contentAside.layout__row--gutter,
  102.         #playerv5_box,
  103.         #player-jv-top-3141051,
  104.         #wiki-page > div.layout__row.layout__contentMain.layout__row--gutter > article > div.layout__contentMainMediaPlaceholder.js-layout-contentMainMediaPlaceholder,
  105.         #wiki-page > div.layout__row.layout__adHeader.js-layout-adHeader,
  106.         #wiki-page > div.layout__row.layout__contentMain.layout__row--gutter > article > div.foot-video.px-3.px-lg-0,
  107.         #wiki-page > div.layout__row.layout__contentMainMediaContainer.layout__row--gutter.js-layout-contentMainMediaContainer,
  108.         #wiki-page > div.layout__row.layout__contentAside.layout__row--gutter,
  109.         .big-image,
  110.         .card-jv-forum,
  111.         .dailymotion-player,
  112.         .dailymotion-player-wrapper,
  113.         .foot-video.px-3.px-lg-0,
  114.         .img-header-content,
  115.         .layout__contentMainMediaPlaceholder.js-layout-contentMainMediaPlaceholder,
  116.         .player-contenu,
  117.         .ratio.ratio-16x9.js-video-container,
  118.         .sideModule {
  119.             display: none !important;
  120.             height: 0px !important;
  121.         }
  122.     }
  123. }