☰

Animation Digital Network (ADN) responsive

Animation Digital Network (ADN) prend maintenant toute la largeur de la page.

  1. /* ==UserStyle==
  2. @name           Animation Digital Network (ADN) responsive
  3. @version        1.0.6
  4. @description    Animation Digital Network (ADN) prend maintenant toute la largeur de la page.
  5. @author         BreatFR (https://breat.fr)
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/animation-digital-network
  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    text        fontsize        "Taille du texte"   1.5rem
  13. ==/UserStyle== */
  14.  
  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.  
  24. @-moz-document domain("animationdigitalnetwork.com"), domain("animationdigitalnetwork.fr") {
  25.     :root {
  26.         --fontsize: fontsize;
  27.     }
  28.     .cxTMBq,
  29.     .lewCxR p,
  30.     [data-testid="comment-container-text"],
  31.     textarea[data-testid="comment-form-textarea"] {
  32.         font-size: var(--fontsize)  !important;
  33.         font-weight: normal !important;
  34.         line-height: 1.5 !important;
  35.     }
  36.     .bxamNH,
  37.     .fNOqCh,
  38.     .jxmMQa,
  39.     .kyfLlI {
  40.         font-size: calc(var(--fontsize) - .2rem) !important;
  41.         font-weight: normal !important;
  42.         line-height: 1.5 !important;
  43.     }
  44.     
  45.     /* Écran large */
  46.     [data-testid="menuContent"],
  47.     .bmkxsN,
  48.     .eOa-dwI,
  49.     .gMWsPW,
  50.     .iIcZXx,
  51.     .iIghaZ,
  52.     .isIJWV,
  53.     .jIUuTk {
  54.         max-width: 99% !important;
  55.         width: 99% !important;
  56.     }
  57.  
  58.     /* Animes relatifs */
  59.     div[data-testid="relatedshowlist"] {
  60.         width: calc(100% + 300px) !important;
  61.     }
  62.  
  63.     div[data-testid="pairshowlist"] {
  64.         width: calc(100% + 150px) !important;
  65.     }
  66.  
  67.     /* Rien que pour vous et Les simulcasts et Les films */
  68.     div[data-testid="userrecommendedshowlist"],
  69.     #__next > div > div > div.sc-60e49a10-0.hyGjoA > div.sc-60e49a10-1.blomsM > div:nth-child(6),
  70.     #__next > div > div > div.sc-60e49a10-0.hyGjoA > div.sc-60e49a10-1.blomsM > div:nth-child(7) {
  71.         width: calc(100% + 320px) !important;
  72.     }
  73.  
  74.     /* Le site français au service du stream d’animation et anime en vostfr et vf. */
  75.     .gUAjSJ {
  76.         width: calc(100% + 330px) !important;
  77.     }
  78.  
  79.     .kPPrQo,
  80.     .haRVTb {
  81.         max-width: calc(100% - 80px) !important;
  82.     }
  83.     .ATlce > button {
  84.         float: right;
  85.         margin-right: 15px !important;
  86.     }
  87.     
  88.     /* Pied de page */
  89.     .bBPpng,
  90.     .fFLapr,
  91.     .fRItrR,
  92.     .hjHByy {
  93.         max-width: 100%;
  94.     }
  95.     
  96.     /* Commentaires */
  97.     [data-testid="comment-container"] {
  98.         max-width: 70%;
  99.     }
  100.     
  101.     /* Zone de texte des commentaires */
  102.     textarea[data-testid="comment-form-textarea"] {
  103.         background: rgb(12, 35, 48);
  104.         color: #cbcbcb;
  105.     }
  106. }