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;
}
}
}