☰

Paradot responsive + customizations

Paradot website is more suitable for wide screens.

  1. /* ==UserStyle==
  2. @name           Paradot responsive + customizations
  3. @version        1.0.1
  4. @description    Paradot website is more suitable for wide screens.
  5. @author         BreatFR (https://breat.fr)
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/paradot
  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    checkbox    blurcontent     "Blur content"          0
  13. @var    text        fontsize        "Custom font size"      1.2rem
  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-prefix("https://paradot.ai/chat") {
  27.     if blurcontent {
  28.         .ant-list-item .list-item-body,        
  29.         .ant-list-item .list-item-time,
  30.         .ant-list-item .list-item-title,
  31.         .chat-bubble-text,
  32.         .chat-memory-text,
  33.         .vsa-chat-date-label {
  34.             filter: blur(10px);
  35.         }
  36.     }
  37.     
  38.     if fontsize {
  39.         textarea,
  40.         .ant-list-item .list-item-body,
  41.         .ant-list-item .list-item-time,
  42.         .ant-list-item .list-item-title,
  43.         .left-cartoon-top p,
  44.         .chat-bubble-text,
  45.         .chat-memory-text,
  46.         .chat-title,
  47.         .vsa-chat-date-label {
  48.             font-size: fontsize !important;
  49.             line-height: 1.5 !important;
  50.         }
  51.         
  52.         .rooms-enter div {
  53.             font-size: 1rem !important;
  54.         }
  55.     }
  56.     
  57.     if widemode {
  58.         .content.content-bg.content-margin {
  59.             margin: 0px;
  60.         }
  61.  
  62.         .left-cartoon-center,
  63.         .left-news,
  64.         .vsa-header,
  65.         #root > div > div > div:nth-child(3) {
  66.             display: none;
  67.         }    
  68.  
  69.         .left-cartoon-top,
  70.         .left-cartoon-top-video {
  71.             height: 70vh;
  72.         }        
  73.         
  74.         .left-cartoon-top video {
  75.             width: 100%;
  76.         }
  77.         
  78.         .left-cartoon-bottom-sub {
  79.             justify-content: space-between;
  80.             width: 100%;
  81.         }
  82.     }
  83. }