☰

DuckDuckGo AI Chat responsive + customizations

DuckDuckGo AI Chat page is more suitable for wide screens.

/* ==UserStyle==
@name           DuckDuckGo AI Chat responsive + customizations
@version        1.0.1
@description    DuckDuckGo AI Chat page is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/duckduckgo-chat
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    text        fontsize    "Custom font size"  1.2rem
@var    checkbox    noaside     "No left sidebar"   0
@var    checkbox    widemode    "Wide mode"         1
==/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 url("https://duckduckgo.com/?q=DuckDuckGo&ia=chat"), url("https://duckduckgo.com/?q=DuckDuckGo+AI+Chat&ia=chat&duckai=1") {
    :root {
        font-size: fontsize;
        line-height: 1.5;
        overflow-x: hidden;
        --themeversion: 'Theme v1.0.1 by BreatFR (https://breat.fr)';
        --install1: ' usercssjs.breat.fr ';
        --install2: ' gitlab.com/breatfr/duckduckgochat ';
        --space: '\00a0\00a0\00a0\00a0';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat ';
    }
    
    .TRGfUJB4ZBhJDYZfbgBu::before {
        background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        content: var(--themeversion)'\A''Install: ' url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/icon_breat.fr.png") var(--install1) url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/icon_gitlab.png") var(--install2) var(--space) ' Support me: ' url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/icon_ko-fi.png") var(--support1) url("https://gitlab.com/breatfr/kindroid/-/raw/main/images/icon_paypal.png");
        display: block;
        font-size: 1.2rem;
        left: 50%;
        position: absolute;
        text-align: center;
        top: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 100%;
        white-space: pre-line;
    }
    
    if noaside {
        /* Masquer barre latérale */
        .cuhMRlbsijSWeq8UtkYx {
            display: none;
            height: 0;
            width: 0 !important;
        }
        /* Grille 1 colonne */
        .TRGfUJB4ZBhJDYZfbgBu {
            grid-template-columns: 1fr !important;
            margin: 0;
            max-width: 100% !important;
        }
    }
    
    if widemode {
        .TRGfUJB4ZBhJDYZfbgBu {
            grid-template-columns: 450px 1fr;
            margin: 0;
            max-width: 100%;
        }

        .AHC2JZMPowBKMlQUGSmI {
            margin-right: 2em !important;
        }
        
        .PSL9z2mGqO2kEMN_ZOJl {
            max-width: 100% !important;
        }

        .PSL9z2mGqO2kEMN_ZOJl > div {
            padding: 0 !important;
        }
    }
}