ADN optimisé et personnalisable pour les écrans larges

L'interface du site web ADN a été repensée pour offrir une expérience plus épurée et confortable sur ordinateur, avec des ajustements visuels qui s'adaptent à vos besoins.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

ستحتاج إلى تثبيت إضافة مثل Stylus لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتتمكن من تثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

(لدي بالفعل مثبت أنماط للمستخدم، دعني أقم بتثبيته!)

/* ==UserStyle==
@name           ADN optimisé et personnalisable pour les écrans larges
@description    L'interface du site web ADN a été repensée pour offrir une expérience plus épurée et confortable sur ordinateur, avec des ajustements visuels qui s'adaptent à vos besoins.
@version        1.0.7
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/a/adn
@supportURL     https://discord.gg/W7FKesJ9aG
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    text        fontsize		"Taille du texte"   				1.2rem
@var	checkbox	hidescrollbars	"Masquer les barres de défilement"	1
@var	checkbox	widemode		"Mode écran large"					1
==/UserStyle== */

/* ==Credits==
Website         https://breat.fr
Bluesky			https://bsky.app/profile/breatfroff.bsky.social
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== */

/* ==Support==
brave Creators  https://publishers.basicattentiontoken.org/c/breatfr
Buy me a coffee https://buymeacoffee.com/breatfr
ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

@-moz-document domain("animationdigitalnetwork.com") {
/* ===================================================
	ADN
=================================================== */
    /* Versions */
    :root {
        --themeversion: 'Thème v1.0.7 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/a/adn';
		--help: ' discord.gg/W7FKesJ9aG';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
        --fontsize: fontsize;
    }

    @media screen and (min-width: 900px) {
		header > div:nth-of-type(1)::after,
		header > div:nth-of-type(1)::before {
            color: white;
			display: block;
            font-family: inherit;
            font-size: inherit;
			line-height: calc(71.27px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
            width: 100vw;
            white-space: pre-line;
            z-index: 9999;
		}
        header > div:nth-of-type(1)::after {
            content: var(--themeversion) '\A Aide: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: -32%;
        }
		header > div:nth-of-type(1)::before {
            content: 'Install & Infos: ' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\A Support me: ' url("https://code.breat.fr/share/images/icons/ko-fi.png") var(--support1) ' · ' url("https://code.breat.fr/share/images/icons/paypal.png") var(--support2);
            left: 22.5%;
        }
    }

	/* Custom font size */
	[data-testid="show-item"] h3,
    div:has(>[class="my-[16px] p-[16px] bg-darkBlue-800 rounded-[12px]"]),
    [data-testid="comment-container-text"],
	.jEEkBu,
	textarea,
    textarea[data-testid="comment-form-textarea"] {
        font-size: var(--fontsize)  !important;
        font-weight: normal !important;
        line-height: 1.5 !important;
    }
    .bxamNH,
    .fNOqCh,
    .jxmMQa,
    .kyfLlI, {
        font-size: calc(var(--fontsize) - .2rem) !important;
        font-weight: normal !important;
        line-height: 1.5 !important;
    }

	if hidescrollbars {
        *,
        :root ::-webkit-scrollbar {
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
            -moz-overflow-style: none !important;
            -webkit-overflow-style: none !important;
        }
        ::-webkit-scrollbar {
            display: none;
            width: 0;
        }
    }

    if widemode {
		header > div:nth-of-type(1)::after {
            left: -35%;
        }
		header > div:nth-of-type(1)::before {

            left: 25%;
        }

		[data-testid="menuContent"],
		footer > nav {
			max-width: 100% !important;
			padding: 0 !important;
			width: 100% !important;
		}


		[data-testid="main-content"],
 		[data-testid="main-content"] > div {
			overflow: visible !important;
		}
		[data-testid="free-show-list"],
 		[data-testid="Homeshowlist"],
		[data-testid="top-show-list"],
		[data-testid="userrecommendedshowlist"],
		[data-testid="Homeshowlist"],
		[data-testid="Homeshowlist"],
 		[data-testid="relatedshowlist"] {
			min-width: 90vw !important;
		}
		div:has(>[class="my-[16px] p-[16px] bg-darkBlue-800 rounded-[12px]"]) {
			min-width: 90vw !important;
		}
		div:has(>[class="my-[16px] p-[16px] bg-darkBlue-800 rounded-[12px]"]) > div {
			padding: 1em 2em;
		}
	}
}