☰

DuckDuckGo AI Chat responsive + customizations

DuckDuckGo AI Chat page is more suitable for wide screens.

  1. /* ==UserStyle==
  2. @name           DuckDuckGo AI Chat responsive + customizations
  3. @version        1.0.1
  4. @description    DuckDuckGo AI Chat page is more suitable for wide screens.
  5. @author         BreatFR (https://breat.fr)
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/duckduckgo-chat
  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    "Custom font size"  1.2rem
  13. @var    checkbox    noaside     "No left sidebar"   0
  14. @var    checkbox    widemode    "Wide mode"         1
  15. ==/UserStyle== */
  16.  
  17. /* === Credits ===
  18. Website         https://breat.fr
  19. facebook        https://www.facebook.com/breatfroff
  20. mastodon        https://mastodon.social/@breat_fr
  21. telegram        https://t.me/breatfr
  22. vk              https://vk.com/breatfroff
  23. X (twitter)     https://x.com/breatfroff
  24. === Credits === */
  25.  
  26. @-moz-document url("https://duckduckgo.com/?q=DuckDuckGo&ia=chat"), url("https://duckduckgo.com/?q=DuckDuckGo+AI+Chat&ia=chat&duckai=1") {
  27.     :root {
  28.         font-size: fontsize;
  29.         line-height: 1.5;
  30.         overflow-x: hidden;
  31.         --themeversion: 'Theme v1.0.1 by BreatFR (https://breat.fr)';
  32.         --install1: ' usercssjs.breat.fr ';
  33.         --install2: ' gitlab.com/breatfr/duckduckgochat ';
  34.         --space: '\00a0\00a0\00a0\00a0';
  35.         --support1: ' ko-fi.com/breatfr ';
  36.         --support2: ' paypal.me/breat ';
  37.     }
  38.     
  39.     .TRGfUJB4ZBhJDYZfbgBu::before {
  40.         background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
  41.         background-clip: text;
  42.         -webkit-background-clip: text;
  43.         color: transparent;
  44.         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");
  45.         display: block;
  46.         font-size: 1.2rem;
  47.         left: 50%;
  48.         position: absolute;
  49.         text-align: center;
  50.         top: 0;
  51.         transform: translateX(-50%);
  52.         -webkit-transform: translateX(-50%);
  53.         width: 100%;
  54.         white-space: pre-line;
  55.     }
  56.     
  57.     if noaside {
  58.         /* Masquer barre latérale */
  59.         .cuhMRlbsijSWeq8UtkYx {
  60.             display: none;
  61.             height: 0;
  62.             width: 0 !important;
  63.         }
  64.         /* Grille 1 colonne */
  65.         .TRGfUJB4ZBhJDYZfbgBu {
  66.             grid-template-columns: 1fr !important;
  67.             margin: 0;
  68.             max-width: 100% !important;
  69.         }
  70.     }
  71.     
  72.     if widemode {
  73.         .TRGfUJB4ZBhJDYZfbgBu {
  74.             grid-template-columns: 450px 1fr;
  75.             margin: 0;
  76.             max-width: 100%;
  77.         }
  78.  
  79.         .AHC2JZMPowBKMlQUGSmI {
  80.             margin-right: 2em !important;
  81.         }
  82.         
  83.         .PSL9z2mGqO2kEMN_ZOJl {
  84.             max-width: 100% !important;
  85.         }
  86.  
  87.         .PSL9z2mGqO2kEMN_ZOJl > div {
  88.             padding: 0 !important;
  89.         }
  90.     }
  91. }