/* Sidebars */ .bd-minimal .sidebar-2K8pFh, .bd-minimal .members-1998pB, .bd-minimal .membersWrap-2h-GB4, .bd-minimal .nowPlayingColumn-2sl4cE, .bd-minimal .bannerImage-3KhIJ6 { width: 200px; min-width: auto; } /* User Container */ .bd-minimal .container-3baos1 .noWrap-3jynv6 { display: none; opacity: 0; pointer-events: none; } .bd-minimal .container-3baos1:hover .noWrap-3jynv6 { display: flex; opacity: 1; pointer-events: all; } .bd-minimal .container-3baos1 { height: 45px; } /* Header container heights */ .bd-minimal .container-1r6BKw, .bd-minimal .header-2V-4Sw, .bd-minimal .searchBar-6Kv8R2 { height: 40px; } .bd-minimal .libraryHeader-3g95kE::before { top: 40px; } /* Settings */ .bd-minimal .sidebarRegion-VFTUkN { flex: 0; } .bd-minimal .contentColumn-2hrIYH, .bd-minimal .customColumn-Rb6toI { flex-grow: 1; max-width: 100%; } .bd-minimal .customScroller-26gWhv > div, .bd-minimal .sidebarScrollable-1qPI87 + .content-1rPSz4 { max-width: unset; } .bd-minimal .bd-addon-list .bd-addon-card { margin-bottom: 10px; } .bd-minimal .bd-addon-list.bd-grid-view { grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); } /* Friends (https://tropix126.github.io/BetterDiscordStuff/midnight/css/base.css) */ @keyframes slide-out-enable { 0% { pointer-events: none; } 100% { pointer-events: all; } } .bd-minimal .nowPlayingColumn-2sl4cE { min-width: unset; position: absolute; right: 0; height: 100%; width: 300px; transform: translateX(250px); background: var(--background-secondary-alt); transition: 250ms cubic-bezier(0.52, 0, 0.74, 0); z-index: 1; } .bd-minimal .nowPlayingColumn-2sl4cE::after { content: '|||'; color: var(--header-primary); font-size: 12px; position: absolute; left: 25px; top: 50%; transform: translateY(-50%) translateX(-50%); transition: 250ms ease; } .bd-minimal .nowPlayingColumn-2sl4cE:hover::after { opacity: 0; } .bd-minimal .nowPlayingColumn-2sl4cE:hover { transform: none; } .bd-minimal .peopleColumn-29fq28 { margin-right: 50px; } @media (max-width: 1200px) { .bd-minimal .peopleColumn-29fq28 { margin-right: 0; } } .bd-minimal .nowPlayingColumn-2sl4cE .nowPlayingScroller-2XrVUt { pointer-events: none; opacity: 0; transform: scale(0.95); transition: 250ms cubic-bezier(0.52, 0, 0.74, 0); } .bd-minimal .nowPlayingColumn-2sl4cE:hover .nowPlayingScroller-2XrVUt { opacity: 1; transform: none; } .bd-minimal .nowPlayingColumn-2sl4cE:hover .itemCard-v9viV7 { animation: slide-out-enable 450ms linear forwards; } /* Context menus (status picker) */ .bd-minimal .item-1tOPte { min-height: 18px; } .bd-minimal .styleFixed-sX-yHV { width: 180px; } .bd-minimal .description-2L932D { display: none; } /* Tooltips */ .bd-minimal .tooltip-2QfLtc { border-radius: 4px; } .bd-minimal .tooltipContent-bqVLWK { padding: 4px 8px; font-size: 13px; } /* Messages */ .bd-minimal .cozy-3raOZG.wrapper-2a6GCs .avatar-1BDn8e { transform: scale(0.75); width: 32px; height: 32px; } .bd-minimal .cozy-3raOZG.wrapper-2a6GCs { padding-left: 64px; } .bd-minimal .buttons-cl5qTG { transform: scale(0.75); transform-origin: right; } /* Chat input */ .bd-minimal .form-2fGMdU { padding-left: 10px; padding-right: 10px; } /* Guilds */ .bd-minimal .guilds-1SWlCJ { width: 55px; } .bd-minimal .guilds-1SWlCJ .wrapper-sa6paO { height: 35px; } .bd-minimal .guilds-1SWlCJ .wrapper-sa6paO span { max-height: 20px; } .bd-minimal .guilds-1SWlCJ div[style*="height: 56px"], .bd-minimal .guilds-1SWlCJ [role=group] { height: auto !important; } .bd-minimal .guilds-1SWlCJ .listItem-GuPuDH, .bd-minimal .guilds-1SWlCJ [class*="unreadMentionsIndicator"], .bd-minimal .guilds-1SWlCJ .wrapper-3Njo_c { width: 100%; } .bd-minimal .guilds-1SWlCJ .wrapper-25eVIn, .bd-minimal .guilds-1SWlCJ [class*="guildsError-"], .bd-minimal .guilds-1SWlCJ svg[width="48"] { width: 35px; height: 35px; } .bd-minimal .guilds-1SWlCJ .wrapper-3Njo_c > span { left: 10px; width: 35px; } .bd-minimal .guilds-1SWlCJ #bd-pub-button { height: 20px; line-height: 20px; font-size: 10px; } /* Private channels horizontal icons */ .bd-minimal .channel-2QD9_O[href="/channels/@me"], .bd-minimal .channel-2QD9_O[href="/discovery"], .bd-minimal .channel-2QD9_O[href="/library"], .bd-minimal .channel-2QD9_O[href="/store"] { width: calc(25% - 8px); margin-left: 8px; padding: 0; display: inline-block; } .bd-minimal .channel-2QD9_O[href="/channels/@me"] .content-3QAtGj, .bd-minimal .channel-2QD9_O[href="/discovery"] .content-3QAtGj, .bd-minimal .channel-2QD9_O[href="/library"] .content-3QAtGj, .bd-minimal .channel-2QD9_O[href="/store"] .content-3QAtGj, .bd-minimal .channel-2QD9_O[href="/channels/@me"] .children-gzQq2t, .bd-minimal .channel-2QD9_O[href="/discovery"] .children-gzQq2t, .bd-minimal .channel-2QD9_O[href="/library"] .children-gzQq2t, .bd-minimal .channel-2QD9_O[href="/store"] .children-gzQq2t { display: none; } .bd-minimal .channel-2QD9_O[href="/channels/@me"] .avatar-3uk_u9, .bd-minimal .channel-2QD9_O[href="/discovery"] .avatar-3uk_u9, .bd-minimal .channel-2QD9_O[href="/library"] .avatar-3uk_u9, .bd-minimal .channel-2QD9_O[href="/store"] .avatar-3uk_u9 { margin: 0; flex-grow: 1; } .bd-minimal .layout-2DM8Md { justify-content: center; }