263 lines
5.4 KiB
CSS
263 lines
5.4 KiB
CSS
/* 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 {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
.bd-minimal .cozy-3raOZG.wrapper-2a6GCs {
|
|
padding-left: 64px;
|
|
}
|
|
|
|
/* Chat input */
|
|
|
|
.bd-minimal .form-2fGMdU {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
/* Guilds */
|
|
|
|
.bd-minimal .base-3dtUhz {
|
|
left: 55px;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z {
|
|
width: 55px;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z .wrapper-sa6paO {
|
|
height: 35px;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z .item-2hkk8m {
|
|
max-height: 20px;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z div[style*="height: 56px"],
|
|
.bd-minimal .wrapper-1Rf91z [role=group] {
|
|
height: auto !important;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z .listItem-2P_4kh,
|
|
.bd-minimal .wrapper-1Rf91z .unreadMentionsIndicatorBottom-BXS58x,
|
|
.bd-minimal .wrapper-1Rf91z .unreadMentionsIndicatorTop-gA6RCh,
|
|
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc {
|
|
width: 100%;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z .guildsError-b7zR5H,
|
|
.bd-minimal .wrapper-1Rf91z .svg-1X37T1,
|
|
.bd-minimal .wrapper-1Rf91z .wrapper-25eVIn,
|
|
.bd-minimal .wrapper-1Rf91z .placeholderMask-3K9THS {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc .folder-21wGz3,
|
|
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc .folderIconWrapper-226oVY {
|
|
background: transparent;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc .expandedFolderBackground-2sPsd- {
|
|
left: 10px;
|
|
width: 35px;
|
|
}
|
|
|
|
.bd-minimal .wrapper-1Rf91z #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="/library"],
|
|
.bd-minimal .channel-2QD9_O[href="/store"] {
|
|
width: calc(33% - 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="/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="/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="/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;
|
|
}
|