Greasy Fork is available in English.

JVC responsive + personnalisations

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

/* ==UserStyle==
@name           JVC responsive + personnalisations
@version        1.0.2
@description    Le site JVC est mieux adapté aux écrans larges.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/jvc
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    checkbox    modeecranlarge      "Mode écran large"              1
@var    checkbox    chosesinutiles      "Pas de choses inutiles"        1
@var    text        tailletexteperso    "Taille de texte personnalisée" 1.2rem
==/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("jeuxvideo.com") {
    img {
        border-radius: 16px !important;
    }

/* ========================================================================
    Texte plus grand
======================================================================== */
    if tailletexteperso {
        :root,
        .btn-jv-editor-toolbar span,
        .boutons-sondage-topic button,
        .modal-generic-content,
        input,
        textarea {
            font-size: tailletexteperso !important;
        }

        .modal-generic-content img {
            height: auto;
            width: 1.5em;
        }
    }

    /* ========================================================================
    Mode écran large
======================================================================== */
    if modeecranlarge {
        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .header__container {
            max-width: 100%;
        }

        #article-jv>div,
        #fiche-jeu > div,
        #gamehub-list > div,
        #homepage > div,
        #mp > div,
        #page-compte > div,
        #page-messages-forum > div,
        #page-news > div,
        #page-profil > div,
        #page-topics > div,
        #test-page > div,
        #wiki-page > div {
            grid-column: 1 / span 4;
        }

        .footer__link {
            font-size: 0.9rem !important;
        }
    }

    /* ========================================================================
    Pas de choses inutiles
======================================================================== */
    if chosesinutiles {
        #dmp_jsEnabled,
        #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,
        #jv-footer > div.footer.footer--top > div > hr,
        #page-messages-forum > div.layout__row.layout__contentAside.layout__row--gutter,
        #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),
        #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),
        #page-topics > div.layout__row.layout__adHeader.js-layout-adHeader,
        #page-topics > div.layout__row.layout__adHeader--top.js-layout-adHeader-top,
        #page-topics > div.layout__row.layout__adHeader--left.js-layout-adHeader-left,
        #page-topics > div.layout__row.layout__adHeader--right.js-layout-adHeader-right,
        #playerv5_box,
        #player-jv-top-3141051,
        #wiki-page > div.layout__row.layout__contentMain.layout__row--gutter > article > div.layout__contentMainMediaPlaceholder.js-layout-contentMainMediaPlaceholder,
        #wiki-page > div.layout__row.layout__contentMain.layout__row--gutter > article > div.foot-video.px-3.px-lg-0,
        #wiki-page > div.layout__row.layout__contentMainMediaContainer.layout__row--gutter.js-layout-contentMainMediaContainer,
        #wiki-page > div.layout__row.layout__contentAside.layout__row--gutter,
        .big-image,
        .dailymotion-player,
        .dailymotion-player-wrapper,
        .foot-video.px-3.px-lg-0,
        .img-header-content,
        .layout__contentMainMediaPlaceholder.js-layout-contentMainMediaPlaceholder,
        .player-contenu,
        .ratio.ratio-16x9.js-video-container {
            display: none !important;
            height: 0px !important;
        }
    }
}