BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css

2641 lines
116 KiB
CSS
Raw Normal View History

2019-03-21 09:43:34 +01:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BetterDocsBlock.css);
2019-03-21 10:34:13 +01:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/ThemeDevBadge.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
2019-02-12 12:52:32 +01:00
2018-10-11 10:21:26 +02:00
:root {
--dtransparencycolor: 0,0,0;
--dtransparencyalpha: 0.15;
--dmessagetransparency: 0.5;
--dguildchanneltransparency: 0.15;
--dmemberlistransparency: 0.0;
--daccentcolor: 190,78,180;
--dbackground: url(https://mwittrien.github.io/BetterDiscordAddons/ThemesV2/BasicBackground/background.jpg);
--dbackdrop: rgba(0,0,0,0.4);
2018-10-24 21:31:46 +02:00
--dblur: 0px;
2018-10-11 10:21:26 +02:00
--vtransparencycolor: var(--transparencycolor,var(--dtransparencycolor));
--vtransparencyalpha: var(--transparencyalpha,var(--dtransparencyalpha));
--vmessagetransparency: var(--messagetransparency,var(--dmessagetransparency));
--vguildchanneltransparency: var(--guildchanneltransparency,var(--dguildchanneltransparency));
--vmemberlistransparency: var(--memberlistransparency,var(--dmemberlistransparency));
--vaccentcolor: var(--accentcolor,var(--daccentcolor));
--vbackground: var(--background,var(--dbackground));
--vbackdrop: var(--backdrop,var(--dbackdrop));
2018-10-24 21:31:46 +02:00
--vbackgroundblur: var(--backgroundblur,var(--dblur));
--vpopoutblur: var(--popoutblur,var(--dblur));
--vbackdropblur: var(--backdropblur,var(--dblur));
2018-10-11 10:21:26 +02:00
}
2018-10-24 21:35:17 +02:00
.container-16j22k:before,
2019-01-24 14:29:47 +01:00
.appMount-3lHmkl:before {
2018-10-24 21:35:17 +02:00
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
2019-05-22 10:31:02 +02:00
position: fixed;
2018-10-11 10:21:26 +02:00
background: var(--vbackground) center/cover !important;
2018-10-24 21:31:46 +02:00
filter: blur(var(--vbackgroundblur)) !important;
2018-10-11 10:21:26 +02:00
}
.wrapper-3Q5DdO {
2018-10-24 21:31:46 +02:00
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
2018-10-11 10:21:26 +02:00
}
2018-10-24 21:31:46 +02:00
.wrapper-3Q5DdO > .rightSplit-2US0xy > .image-2jyRAK,
2018-10-11 10:21:26 +02:00
.wrapper-3Q5DdO > .rightSplit-2US0xy + .canvas-3XuBXe {
display: none !important;
}
.uploadArea-3QgLtW,
.backdrop-1wrmKB {
background: var(--vbackdrop) center/cover !important;
2018-10-24 21:31:46 +02:00
filter: blur(var(--vbackdrop)) !important;
2018-10-11 10:21:26 +02:00
opacity: 1 !important;
animation: none !important;
}
2019-05-04 11:22:02 +02:00
.emptySearchResults-1ba__I,
2019-05-01 21:53:01 +02:00
.bd-modal-body,
2019-02-04 12:15:46 +01:00
.pageWrapper-1PgVDX,
2019-02-19 21:48:13 +01:00
.container-16j22k,
.appMount-3lHmkl,
.popout-2sKjHu,
2019-03-18 10:22:26 +01:00
.noChannel-Z1DQK7,
.activityFeed-28jde9,
.activityFeed-1C0EmJ,
.gameLibrary-TTDw4Y,
.applicationStore-1pNvnv,
.lfg-3xoFkI,
.root-1BQpZw,
2019-02-19 21:48:13 +01:00
.container-3gCOGc,
.friendsTable-133bsv,
.friendTableAddHeader-m9bzFr,
.tab-content > .standardSidebarView-3F1I7i,
.chat-3bRxxu,
.chat-3bRxxu .content-yTz4x3,
.chat-3bRxxu form,
.media-engine-video,
.auditLog-3jNbM6,
.embedContainer-26S24y,
2019-04-05 19:26:52 +02:00
.embedInner-1-fpTo,
2019-02-19 21:48:13 +01:00
.assetWrapper-2Qw_5D,
.messagesWrapper-3lZDfY,
.container-1YxwTf code,
.typing-2GQL18,
.actionButtons-1sUUug,
.wrapper-2NJDcI,
.card-7JP0BX .body-SKIE6r,
.messageGroupWrapper-o-Zw7G,
.isLocalBot-38G0P0,
.article-3kb3qm,
.tileMedia-24cT6_,
.info-P9dFwH,
.mediaFade-1SdEfL,
.mediaFade-4Pqtcc,
2019-05-04 19:17:51 +02:00
.mediaFade-2NVPtV,
2019-02-19 21:48:13 +01:00
.news-2KwXHF,
.description-3rB3Rp,
.container-3gCOGc .tabBar-1E2ExX .item-PXvHYJ,
.video-1FfuMD,
.category-2U57w6,
.incomingCallInner-2VmFiR,
.react-datepicker,
.container-PNkimc,
2019-04-26 13:03:30 +02:00
.container-1r6BKw,
2019-02-19 21:48:13 +01:00
.titleBar-AC4pGV,
.titleWrapper-1l0xT9 .title-3qD0b-,
.searchResultsWrap-2DKFzt .searchResult-3pzFAB:before,
.searchResultsWrap-2DKFzt .searchResult-3pzFAB:after,
.searchResultsWrap-2DKFzt .channelName-1QajIf {
background: transparent !important;
}
2019-01-12 09:18:28 +01:00
.app-2rEoOp,
2018-10-11 10:21:26 +02:00
.layers-3iHuyZ,
.layer-3QrUeG,
.container-2lgZY8,
.contentWrapper-3WC1ID,
.popout-3sVMXz section,
2018-10-20 13:06:04 +02:00
.contentRegion-3nDuYy,
2019-01-08 13:43:12 +01:00
.container-3gCOGc .tabBar-1E2ExX .item-PXvHYJ:hover,
2018-10-11 10:21:26 +02:00
.input-cIJ7To,
2019-02-12 12:41:24 +01:00
.item-26Dhrx:not([style*="rgb(114, 137, 218)"]) .checked-3_4uQ9,
2018-10-11 10:21:26 +02:00
.containerUserOver-1U5YnL:after,
.chat-3bRxxu .inner-zqa7da,
.messageGroupBlocked-3wrQQX,
2018-12-18 21:21:08 +01:00
.action-1lSjCi,
.or-3THJsp,
2019-03-18 11:53:55 +01:00
.empty-hejAOj,
2018-12-14 00:14:32 +01:00
.quickSelectPopoutOption-opKBx9:not(.selected):hover,
2018-10-11 10:21:26 +02:00
.changeDetails-bk98pu,
2018-10-17 08:42:35 +02:00
.paginationItem-2lUq0s:not(.selectedPage-3cFHgU),
2018-10-11 10:21:26 +02:00
.Select-control,
2019-05-04 23:37:25 +02:00
.css-15ejc46-control,
.css-oc2jo8-control,
2018-10-11 10:21:26 +02:00
.wrapper-29NfPK,
2019-04-26 13:32:24 +02:00
.container-2XeR5Z,
2019-05-01 21:32:46 +02:00
.container-cMG81i,
2019-04-26 13:32:24 +02:00
.searchBar-3dMhjb,
2018-10-11 10:21:26 +02:00
.searchBar-2_Yu-C,
2019-01-09 11:27:01 +01:00
.searchResultsWrap-2DKFzt,
.searchResultsWrap-2DKFzt .searchHeader-1l-wpR,
2018-10-20 13:06:04 +02:00
.sidebarRegion-VFTUkN,
:not(.tab-content) > .standardSidebarView-3F1I7i,
2018-10-11 10:21:26 +02:00
.card-3Qj_Yx,
.container-1UB9sr,
.container-2Thooq,
.listeningAlong-2UPsxf,
.reactors-Blmlhw {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
2019-04-05 19:26:52 +02:00
.embed-IeVjo6,
2019-04-05 11:10:52 +02:00
.players-1zg2l8,
2019-03-18 10:22:26 +01:00
.wrapper-3UweLa,
.inset-GQDQYw,
2019-05-01 21:32:46 +02:00
.section-2VKIPC,
.multipleIconWrapper-1PjkRO,
2019-03-18 10:22:26 +01:00
.multipleIconWrapper-2TXVB4,
.section-3TvauS,
.recentlyPlayedContainer-2F3MqS,
2019-03-08 21:09:05 +01:00
.outer-2IVh5n,
2018-10-11 10:21:26 +02:00
.sidebar-1-SQro {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
2019-03-18 10:22:26 +01:00
.inset-GQDQYw .section-3TvauS,
.outer-2IVh5n .wrapper-3UweLa,
.outer-2IVh5n .outer-2IVh5n,
.outer-2IVh5n .recentlyPlayedContainer-2F3MqS {
background: transparent !important;
}
2018-10-11 10:21:26 +02:00
.base-3dtUhz {
border-radius: 0 !important;
}
2019-05-04 19:17:51 +02:00
.price-NUANu6,
2019-05-01 21:53:01 +02:00
.autocompleteHeaderBackground-30T70q,
2019-04-05 11:10:52 +02:00
.footer-3J5oP4,
2019-03-18 11:53:55 +01:00
.unwrapped-37iUtM,
2019-03-18 10:22:26 +01:00
.wrapped-15rg6t.clickable-nnkAZy,
.enabled-5QKLzu:hover,
2019-05-19 18:50:11 +02:00
.partyMemberOverflow-1tfvpb,
2019-03-18 10:22:26 +01:00
.memberListItem-vHCzSI:hover,
2019-05-19 18:50:11 +02:00
.memberListItem-2ZX2pl:hover,
2019-03-18 10:22:26 +01:00
.popoutContainer-3WC9HR:hover,
2018-10-11 10:21:26 +02:00
.modal-1UGdnR .header,
.modal-1UGdnR .footer,
.wrapper-1prNyd,
.popout-3sVMXz header,
.popout-3sVMXz .header-ykumBX,
.popout-3sVMXz .footer-1kmXd4,
.authBox-hW6HRx,
.date-picker-hint,
.card-7JP0BX,
.card-7JP0BX .header-1RC2Wb,
2018-10-17 08:42:35 +02:00
.carousel-2WxMes,
2018-10-11 10:21:26 +02:00
.smallCarousel-3UDi9v,
.smallCarousel-2e0IQc,
2018-12-26 20:56:57 +01:00
.container-2Zlzt0,
2018-10-17 08:42:35 +02:00
.selectedPage-3cFHgU,
2018-10-11 10:21:26 +02:00
.gameUpdates-2GPqBU,
.root-1bFE0x,
.bodySection-jqkkIP,
.row-1bU71H,
2019-01-03 21:21:38 +01:00
.option-1l2vXE,
2018-12-27 08:20:16 +01:00
.focused-1Yu0L3,
2018-12-26 20:56:57 +01:00
.expandedInfo-3kfShd,
.defaultIndicator-2X8Auf,
2019-03-14 14:26:35 +01:00
.scrollerButton-1Vm5_P,
2019-03-14 14:27:43 +01:00
.genreTag-3QLRUJ,
2019-03-14 14:26:35 +01:00
.tile-QA_yMc,
2019-01-28 09:13:31 +01:00
.tile-2OwFgW,
2018-12-03 15:53:33 +01:00
.tileMedia-1q3guD,
2018-10-11 10:21:26 +02:00
.news-2GDtLJ,
.modal-3HD5ck,
.modal-3HD5ck .header-1R_AjF,
.modal-3HD5ck .footer-2yfCgX,
2019-04-26 13:32:24 +02:00
.ui-tab-bar-separator,
.separator-gCa7yv,
2019-03-18 10:22:26 +01:00
.separator-1N1EBC,
2019-05-01 21:46:13 +02:00
.separator-2c4hi3,
2019-05-04 11:22:02 +02:00
.friendsColumnSeparator-3MqtMA,
2018-10-11 10:21:26 +02:00
.divider-3573oO,
.divider-1pnAR2,
2019-04-26 13:03:30 +02:00
.divider-3FBTu8,
2018-10-11 10:21:26 +02:00
.header-GwIGlr,
2019-04-26 13:32:24 +02:00
.item-PXvHYJ:not(.selected-3s45Ha):not(.tabBarItem-1b8RUP):not(.tabBarItem-1Cg-MI):not([style*="background-color"]):hover,
2018-10-11 10:21:26 +02:00
.selectableItem-1MP3MQ:hover,
.friend:hover,
.ui-tab-bar-item:hover,
2019-01-08 13:49:01 +01:00
.friendsRow-2yicud:hover,
2018-10-11 10:21:26 +02:00
.channel-2QD9_O:hover a,
.member-3W1lQa:hover .content-OzHfo4,
.member-3W1lQa.popout-open .content-OzHfo4,
.input-3yHnCz,
.attachment-33OFj0,
2019-04-26 13:03:30 +02:00
.wrapper-CU3qI5:hover,
.wrapper-1ucjTd:hover .content-3at_AU,
2019-05-04 11:22:02 +02:00
.wrapper-1ucjTd:active .content-3at_AU,
2019-04-26 13:03:30 +02:00
.listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh,
2019-05-04 11:22:02 +02:00
.listDefault-2y5Z9D .clickable-23RaYz:active .content-3xS9Lh,
2018-10-11 10:21:26 +02:00
.userHovered-2_fT4Z,
.container-1YxwTf .inline,
.container-1YxwTf pre,
.messageGroupBlockedBtn-1PBBh-,
.result-2S5Awv:after,
2018-12-03 15:53:33 +01:00
.body-1SVoBw,
2018-10-11 10:21:26 +02:00
.content-35aVm0,
.card-NB61oR,
2019-05-24 21:20:48 +02:00
.card-3DjzTQ,
2018-10-11 10:21:26 +02:00
.bda-slist li,
.uploadModal-2ifh8j .inner-zqa7da,
.cardPrimary-1Hv-to,
.cardPrimaryOutline-29Ujqw,
.searchBox-3Y2Vi7,
.selectorSelected-1_M1WV,
2019-04-04 13:51:28 +02:00
.searchOption-8nCYo-.selected-1r_nkg,
2018-10-11 10:21:26 +02:00
.friendSelected--wQP3f,
.paginator-166-09,
2019-01-28 08:42:56 +01:00
.emptyHintCard-2mUdMe,
.categoryFade-2ybR1J,
2018-12-14 00:14:32 +01:00
.quickSelectPopoutOption-opKBx9.selected,
2018-10-11 10:21:26 +02:00
.payment-xT17Mq,
2018-11-03 22:44:32 +01:00
.tier1Banner-1B_WXY,
2018-10-11 10:21:26 +02:00
.paymentPane-3bwJ6A,
2019-01-28 08:42:56 +01:00
.wrapper-39oAo3,
2019-01-08 13:43:12 +01:00
.gameNameInput-385LoS:hover,
.gameNameInput-385LoS:focus,
2019-03-20 14:14:33 +01:00
.shareButton-3w0M74,
2018-10-11 10:21:26 +02:00
.selectableItem-1MP3MQ:hover,
2019-01-08 13:43:12 +01:00
.notDetected-33MY4s,
2018-10-11 10:21:26 +02:00
.dockItem-2kQDqg:hover,
.previewOverlay-2O7_KC,
.wrapper-29NfPK .actions-2vadYq .center-1Vp33r,
2019-01-09 11:27:01 +01:00
.searchResultsWrap-2DKFzt .searchResultMessage-2VxO12.hit-NLlWXA,
2018-10-11 10:21:26 +02:00
.personalizationNotice-2HTAH2,
.rowWrapperActive-2L7i9f,
.emptyState-2-sT0o,
.btn-11C5_u,
.wrapper-35wsBm,
.wrapper-2TxpI8,
.tiles-2aXG_k,
.inviteRow-2L02ae:hover,
.audioControls-2HsaU6,
.invite-18yqGF,
.close-18n9bP:hover,
2019-04-26 13:03:30 +02:00
.guildSeparator-3s64Iy,
2019-05-04 11:22:02 +02:00
.circleIconButton-jET_ig:not(.selected-ugP_am),
2019-04-26 13:32:24 +02:00
.noIcon-1a_FrS,
2019-05-22 10:31:02 +02:00
#bd-pub-button:not(:hover),
2019-04-26 13:03:30 +02:00
.acronym-2mOFsV:not(.selected-bZ3Lue):not(:hover),
.button-OhfaWu:not(.selected-wSa2KV):not(:hover),
2019-02-04 12:15:46 +01:00
.guildsAdd-21_IdK {
2018-10-11 10:21:26 +02:00
border-color: transparent !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-05-22 10:31:02 +02:00
.twitchSectionPlayButton-2RamGG {
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>') !important;
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
border-radius: 50%;
object-position: -99999px -99999px;
}
.twitchSectionPlayButton-2RamGG:hover {
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4)) !important;
}
2019-05-01 21:46:13 +02:00
.row-rrHHJU.selected-1pIgLL {
background: linear-gradient(90deg,rgba(var(--vtransparencycolor),0.3) 90%,rgba(var(--vtransparencycolor),0)) !important;
}
2019-02-04 12:15:46 +01:00
.searchBoxInputWrapper-nKncfu {
padding-right: 16px !important;
}
2018-12-14 00:14:32 +01:00
.check-2by_h9 {
-webkit-mask: url(https://discordapp.com/assets/6acb20d5e709b34b6a7f36ec13648666.svg) center/cover no-repeat !important;
background: rgb(var(--vaccentcolor)) !important;
}
2018-10-11 10:21:26 +02:00
.applicationStore-1pNvnv .home-2gmu2h {
padding-top: 5px;
}
2019-03-25 14:13:02 +01:00
.itemBackground-2vEldQ {
2018-10-11 10:21:26 +02:00
border-radius: 9px;
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-03-25 14:13:02 +01:00
.itemBackground-2vEldQ:before {
2018-10-11 10:21:26 +02:00
border-radius: 9px;
background: radial-gradient(ellipse at top,transparent,rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4))),linear-gradient(90deg,rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4)) 0,transparent 40%,transparent 60%,rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4))),linear-gradient(0deg,rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4)) 0,transparent 25%) !important;
}
2018-10-17 08:42:35 +02:00
.paginationItem-2lUq0s:after {
2018-10-11 10:21:26 +02:00
background: linear-gradient(270deg,transparent 0,rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3))) !important;
}
2018-10-17 08:42:35 +02:00
.paginationItem-2lUq0s .splashArt-1anaP9 {
2018-10-11 10:21:26 +02:00
border-radius: 5px !important;
}
.container-2VW0UT {
background: rgba(var(--vtransparencycolor),0.8) !important;
}
.bar-2Qqk5Z {
padding: 1px;
}
2019-05-04 19:17:51 +02:00
.skuNormal-3h1es-,
2019-05-04 11:22:02 +02:00
.rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 .row-ZLfFhY,
.header-39GIC8,
.headerCell-3L6rFG,
.friendsTableHeader-32yE7d,
2019-04-26 13:35:11 +02:00
.channelTextArea-rNsIhG,
2019-03-14 14:26:35 +01:00
.categoryHeader-1D7Tqy,
2018-10-11 10:21:26 +02:00
.premiumApplicationsHeader-Zmkm5e,
.headerPurchase-2z_nch,
.row-1bU71H,
.divider-21LyPb,
.sortFilterBar-3hePOV,
.headerText-2niCs_,
.Select-control,
2019-05-04 23:37:25 +02:00
.css-15ejc46-control,
.css-oc2jo8-control,
2018-10-11 10:21:26 +02:00
.messageGroupBlocked-3wrQQX,
.input-cIJ7To:not(:focus),
.container-1UB9sr,
.cardPrimaryEditable-3KtE4g {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-05-04 23:37:25 +02:00
.Select-control:hover,
.css-15ejc46-control:hover,
.css-oc2jo8-control:hover {
2018-10-11 10:21:26 +02:00
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 6)) !important;
}
2019-05-24 21:18:58 +02:00
.header-2o-2hj:not(.banner-1TiK82):not(.withBanner-3j8ruM),
2019-05-04 11:22:02 +02:00
.searchBar-6Kv8R2,
2019-03-25 14:13:02 +01:00
.title-3qD0b-,
2019-04-26 13:03:30 +02:00
.container-1r6BKw {
2019-03-25 14:13:02 +01:00
box-shadow: 0 1px 0 rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)), 0 2px 0 rgba(var(--vtransparencycolor),.06) !important;
}
2019-05-01 21:21:11 +02:00
.item-3eFBNF {
box-shadow: 0 -1px 0 0 rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2018-12-26 20:56:57 +01:00
.installationPath-24giJj {
box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2018-10-11 10:21:26 +02:00
.message-2qRu38 {
box-shadow: none !important;
border: none !important;
border-radius: 5px !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
padding-left: 10px;
}
.emojiButtonNormal-TdumYh {
opacity: 0.5 !important;
}
input:disabled {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
filter: brightness(50%) !important;
}
.content-Qb0rXO {
color: #f6f6f7 !important;
}
.keybindShortcut-1BD6Z1 span {
color: hsla(0,0%,100%,.8) !important;
background: rgba(var(--vaccentcolor),0.3) !important;
border-color: rgb(var(--vaccentcolor)) !important;
box-shadow: inset 0 -4px 0 rgba(var(--vaccentcolor),0.5) !important;
}
.keybindShortcut-1BD6Z1 [fill]:not([fill="none"]) {
fill: hsla(0,0%,100%,.8) !important;
}
.keybindShortcut-1BD6Z1 [stroke]:not([stroke="none"]) {
stroke: hsla(0,0%,100%,.8) !important;
}
2019-01-09 11:27:01 +01:00
.actionButtons-1sUUug {
2018-10-11 10:21:26 +02:00
top: 5px !important;
right: 15px !important;
}
2019-03-25 14:13:02 +01:00
.actionButtons-14P9IC {
2018-10-11 10:21:26 +02:00
right: 20px !important;
}
2019-01-09 11:27:01 +01:00
.actionButtons-14P9IC .jumpButton-Ia2hRJ,
2018-10-11 10:21:26 +02:00
.actionButtons-1sUUug .jumpButton-3DTcS_,
.actionButtons-1sUUug .closeButton-17RIVZ {
border-radius: 3px !important;
height: 14px !important;
margin: 0 3px !important;
padding: 3px !important;
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-01-09 11:27:01 +01:00
.container-1YxwTf:hover .jumpButton-Ia2hRJ,
2018-10-11 10:21:26 +02:00
.container-1YxwTf:hover .jumpButton-3DTcS_,
.container-1YxwTf:hover .closeButton-17RIVZ {
opacity: 0.5 !important;
}
2019-01-09 11:27:01 +01:00
.container-1YxwTf .jumpButton-Ia2hRJ:hover,
2018-10-11 10:21:26 +02:00
.container-1YxwTf .jumpButton-3DTcS_:hover,
.container-1YxwTf .closeButton-17RIVZ:hover {
opacity: 1 !important;
}
2019-01-09 11:27:01 +01:00
.actionButtons-14P9IC *,
.actionButtons-1sUUug * {
2018-10-11 10:21:26 +02:00
color: rgb(255,255,255) !important;
}
.card-FDVird {
margin: 0 0 6px 0 !important;
}
.card-FDVird:before {
border: none !important;
opacity: 1 !important;
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
transition: background .1s ease !important;
}
.card-FDVird:hover:before {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-01-28 10:46:52 +01:00
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .card-FDVird {
left: 20px !important;
}
2018-10-11 10:21:26 +02:00
.divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI {
color: rgb(200,200,200) !important;
}
.divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI {
color: rgb(var(--vaccentcolor)) !important;
}
.divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:after,
.divider-3gKybi:not(.dividerRed-MKoLlr) .dividerContent-2L12VI:before {
border-color: rgb(200,200,200) !important;
}
.divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:after,
.divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:before {
border-color: rgba(var(--vaccentcolor),.4) !important;
}
.divider-3gKybi .dividerContent-2L12VI {
background: rgba(var(--vtransparencycolor),var(--vmessagetransparency)) !important;
border-radius: 5px !important;
}
.divider-3gKybi .dividerContent-2L12VI:after,
.divider-3gKybi .dividerContent-2L12VI:before {
margin: 0 8px !important;
}
.containerCozy-jafyvG {
overflow: visible !important;
padding: 10px 0 !important;
margin: 10px 5px 10px 80px !important;
border-radius: 5px !important;
background: rgba(var(--vtransparencycolor),var(--vmessagetransparency)) !important;
}
.headerCozy-2N9HOL {
position: relative !important;
margin-left: 10px !important;
}
.headerCozy-2N9HOL .avatar-17mtNa {
position: absolute !important;
left: -90px !important;
top: 0 !important;
}
.headerCozy-2N9HOL .avatar-17mtNa:after {
content: "";
position: relative;
float: left;
left: 35px;
top: -30px;
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 15px solid rgba(var(--vtransparencycolor),var(--vmessagetransparency));
}
.contentCozy-3XX413 {
margin-left: 10px !important;
}
.containerCompact-3V0ioj {
margin: 5px;
padding: 5px 0 !important;
border-radius: 5px !important;
background: rgba(var(--vtransparencycolor),var(--vmessagetransparency)) !important;
}
.containerCompact-3V0ioj + .divider-3gKybi {
top: 5px;
}
.divider-3gKybi + .containerCompact-3V0ioj {
margin-top: 15px !important;
}
.container-1YxwTf.containerCompact-3V0ioj .messageCozy-2JPAPA {
padding: 0 !important;
}
.container-1YxwTf .inline {
padding: 0.6px 5px !important;
}
.channelNotice-1-XFjC,
.wrapper-3JPufy button,
.accountBtnInner-sj5jLs,
.button-mM-y8i {
background-color: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
2019-02-04 12:15:46 +01:00
.loading-17PYl_,
2018-10-11 10:21:26 +02:00
.partyMemberBackground-aSF9mc,
2019-01-08 13:49:01 +01:00
.friendsAction-__WNE9:not(:hover),
2018-10-11 10:21:26 +02:00
.button-mM-y8i:hover,
2019-04-27 09:38:34 +02:00
.iconBadge-2wi9r4 {
2018-10-11 10:21:26 +02:00
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.modal-3HD5ck,
.modal-3HD5ck .header-1R_AjF {
box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor),.3), 0 1px 2px 0 rgba(var(--vtransparencycolor),.3) !important;
}
.modal-3HD5ck .footer-2yfCgX {
box-shadow: inset 0 1px 0 rgba(var(--vtransparencycolor),.1) !important;
}
.modal-3HD5ck .header-1R_AjF + .inner-3wn6Q5,
.modal-3HD5ck .header-1R_AjF + .scrollerWrap-2lJEkd > .scroller-2FKFPG {
padding-top: 10px;
}
.modal-3HD5ck .base-3dtUhz {
border-radius: 0 !important;
}
.channels-Ie2l6A > div:nth-child(2) {
border-radius: 5px 5px 0 0 !important;
}
.header-GwIGlr,
.changeDetails-bk98pu,
.member-3W1lQa .content-OzHfo4,
.channel-2QD9_O,
2019-04-26 13:03:30 +02:00
.wrapper-CU3qI5:hover,
2018-10-11 10:21:26 +02:00
.userHovered-2_fT4Z {
border-radius: 3px !important;
}
.container-16j22k:after,
.backdrop-1wrmKB:after {
content: "";
pointer-events: none !important;
position: absolute;
top: 22px;
left: 0;
width: 100%;
height: 100%;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
.container-16j22k .content-1-zrf2 {
position: relative !important;
}
.container-16j22k .content-1-zrf2 ,
.container-16j22k .problems-3mgf6w {
z-index: 100 !important;
}
.titleBar-AC4pGV:after {
content: "";
pointer-events: none !important;
position: absolute;
z-index: -1;
top: 0;
left: 0;
2019-05-29 16:20:46 +02:00
width: 100%;
2018-10-11 10:21:26 +02:00
height: 22px;
background: rgba(var(--vtransparencycolor),calc((var(--vtransparencyalpha) * 3) + var(--vguildchanneltransparency))) !important;
}
.chat-3bRxxu form {
box-shadow: 0 -1px 0 rgba(var(--vtransparencycolor),.3) !important;
}
.chat-3bRxxu form .channelTextArea-1LDbYG {
position: relative !important;
z-index: 20 !important;
}
.chat-3bRxxu form:after {
content: "";
pointer-events: none !important;
position: absolute;
z-index: 10;
border-radius: 0 10px 0 0;
top: 0;
left: -20px;
width: calc(100% + 40px);
height: 100%;
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.footer-3oZnEF,
.image-3zK3Wt,
.image-1GzsFd,
.userSettingsSecurityImage-21pI_Q,
.emptyIconFriends-BrjhY9,
.errorStateIcon-p5L_DQ,
.emptyImage-1Y1gHr,
.imageError-2OefUi,
.artwork-1vrmJ_,
img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"],
.emptyPlaceholder-1zh-Eu .image-2JDb81 {
opacity: 0.5 !important;
pointer-events: none !important;
}
.footer-3oZnEF {
2018-11-03 22:44:32 +01:00
background: url(https://discordapp.com/assets/72e1fd085e240aecf005e642e655c0f4.svg) no-repeat bottom !important;
2018-10-11 10:21:26 +02:00
}
2019-03-04 22:57:59 +01:00
.wrapper-1Rf91z,
2018-10-11 10:21:26 +02:00
.channels-Ie2l6A {
background: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency)) !important;
}
.members-1998pB {
box-sizing: content-box !important;
background: rgba(var(--vtransparencycolor), var(--vmemberlistransparency)) !important;
padding: 0 !important;
}
2019-03-08 21:11:30 +01:00
.wrapper-9ppXpy {
box-shadow: inset 0 1px 0 rgba(var(--vtransparencycolor),.3) !important;
}
2019-05-14 10:15:25 +02:00
.bannerImage-1jOskm {
-webkit-mask: linear-gradient(rgb(24, 25, 28) 60%, rgba(47, 49, 54, 0) 100%) !important;
}
2018-10-11 10:21:26 +02:00
.actionButtons-1sUUug,
.auditLog-3jNbM6,
2019-01-21 19:56:53 +01:00
.isLocalBot-38G0P0,
2018-10-11 10:21:26 +02:00
.row-2okwlC,
.bar-30k2ka,
.card-FDVird,
2019-01-24 14:29:47 +01:00
.searchResultsWrap-2DKFzt .searchResultMessage-2VxO12.hit-NLlWXA {
2018-10-11 10:21:26 +02:00
box-shadow: none !important;
}
2019-05-01 21:21:11 +02:00
.emptyApplications-3GTmw-,
.emptyUsers--hiToV,
2018-10-11 10:21:26 +02:00
.popout-2sKjHu,
.messageGroupWrapper-o-Zw7G,
.item-26Dhrx[style*="border-color: rgb(114, 137, 218)"],
.auditLog-3jNbM6,
.changeDetails-bk98pu,
.popout-2sKjHu,
.incomingCallInner-2VmFiR,
.date-picker,
.date-picker-hint,
.embedInner-1-fpTo,
.accountBtnInner-sj5jLs,
.callAvatarStatus-3y6S04,
.wrapper-3JPufy button,
.accountBtnInner-sj5jLs,
2019-01-09 11:27:01 +01:00
.searchResultsWrap-2DKFzt .searchResultMessage-2VxO12.expanded-v2Szsz,
2019-01-28 09:34:28 +01:00
.status-oxiHuE,
2018-10-11 10:21:26 +02:00
.iconBadge-2dji3k {
border-color: transparent !important;
}
2019-03-18 10:22:26 +01:00
.gradientOverlay-298TBM,
2018-10-11 10:21:26 +02:00
.divider-3gKybi + .divider-3gKybi,
.divider-3gKybi:before {
visibility: hidden !important;
}
2019-04-26 13:32:24 +02:00
.children-19S4PO:after,
2019-03-25 14:13:02 +01:00
.bg-AYqtMd {
2018-10-11 10:21:26 +02:00
display: none !important;
}
2019-02-24 10:41:42 +01:00
.downloadApps-wbBFdZ .inner-2LETmR {
overflow-y: scroll;
}
2018-10-11 10:21:26 +02:00
/* ----------------------- COLORING ----------------------- */
2019-02-12 12:36:40 +01:00
.userSettingsSecurity-3IYeMF .isEnabled-24g9qA,
2019-04-18 12:23:50 +02:00
#app-mount :not(.searchLearnMore-3SQUAj):not(.content-2M3n_H) > .anchor-3Z-8Bb:not(.channelLink-2TxEu3):not(.guildsError-b7zR5H):not(.embedAuthorName-3mnTWj):not(.downloadButton-1bWXpg):not(.downloadLink-1ywL9o):not([style]),
2019-02-12 12:24:29 +01:00
#app-mount .usageInfo-2WQAwr,
#app-mount .genre-1Fi2SE,
#app-mount #bd-settings-sidebar a,
#app-mount .filenameLinkWrapper-1-14c5,
#app-mount .sampleLink-KPFu3I {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
2019-03-18 11:53:55 +01:00
.unwrapped-37iUtM:hover,
2019-03-18 10:22:26 +01:00
.wrapped-15rg6t.clickable-nnkAZy:hover,
2018-10-11 10:21:26 +02:00
.channels-Ie2l6A [class*="containerDrag"]:before,
.channels-Ie2l6A [class*="containerDrag"]:after,
.jumpToPresentBar-9P20AM,
.hasMore-3e72_v button,
.hasMore-sul95G button,
.embedPill-1Zntps:not([style]),
.searchFilter-2ESiM3,
.searchAnswer-3Dz2-q,
.progressBar-3u8FBM,
2019-04-27 08:48:35 +02:00
.akaBadge-1M-1Gw,
2019-02-12 12:41:24 +01:00
.item-26Dhrx[style*="background-color: rgb(114, 137, 218)"],
.valueChecked-m-4IJZ:not([style*="background-color: rgba(255, 255, 255, 0.3)"]),
2018-10-11 10:21:26 +02:00
.channel-2QD9_O.selected-1HYmZZ a,
.content-20Aix8:active,
2019-04-26 13:03:30 +02:00
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU,
.wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU,
2019-04-26 13:32:24 +02:00
.topPill-30KHOu .item-PXvHYJ.selected-3s45Ha,
.item-PXvHYJ.selected-3s45Ha:not(.tabBarItem-1b8RUP):not(.tabBarItem-1Cg-MI),
2018-10-11 10:21:26 +02:00
.selectableItem-1MP3MQ.selected-31soGA,
2019-03-25 14:13:02 +01:00
.round-2jCFai.checked-3_4uQ9[style*="background-color: rgb(67, 181, 129)"] {
2018-10-11 10:21:26 +02:00
background: rgb(var(--vaccentcolor)) !important;
}
2019-03-20 14:14:33 +01:00
.shareButton-3w0M74:hover,
.interactive-1FxC7B:hover,
2019-02-12 12:24:29 +01:00
.button-2b6hmh:hover,
.button-2KyEfG:hover,
.wrapper-3JPufy button:hover,
.accountBtnInner-sj5jLs:hover,
.friendsAction-__WNE9:hover {
background-color: rgb(var(--vaccentcolor)) !important;
2019-02-04 12:15:46 +01:00
}
2019-02-12 12:24:29 +01:00
.hasMore-3e72_v button,
.hasMore-sul95G button,
.round-2jCFai.checked-3_4uQ9[style*="border-color: rgb(67, 181, 129)"] {
border-color: rgb(var(--vaccentcolor)) !important;
2019-02-04 12:15:46 +01:00
}
2019-03-19 20:46:43 +01:00
#app-mount .lookOutlined-3sRXeN {
background: none !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .headerButtonColor-G7_f-V,
#app-mount .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover,
#app-mount .lookFilled-1Gx00P.hoverLink-i1fEKS.hasHover-3X1-zV:hover,
#app-mount .lookFilled-1Gx00P.colorBrand-3pXr91,
#app-mount .lookFilled-1Gx00P.colorLink-35jkBc,
#app-mount .root-SR8cQa > [class*="topSection"] .lookFilled-1Gx00P.colorGreen-29iAKY {
2018-10-11 10:21:26 +02:00
background: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookGhost-2Fn_0-.colorBrand-3pXr91,
#app-mount .lookGhost-2Fn_0-.colorLink-35jkBc {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
background: rgba(var(--vaccentcolor),0.1) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91,
#app-mount .lookOutlined-3sRXeN.colorLink-35jkBc {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
border-color: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookInverted-2D7oAl.colorBrand-3pXr91,
#app-mount .lookInverted-2D7oAl.colorLink-35jkBc {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookLink-9FtZy-.colorBrand-3pXr91 .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.colorLink-35jkBc .contents-18-Yxp {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookLink-9FtZy-.colorBrand-3pXr91:active .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.colorBrand-3pXr91:hover .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.colorLink-35jkBc:active .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.colorLink-35jkBc:hover .contents-18-Yxp {
2018-10-11 10:21:26 +02:00
background-image: linear-gradient(0deg,transparent,transparent 1px,rgb(var(--vaccentcolor)) 0,rgb(var(--vaccentcolor)) 2px,transparent 0) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
2018-10-11 10:21:26 +02:00
background: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6 {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
background: rgba(var(--vaccentcolor),0.1) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
border-color: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6 {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 .contents-18-Yxp {
2018-10-11 10:21:26 +02:00
color: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:active .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp {
2018-10-11 10:21:26 +02:00
background-image: linear-gradient(0deg,transparent,transparent 1px,rgb(var(--vaccentcolor)) 0,rgb(var(--vaccentcolor)) 2px,transparent 0) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookOutlined-3sRXeN.colorRed-1TFJan {
2018-10-11 10:21:26 +02:00
color: rgb(255,255,255) !important;
background: rgb(240,71,71) !important;
border: none !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91,
#app-mount .lookOutlined-3sRXeN.colorLink-35jkBc,
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
2019-01-28 09:13:31 +01:00
background-color: transparent !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .action-1lSjCi.join-33Tr-7 .actionButton-2PeQbJ {
2018-12-18 21:21:08 +01:00
background-color: rgb(67,181,129) !important;
}
2018-10-11 10:21:26 +02:00
2019-01-28 08:42:56 +01:00
.nowPlaying-284llR {
2018-10-11 10:21:26 +02:00
background: rgba(var(--vaccentcolor), calc(var(--vtransparencyalpha) * 3)) !important;
}
.guildIconExpired-2Qcq05 {
background-color: rgba(47,49,54,.6) !important;
}
2018-10-20 13:06:04 +02:00
.standardSidebarView-3F1I7i .closeButton-1tv5uR:hover {
2018-10-11 10:21:26 +02:00
background-color: rgba(var(--vaccentcolor), calc(var(--vtransparencyalpha) * 3)) !important;
}
2018-11-02 21:01:04 +01:00
.bottomLayer-XCk80b.hover-3nZwuJ:not(.green-1kY_LT) {
fill: rgba(var(--vaccentcolor),0.5) !important;
}
.topLayer-1eMqbv.hover-3nZwuJ:not(.green-1kY_LT) {
fill: rgb(var(--vaccentcolor)) !important;
}
2018-11-10 14:02:26 +01:00
.secondaryAccent-24W-RJ.hover-3nZwuJ:not(.green-1kY_LT) {
fill: rgb(var(--vaccentcolor),0.8) !important;
}
2018-11-02 21:01:04 +01:00
.bottomLayer-XCk80b.hover-3nZwuJ.green-1kY_LT {
2018-11-10 14:02:26 +01:00
fill: rgba(67,181,129,0.5) !important;
2018-11-02 21:01:04 +01:00
}
.topLayer-1eMqbv.hover-3nZwuJ.green-1kY_LT {
2018-11-10 14:02:26 +01:00
fill: rgb(67,181,129) !important;
}
.secondaryAccent-24W-RJ.hover-3nZwuJ.green-1kY_LT {
fill: rgb(67,181,129,0.8) !important;
2018-11-02 21:01:04 +01:00
}
2018-10-11 10:21:26 +02:00
.helpIcon-2EyVTp g {
fill: #FFF !important;
}
.round-2jCFai.checked-3_4uQ9[style*="background-color: rgba(67, 181, 129, 0.14902)"] {
background-color: rgba(var(--vaccentcolor), 0.14902) !important;
}
.round-2jCFai.checked-3_4uQ9[style*="border-color: rgba(67, 181, 129, 0.14902)"] {
border-color: rgba(var(--vaccentcolor), 0.14902) !important;
}
.round-2jCFai.checked-3_4uQ9 polyline[stroke="#43b581"] {
stroke: rgb(var(--vaccentcolor)) !important;
}
2019-05-09 10:49:11 +02:00
.input-1Rv96N,
.searchBar-3dMhjb {
color: rgb(255,255,255) !important;
}
.input-1Rv96N::placeholder,
.public-DraftEditorPlaceholder-root,
.icon-3cZ1F_ {
color: rgb(140,140,140) !important;
}
2019-01-09 22:45:58 +01:00
.searchBarInner-1_Tg2R,
2018-10-11 10:21:26 +02:00
.searchBar-1MOL6S {
border-radius: 5px !important;
border: none !important;
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
2019-01-11 23:09:59 +01:00
.searchBarInner-1_Tg2R input,
2018-10-11 10:21:26 +02:00
.searchBar-1MOL6S .input-3Xdcic {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
border-radius: 3px !important;
border-style: solid !important;
border-width: 1px !important;
color: rgb(255,255,255) !important;
transition: background-color .15s ease,border .15s ease !important;
}
.searchBar-1MOL6S .input-3Xdcic {
margin-right: 3px !important;
}
2019-01-11 23:09:59 +01:00
.searchBarInner-1_Tg2R input:not(:focus),
2018-10-11 10:21:26 +02:00
.searchBar-1MOL6S .input-3Xdcic:not(:focus) {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-01-11 23:09:59 +01:00
.searchBarInner-1_Tg2R input:focus,
2018-10-11 10:21:26 +02:00
.searchBar-1MOL6S .input-3Xdcic:focus {
border-color: rgb(var(--vaccentcolor)) !important;
}
2019-05-01 21:46:13 +02:00
.input-3Xdcic,
2019-05-11 17:54:24 +02:00
.children-19S4PO .icon-22AiRD,
2019-05-02 13:21:49 +02:00
.channel-2QD9_O.selected-1HYmZZ .linkButtonIcon-Mlm5d6,
.channel-2QD9_O:hover .linkButtonIcon-Mlm5d6,
2019-05-09 10:41:08 +02:00
.channel-2QD9_O.selected-1HYmZZ .mobileIndicator-3gyhuE,
.channel-2QD9_O:hover .mobileIndicator-3gyhuE,
2019-04-26 13:32:24 +02:00
.item-PXvHYJ.selected-3s45Ha:not(.tabBarItem-1b8RUP):not(.tabBarItem-1Cg-MI),
2018-11-03 22:44:32 +01:00
.close-18n9bP,
2018-10-11 10:21:26 +02:00
.requirements-dEriwm,
.info-1Emy1X,
.footerMain-Z8i6ST,
.purchaseUnitOperatingSystem-cnbJPz,
2019-04-26 13:03:30 +02:00
.wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU,
.wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU,
.wrapper-1ucjTd.modeSelected-1zApJ_ .icon-1_QxNX,
.wrapper-1ucjTd.modeSelected-1zApJ_:hover .icon-1_QxNX,
.wrapper-1ucjTd.modeSelected-1zApJ_ .actionIcon-2Hi9ZG,
.wrapper-1ucjTd.modeSelected-1zApJ_:hover .actionIcon-2Hi9ZG,
2018-10-11 10:21:26 +02:00
.Select-control,
2019-05-04 23:37:25 +02:00
.css-15ejc46-control,
.css-oc2jo8-control,
2018-10-11 10:21:26 +02:00
.Select-value-label,
.Select-option,
2019-05-04 23:37:25 +02:00
.css-1aymab5-option,
.css-ddw2o3-option,
.css-1k00wn6-singleValue,
.css-6nrxdk-singleValue,
2018-10-11 10:21:26 +02:00
.tutorial-popout .content p,
.input-cIJ7To,
.newMessagesBar-mujexs button,
2019-02-12 12:24:29 +01:00
#app-mount .hasMore-3e72_v button,
#app-mount .hasMore-sul95G button {
2018-11-03 22:44:32 +01:00
opacity: 1 !important;
2018-10-11 10:21:26 +02:00
color: rgb(255,255,255) !important;
}
2019-05-01 21:46:13 +02:00
.input-3Xdcic::placeholder {
color: rgb(150,150,150) !important;
}
2019-04-26 13:03:30 +02:00
.wrapper-1ucjTd:hover .icon-1_QxNX,
.wrapper-1ucjTd:hover .actionIcon-2Hi9ZG {
color: rgb(220,221,222) !important;
}
.wrapper-CU3qI5:hover .addButtonIcon-3u-3Hu {
opacity: 1 !important;
}
.wrapper-CU3qI5:hover .addButtonIcon-3u-3Hu,
.wrapper-1ucjTd .actionIcon-2Hi9ZG {
transition: transform 200ms ease !important;
}
.wrapper-CU3qI5 .addButtonIcon-3u-3Hu:hover,
.wrapper-1ucjTd .actionIcon-2Hi9ZG:hover {
transform: scale(1.3) !important;
}
2019-04-29 12:32:55 +02:00
.wrapper-1ucjTd .users-i_3-kL {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
.wrapper-1ucjTd .total-3tKGEB {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4)) !important;
}
.wrapper-1ucjTd .total-3tKGEB:after {
border-right-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2018-10-11 10:21:26 +02:00
.emptyState-N8MHmB,
.content-1zhNsr,
.content-3FEARf,
.requirementKey-14DT2D,
.icon-1IKq3C,
.textCell-1aBIUP,
.smallHeader-2h-9-U,
.label-13UUcd,
.footerSub-1Jedbi {
color: rgb(200,200,200) !important;
}
.newMessagesBar-mujexs button:hover {
text-decoration: underline;
}
.privateChannels-1nO12o .channel-2QD9_O .close-3hZ5Ni:not(:hover) {
opacity: 0.2 !important;
}
.isMentioned-N-h9aa .wrapper-3WhCwL {
background: transparent !important;
}
.isMentioned-N-h9aa:after {
background: rgba(var(--vaccentcolor),0.2) !important;
border-left-color: rgba(var(--vaccentcolor),0.8) !important;
}
.isMentioned-N-h9aa {
background: rgba(var(--vaccentcolor),0.2) !important;
}
2019-05-01 21:21:11 +02:00
.bubble-3we2di,
2018-10-11 10:21:26 +02:00
.bubble-3qRl2J,
2019-04-18 09:48:57 +02:00
.tooltip-2QfLtc:not(.tooltipRed-8-9NeP):not(.tooltipYellow-E7eIBE):not(.tooltipGreen-WdeQwd):not(.tooltip-customcolor),
2019-02-12 12:24:29 +01:00
.tooltip-1OS-Ti:not(.red-m6f4-H):not(.green-hbUqD5):not(.yellow-1oq44m):not(.tooltip-customcolor) {
2018-10-11 10:21:26 +02:00
color: rgb(255,255,255) !important;
background-color: rgb(var(--vaccentcolor)) !important;
}
2019-01-24 14:29:47 +01:00
.tooltip-1OS-Ti.right-KM_vfY:not(.red-m6f4-H):not(.green-hbUqD5):not(.yellow-1oq44m):not(.tooltip-customcolor):after {
2018-10-11 10:21:26 +02:00
border-right-color: rgb(var(--vaccentcolor)) !important;
}
2019-05-01 21:21:11 +02:00
.bubble-3we2di:before,
2018-10-11 10:21:26 +02:00
.bubble-3qRl2J:before,
2019-04-18 09:57:56 +02:00
.tooltip-2QfLtc:not(.tooltipRed-8-9NeP):not(.tooltipYellow-E7eIBE):not(.tooltipGreen-WdeQwd):not(.tooltip-customcolor) .tooltipPointer-3ZfirK,
2019-01-24 14:29:47 +01:00
.tooltip-1OS-Ti.top-1pTh1F:not(.red-m6f4-H):not(.green-hbUqD5):not(.yellow-1oq44m):not(.tooltip-customcolor):after {
2018-10-11 10:21:26 +02:00
border-top-color: rgb(var(--vaccentcolor)) !important;
}
2019-01-24 14:29:47 +01:00
.tooltip-1OS-Ti.left-1wV7VO:not(.red-m6f4-H):not(.green-hbUqD5):not(.yellow-1oq44m):not(.tooltip-customcolor):after {
2018-10-11 10:21:26 +02:00
border-left-color: rgb(var(--vaccentcolor)) !important;
}
2019-01-24 14:29:47 +01:00
.tooltip-1OS-Ti.bottom-19kp6S:not(.red-m6f4-H):not(.green-hbUqD5):not(.yellow-1oq44m):not(.tooltip-customcolor):after {
2018-10-11 10:21:26 +02:00
border-bottom-color: rgb(var(--vaccentcolor)) !important;
}
.container-3nXdBP polyline[style*="stroke: slategray"],
2019-02-12 12:24:29 +01:00
.circular-2NaZOq circle {
2018-10-11 10:21:26 +02:00
stroke: rgb(var(--vaccentcolor)) !important;
}
2018-12-26 20:56:57 +01:00
.background-yZEZik.path-3H_ZFA {
stroke: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) * 3)) !important;
}
2018-10-11 10:21:26 +02:00
.selectorNitroText-3ZFWAe + svg path,
.container-3nXdBP polyline[style*="fill: slategray"] {
fill: rgb(var(--vaccentcolor)) !important;
}
2019-03-25 14:13:02 +01:00
.guildsError-b7zR5H {
2018-10-11 10:21:26 +02:00
background: rgba(240,71,71,calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-05-01 21:21:11 +02:00
.guildsError-b7zR5H:hover {
background: rgb(240,71,71) !important;
}
2018-10-11 10:21:26 +02:00
.unread-1xRYoj,
.mention-1f5kbO {
background: rgba(240,71,71,calc(var(--vtransparencyalpha) * 6)) !important;
}
2019-04-26 13:32:24 +02:00
.item-PXvHYJ[style*="background-color: rgb(114, 137, 218))"] {
color: rgb(255,255,255) !important;
background: rgb(114,137,218)) !important;
border: none !important;
}
.item-PXvHYJ[style*="background-color: rgb(240, 71, 71)"] {
2018-10-11 10:21:26 +02:00
color: rgb(255,255,255) !important;
background: rgb(240,71,71) !important;
border: none !important;
}
.popout-3sVMXz .btn,
.private-channel-recipients-invite button,
.item-26Dhrx,
.valueChecked-m-4IJZ,
.bda-settings-button,
.bda-right button,
2019-01-24 14:29:47 +01:00
.friendsAction-__WNE9,
2018-10-11 10:21:26 +02:00
.unread-1xRYoj,
.mention-1f5kbO,
.questionMark-CWEQZn,
.jumpToPresentBar-9P20AM,
.newMessagesBar-mujexs,
.hasMore-3e72_v button,
.hasMore-sul95G button,
.wrapper-3JPufy button,
.accountBtnInner-sj5jLs,
.button-2b6hmh,
.button-2KyEfG,
.button-mM-y8i,
.button-38aScr {
transition: all 100ms linear !important;
}
.popout-3sVMXz .btn:hover,
.friends-empty .btn:hover,
.private-channel-recipients-invite button:hover,
.valueChecked-m-4IJZ:hover,
.bda-settings-button:hover,
.bda-right button:hover,
.unread-1xRYoj:hover,
.mention-1f5kbO:hover,
.questionMark-CWEQZn:hover,
.jumpToPresentBar-9P20AM:hover,
.newMessagesBar-mujexs:hover,
.hasMore-3e72_v button:hover,
.hasMore-sul95G button:hover,
.btn-primary:hover,
2019-04-26 13:32:24 +02:00
.button-38aScr:not(.lookBlank-3eh9lL):hover {
2018-10-11 10:21:26 +02:00
filter: brightness(150%) !important;
}
.bd-toast,
.toast {
background-color: rgba(var(--vtransparencycolor), 0.9) !important;
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
}
2019-02-12 12:24:29 +01:00
#app-mount .toast-brand,
#app-mount .noticeBrand-3nQBC_ {
2018-10-11 10:21:26 +02:00
background-color: rgba(var(--vaccentcolor), 0.9) !important;
}
.toast-danger,
.toast-error,
.noticeDanger-7u-yT9 {
background-color: rgba(240, 71, 71, 0.9) !important;
}
.toast-default,
.noticeDefault-362Ko2 {
background-color: rgba(242, 101, 34, 0.9) !important;
}
.toast-facebook,
.noticeFacebook-3equ5g {
background-color: rgba(53, 80, 137, 0.9) !important;
}
.toast-info,
.noticeInfo-3_iTE1 {
background-color: rgba(74, 144, 226, 0.9) !important;
}
.toast-premium,
.noticePremium-12Zvj9 {
background-color: rgba(32, 34, 37, 0.9) !important;
}
.toast-spotify,
.noticeSpotify-27dhr0 {
background-color: rgba(29, 185, 84, 0.9) !important;
}
.toast-streamermode,
.noticeStreamerMode-2TSQpg {
background-color: rgba(89, 54, 149, 0.9) !important;
}
.toast-success,
.noticeSuccess-3Y62ob {
background-color: rgba(67, 181, 129, 0.9) !important;
}
.toast-warning,
.toast-warn {
background-color: rgba(255, 166, 0, 0.9) !important;
}
/* ----------------------- POPOUTS & MODALS ------------------------ */
.popout-3sVMXz {
animation: none !important;
overflow: visible !important;
transform: none !important;
box-shadow: none !important;
pointer-events: none !important;
}
@keyframes popout-fadein {
to {opacity: 1;}
}
.popout-3sVMXz > * {
position: relative;
opacity: 0 !important;
animation: popout-fadein 100ms ease 200ms !important;
animation-fill-mode: forwards !important;
pointer-events: all !important;
}
.popout-3sVMXz[style*="translateX(-50%)"] > * {
right: 50% !important;
}
.popout-3sVMXz[style*="translateX(-100%)"] > * {
right: 100% !important;
}
.popout-3sVMXz[style*="translateX(-5"] > .container-3cGP6G {
right: 50% !important;
}
.popout-3sVMXz.popout-googletranslate[style*="translateY(-100%)"] > * {
position: relative !important;
2019-05-04 23:37:25 +02:00
bottom: 415px !important;
2018-10-11 10:21:26 +02:00
}
2019-04-05 11:10:52 +02:00
.popout-3sVMXz[style*="translateX(-5"] > .container-jGk-CT {
position: relative !important;
width: 600px !important;
right: 335px !important;
}
.popout-3sVMXz[style*="translateX(-100%)"] > .container-jGk-CT {
margin-top: -280px !important;
}
2019-02-13 22:55:07 +01:00
.popout-3sVMXz[style*="translateY(-100%)"] > .everyonePopout-nEbJY3 {
position: relative !important;
bottom: 50vh !important;
}
2018-10-11 10:21:26 +02:00
.popout-3sVMXz[style*="translateY(-100%)"] > .container-3nXdBP {
position: relative !important;
bottom: 300px !important;
}
.popout-3sVMXz[style*="translateY(-100%)"] > .container-2x5lvQ {
position: relative !important;
bottom: 342px !important;
}
.popout-3sVMXz[style*="translateY(-100%)"] > .tutorial-popout {
position: relative !important;
bottom: 280px !important;
}
.popout-3sVMXz[style*="translateX(-"] > div[channel] {
position: absolute !important;
right: 0px !important;
}
.popout-3sVMXz[style*="translateX(-"] > .option-popout {
position: absolute !important;
right: 0px !important;
}
.popout-3sVMXz[style*="translateX(-11"] > .userPopout-3XzG_A {
position: absolute !important;
right: 20px !important;
}
.popout-3sVMXz[style*="translateY(-100%)"] > .userPopout-3XzG_A {
position: absolute !important;
2018-12-14 00:14:32 +01:00
bottom: -10px !important;
left: 10px !important;
2018-10-11 10:21:26 +02:00
}
.popout-3sVMXz[style*="translateY(-100%)"] > .attachPopout-1n-ZKM {
position: absolute !important;
bottom: -15px !important;
left: 3px !important;
}
2018-12-14 00:14:32 +01:00
.popout-3sVMXz[style*="translateX(-5"] > .regionSelectPopout-p9-0_W {
position: absolute !important;
right: -70px !important;
}
.popout-3sVMXz[style*="translateX(-6"] > .regionSelectPopout-p9-0_W {
position: absolute !important;
right: -50px !important;
}
2018-10-11 10:21:26 +02:00
.popout-3sVMXz .menu-Sp6bN1.alt-3btY0e {
top: -235px !important;
}
.popout-3sVMXz[style*="translateX(-1"]:not([style*="translateX(-100%)"]) > #bda-qem,
.popout-3sVMXz[style*="translateX(-1"]:not([style*="translateX(-100%)"]) > .emojiPicker-3m1S-j,
.popout-3sVMXz[style*="translateX(-1"]:not([style*="translateX(-100%)"]) > #bda-qem-twitch-container,
.popout-3sVMXz[style*="translateX(-1"]:not([style*="translateX(-100%)"]) > #bda-qem-favourite-container {
right: 340px !important;
}
.popout-3sVMXz[style*="translateY(-100%)"] > #bda-qem,
.popout-3sVMXz[style*="translateY(-100%)"] > .emojiPicker-3m1S-j,
.popout-3sVMXz[style*="translateY(-100%)"] > #bda-qem-twitch-container,
.popout-3sVMXz[style*="translateY(-100%)"] > #bda-qem-favourite-container {
top: -350px !important;
}
.popout-3sVMXz[style*="transform: translateY(0%) translateX(-50%) translateZ(0px)"] > :first-child:not(#bda-qem) {
right: 46% !important;
top: -12px !important;
}
.attachPopout-1n-ZKM {
padding: 0 !important;
}
.container-2x5lvQ .sparkline-3A-8OK {
background-color: rgba(0,0,0,0.6);
border-radius: 5px;
padding: 5px;
}
#permissions-modal {
position: absolute !important;
}
2019-03-25 14:13:02 +01:00
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):not(.detected-platform-accounts-modal):only-child {
2018-10-11 10:21:26 +02:00
position: relative !important;
}
2018-11-03 22:44:32 +01:00
.modal-3Msmb3 .momentum-2CXCBH .content-PS26MV > div > div[style*="transform: translateX"],
2018-12-18 21:21:08 +01:00
.modal-1UGdnR .inner-1JeGVc .form-77IDep .modalContent-hXHrpZ > div > div[style*="transform: translateX"],
2018-11-02 21:01:04 +01:00
.modal-1UGdnR .inner-1JeGVc .animator-US5i9g .item-5R5nmE {
transform: none !important;
}
2018-11-03 22:44:32 +01:00
.modal-3Msmb3 .momentum-2CXCBH .content-PS26MV > div > div[style*="transform: translateX"] + div[style*="transform: translateX"],
2018-12-18 21:21:08 +01:00
.modal-1UGdnR .inner-1JeGVc .form-77IDep .modalContent-hXHrpZ > div > div[style*="transform: translateX"] + div[style*="transform: translateX"],
2018-11-02 21:01:04 +01:00
.modal-1UGdnR .inner-1JeGVc .animator-US5i9g .item-5R5nmE + .item-5R5nmE {
display: none !important;
}
2018-10-11 10:21:26 +02:00
2019-05-01 21:49:06 +02:00
.bd-modal .bd-modal-inner,
2019-04-04 13:51:28 +02:00
.searchResultsContainer-1ma_dc,
2018-10-11 10:21:26 +02:00
.autocomplete-1vrmpx,
.contextMenu-HLZMGh,
.incomingCall-14zLcL,
.keyboardShortcutsModal-3piNz7,
2019-03-25 14:13:02 +01:00
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):only-child,
2018-10-11 10:21:26 +02:00
.modal-3Msmb3,
2018-11-18 18:46:30 +01:00
.wrapper-2ZbzR9,
2018-10-11 10:21:26 +02:00
#permissions-modal,
2019-03-18 10:22:26 +01:00
.popout-3G62UL,
2018-10-11 10:21:26 +02:00
.popout-3sVMXz > [class],
.popout-3sVMXz > [id],
.popoutList-T9CKZQ,
.quickswitcher-3JagVE,
2019-05-04 23:37:25 +02:00
.Select-menu-outer,
.css-ua3v5p-menu,
.css-1ea7eys-menu {
2018-10-11 10:21:26 +02:00
transform: none !important;
background: transparent !important;
border-radius: 5px !important;
border: none !important;
box-shadow: none !important;
overflow: visible !important;
}
2019-05-01 21:49:06 +02:00
.bd-modal .bd-modal-inner:after,
.bd-modal .bd-modal-inner:before,
2019-04-04 13:51:28 +02:00
.searchResultsContainer-1ma_dc:after,
.searchResultsContainer-1ma_dc:before,
2018-10-11 10:21:26 +02:00
.autocomplete-1vrmpx:after,
.autocomplete-1vrmpx:before,
.contextMenu-HLZMGh:after,
.contextMenu-HLZMGh:before,
.incomingCall-14zLcL:after,
.incomingCall-14zLcL:before,
.keyboardShortcutsModal-3piNz7:after,
.keyboardShortcutsModal-3piNz7:before,
2019-03-25 14:13:02 +01:00
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):only-child:after,
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):only-child:before,
2018-10-11 10:21:26 +02:00
.modal-3Msmb3:after,
.modal-3Msmb3:before,
2018-11-18 18:46:30 +01:00
.wrapper-2ZbzR9:after,
.wrapper-2ZbzR9:before,
2018-10-11 10:21:26 +02:00
#permissions-modal:after,
#permissions-modal:before,
2019-03-18 10:22:26 +01:00
.popout-3G62UL:after,
.popout-3G62UL:before,
2018-10-11 10:21:26 +02:00
.popout-3sVMXz > [class]:after,
.popout-3sVMXz > [class]:before,
.popout-3sVMXz > [id]:after,
.popout-3sVMXz > [id]:before,
.popoutList-T9CKZQ:after,
.popoutList-T9CKZQ:before,
.quickswitcher-3JagVE:after,
.quickswitcher-3JagVE:before,
.Select-menu-outer:after,
2019-05-04 23:37:25 +02:00
.Select-menu-outer:before,
.css-ua3v5p-menu:after,
.css-ua3v5p-menu:before,
.css-1ea7eys-menu:after,
.css-1ea7eys-menu:before {
2019-03-18 10:22:26 +01:00
width: unset !important;
height: unset !important;
2018-10-11 10:21:26 +02:00
border-radius: 5px;
content: "";
position: absolute;
z-index: -1;
pointer-events: none;
}
2019-05-01 21:49:06 +02:00
.bd-modal .bd-modal-inner:after,
2019-04-04 13:51:28 +02:00
.searchResultsContainer-1ma_dc:after,
2018-10-11 10:21:26 +02:00
.autocomplete-1vrmpx:after,
.contextMenu-HLZMGh:after,
.incomingCall-14zLcL:after,
.keyboardShortcutsModal-3piNz7:after,
2019-03-25 14:13:02 +01:00
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):only-child:after,
2018-10-11 10:21:26 +02:00
.modal-3Msmb3:after,
2018-11-18 18:46:30 +01:00
.wrapper-2ZbzR9:after,
2018-10-11 10:21:26 +02:00
#permissions-modal:after,
2019-03-18 10:22:26 +01:00
.popout-3G62UL:after,
2018-10-11 10:21:26 +02:00
.popout-3sVMXz > [class]:after,
.popout-3sVMXz > [id]:after,
.popoutList-T9CKZQ:after,
.quickswitcher-3JagVE:after,
2019-05-04 23:37:25 +02:00
.Select-menu-outer:after,
.css-ua3v5p-menu:after,
.css-1ea7eys-menu:after {
2018-10-11 10:21:26 +02:00
top: 0;
bottom: 0;
right: 0;
left: 0;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3));
}
2019-05-01 21:49:06 +02:00
.bd-modal .bd-modal-inner:before,
2019-04-04 13:51:28 +02:00
.searchResultsContainer-1ma_dc:before,
2018-10-11 10:21:26 +02:00
.autocomplete-1vrmpx:before,
.contextMenu-HLZMGh:before,
.incomingCall-14zLcL:before,
.keyboardShortcutsModal-3piNz7:before,
2019-03-25 14:13:02 +01:00
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):only-child:before,
2018-10-11 10:21:26 +02:00
.modal-3Msmb3:before,
2018-11-18 18:46:30 +01:00
.wrapper-2ZbzR9:before,
2018-10-11 10:21:26 +02:00
#permissions-modal:before,
2019-03-18 10:22:26 +01:00
.popout-3G62UL:before,
2018-10-11 10:21:26 +02:00
.popout-3sVMXz > [class]:before,
.popout-3sVMXz > [id]:before,
.popoutList-T9CKZQ:before,
.quickswitcher-3JagVE:before,
2019-05-04 23:37:25 +02:00
.Select-menu-outer:before,
.css-ua3v5p-menu:before,
.css-1ea7eys-menu:before {
2018-10-11 10:21:26 +02:00
top: -1px;
bottom: -1px;
right: -1px;
left: -1px;
background: var(--vbackground) center/cover;
2018-10-24 21:31:46 +02:00
filter: blur(var(--vpopoutblur));
2018-10-11 10:21:26 +02:00
background-attachment: fixed;
}
2018-12-18 21:21:08 +01:00
/* fix for double shading in guild create modal */
2019-03-25 14:13:02 +01:00
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):only-child .wrapper-2ZbzR9:before,
.modal-1UGdnR .inner-1JeGVc > [class]:not(.container-3qKHyN):only-child .wrapper-2ZbzR9:after {
2018-12-18 21:21:08 +01:00
display: none !important;
}
2019-03-18 10:22:26 +01:00
.popout-3G62UL .colorMuted-HdFt4q {
color: #999 !important;
}
2018-10-11 10:21:26 +02:00
.header-39GIC8 {
background: transparent !important;
}
.header-39GIC8 > * {
position: relative !important;
}
.header-39GIC8:after,
.header-39GIC8:before {
content: "";
position: absolute;
z-index: -1;
pointer-events: none;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.header-39GIC8:after {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3));
}
.header-39GIC8:before {
background: var(--vbackground) center/cover;
2018-10-24 21:31:46 +02:00
filter: blur(var(--vpopoutblur));
2018-10-11 10:21:26 +02:00
background-attachment: fixed;
}
.uploadDropModal-2kTwbc {
border-radius: 5px !important;
}
2019-05-04 23:37:25 +02:00
.Select-menu-outer.inChat,
.css-bdfdb-menuOuter.css-ua3v5p-menu.inChat,
.css-bdfdb-menuOuter.css-1ea7eys-menu.inChat {
transform: none !important;
top: -302px !important;
2018-10-11 10:21:26 +02:00
}
.keyboardShortcutsModal-3piNz7 .modalTitle-37O4n6,
.keyboardShortcutsModal-3piNz7 .modalSubtitle-1Pj5nv {
margin: 0 !important;
border: none !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
position: relative !important;
}
.keyboardShortcutsModal-3piNz7 .modalTitle-37O4n6 .content-2Add9f,
.keyboardShortcutsModal-3piNz7 .modalSubtitle-1Pj5nv {
color: hsla(0,0%,100%,.8) !important;
}
.keyboardShortcutsModal-3piNz7 .modalTitle-37O4n6 {
padding: 20px 40px 5px 40px !important;
}
.keyboardShortcutsModal-3piNz7 .keybindDescription-2RDbC2 {
color: hsla(0,0%,100%,.8) !important;
}
.incomingCall-14zLcL {
transform: none !important;
top: calc(50vh - 146px) !important;
left: calc(50vw - 109px) !important;
}
.autocomplete-1vrmpx:after {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4));
}
.phoneVerificationModal-OzcDc3 .phoneField-38N1bJ {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.phoneVerificationModal-OzcDc3 .phoneField-38N1bJ .countryButton-3xq3Ts{
background: rgba(66,66,66,0.3) !important;
}
.phoneVerificationModal-OzcDc3 .phoneField-38N1bJ .inputField-aNPXsv {
background: transparent !important;
}
.phoneVerificationModal-OzcDc3 .phoneFieldPopout-h7c9mt {
z-index: 100 !important;
}
.phoneVerificationModal-OzcDc3 .phoneFieldScroller-2IJUdK {
border-radius: 5px !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
padding: 0 !important;
margin-bottom: 10px !important;
}
.uploadArea-3QgLtW:before {
content: "";
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3));
position: absolute;
width: 100%;
height: 100%;
left: 0;
z-index: -1;
pointer-events: none;
}
#bda-qem {
padding: 0 !important;
border: none !important;
}
#bda-qem > button {
border: none !important;
box-shadow: none !important;
color: hsla(0,0%,100%,.8) !important;
}
#bda-qem > button:not(.active) {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4)) !important;
}
#bda-qem > button.active {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.emojiPicker-3m1S-j .header-1nkwgG {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {
background: rgba(var(--vtransparencycolor),0.6) !important;
}
2019-02-25 08:39:51 +01:00
.emojiPicker-3m1S-j .premiumPromo-yVfLiA {
background: rgba(var(--vtransparencycolor),0.95) !important;
}
2018-10-11 10:21:26 +02:00
.emojiPicker-3m1S-j .popout-2nUePc {
border-color: rgb(var(--vaccentcolor)) !important;
background: rgba(var(--vtransparencycolor),0.8) !important;
}
.emojiPicker-3m1S-j .popout-2nUePc .item-16cXuq:hover {
background-color: rgba(var(--vaccentcolor),0.6) !important;
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU {
background: rgba(var(--vaccentcolor),0.8) !important;
border-radius: 0 0 5px 5px !important;
}
.emojiPicker-3m1S-j .category-2U57w6 {
color: rgb(255,255,255) !important;
}
#bda-qem-favourite-container .emote-container:hover,
#bda-qem-twitch-container .emote-container:hover,
.emojiPicker-3m1S-j .emojiItem-109bjA:hover,
.emojiPicker-3m1S-j .emojiItem-109bjA.selected-39BZ4S {
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.emojiPicker-3m1S-j .categories-1feg4n {
border: none !important;
margin: 0 !important;
padding: 0 12px !important;
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 6)) !important;
}
.regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
border-color: rgba(var(--vaccentcolor),calc(var(--vtransparencyalpha) * 6)) !important;
}
2018-12-03 15:53:33 +01:00
.overlay-n52Tzn,
.gamePreview-9weYR2 .background-3zYSQO {
-webkit-mask: linear-gradient(rgb(var(--vtransparencycolor)),transparent) !important;
2018-10-11 10:21:26 +02:00
}
2018-12-03 15:53:33 +01:00
.tileMedia-24cT6_ {
-webkit-mask: linear-gradient(rgb(var(--vtransparencycolor)) 50%, transparent) !important;
2018-10-11 10:21:26 +02:00
}
2018-12-03 15:53:33 +01:00
.tileMedia-1q3guD .tileMedia-24cT6_ {
height: 300px !important;
2018-10-11 10:21:26 +02:00
}
.userPopout-3XzG_A .footer-1fjuF6 {
border-radius: 0 0 5px 5px !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.userPopout-3XzG_A .body-3iLsc4 {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
margin: 10px !important;
border-radius: 5px !important;
}
.userPopout-3XzG_A .body-3iLsc4 textarea:focus {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.userPopout-3XzG_A .body-3iLsc4 .bodyTitle-Y0qMQz {
color: hsla(0,0%,100%,.8) !important;
}
.userPopout-3XzG_A .quickMessage-1yeL4E {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
border-radius: 3px !important;
border-style: solid !important;
border-width: 1px !important;
color: rgb(255,255,255) !important;
margin-right: 15px !important;
transition: background-color .15s ease,border .15s ease !important;
}
.userPopout-3XzG_A .quickMessage-1yeL4E:not(:focus) {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.userPopout-3XzG_A .quickMessage-1yeL4E:focus {
border-color: rgb(var(--vaccentcolor)) !important;
}
2018-12-28 10:57:05 +01:00
.root-SR8cQa .topSectionNormal-2-vo2m,
.userPopout-3XzG_A .headerNormal-T_seeN {
2018-10-11 10:21:26 +02:00
border-radius: 5px 5px 0 0 !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
2018-12-28 10:57:05 +01:00
border-bottom: 1px solid rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionNormal-2-vo2m .tabBarContainer-1s1u-z {
border-color: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionPlaying-1J5E4n,
.userPopout-3XzG_A .headerPlaying-j0WQBV {
border-radius: 5px 5px 0 0 !important;
background: rgba(var(--vaccentcolor),var(--vtransparencyalpha)) !important;
border-bottom: 1px solid rgba(var(--vaccentcolor),var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionPlaying-1J5E4n .tabBarContainer-1s1u-z {
border-color: rgba(var(--vaccentcolor),var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionSpotify-1lI0-P,
.userPopout-3XzG_A .headerSpotify-zpWxgT {
border-radius: 5px 5px 0 0 !important;
background: rgba(67,181,129,var(--vtransparencyalpha)) !important;
border-bottom: 1px solid rgba(67,181,129,var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionSpotify-1lI0-P .tabBarContainer-1s1u-z {
border-color: rgba(67,181,129,var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionStreaming-1Tpf5X,
.userPopout-3XzG_A .headerStreaming-2FjmGz {
border-radius: 5px 5px 0 0 !important;
background: rgba(89,54,149,var(--vtransparencyalpha)) !important;
border-bottom: 1px solid rgba(89,54,149,var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionStreaming-1Tpf5X .tabBarContainer-1s1u-z {
border-color: rgba(89,54,149,var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionXbox-3fWLjS,
.userPopout-3XzG_A .headerXbox-3G-4PF {
border-radius: 5px 5px 0 0 !important;
background: rgba(16,126,16,var(--vtransparencyalpha)) !important;
border-bottom: 1px solid rgba(16,126,16,var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .topSectionXbox-3fWLjS .tabBarContainer-1s1u-z {
border-color: rgba(16,126,16,var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .userInfoSection-2acyCx {
2018-10-11 10:21:26 +02:00
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
.root-SR8cQa .body-3ND3kc {
border-radius: 0 0 5px 5px !important;
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.root-SR8cQa .userInfoSectionHeader-CBvMDh {
color: rgb(255,255,255) !important;
}
.root-SR8cQa .body-3ND3kc textarea:focus {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.root-SR8cQa .listRow-hutiT_:hover {
2019-05-01 21:46:13 +02:00
background: linear-gradient(90deg,rgba(var(--vtransparencycolor),0.3) 90%,rgba(var(--vtransparencycolor),0)) !important;
2018-10-11 10:21:26 +02:00
}
.root-SR8cQa .connectedAccount-36nQx7 {
border: none !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.root-SR8cQa .connectedAccountOpenIcon-2cNbq5:hover {
filter: brightness(200%);
}
.option-1mJRMP,
2019-05-04 23:37:25 +02:00
.Select-option,
.css-1aymab5-option,
.css-ddw2o3-option {
2018-10-11 10:21:26 +02:00
top: 0 !important;
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.container-3cGP6G {
padding: 0 !important;
}
.item-2J1YMK {
margin: 0 !important;
color: rgb(255,255,255) !important;
width: 100% !important;
padding: 2px 4px !important;
border-radius: 0 !important;
}
2018-12-26 20:56:57 +01:00
.item-2yFVoY,
2018-10-11 10:21:26 +02:00
.item-2J1YMK,
.attachPopoutRow-KrE-f6,
.item-1GzJrl,
.option-1mJRMP:not(.optionActive-KkAdqq):hover,
2019-05-04 23:37:25 +02:00
.Select-option:hover,
.css-1gnr91b-option,
.css-qgio2y-option {
2018-10-11 10:21:26 +02:00
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
2018-12-26 20:56:57 +01:00
.item-2yFVoY:hover,
2018-10-11 10:21:26 +02:00
.item-2J1YMK:hover,
.attachPopoutRow-KrE-f6:hover,
.item-1GzJrl:hover,
.optionActive-KkAdqq,
2019-05-04 23:37:25 +02:00
.Select-option.is-selected,
.css-12o7ek3-option,
.css-1kft5vg-option {
2018-10-11 10:21:26 +02:00
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 4)) !important;
}
2019-03-25 14:13:02 +01:00
.queryContainer-RKFJW- {
2018-10-11 10:21:26 +02:00
border: none !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
.queryContainer-RKFJW-.focused-2bY0OD {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.resultsGroup-r_nuzN {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
padding-top: 0 !important;
}
.resultsGroup-r_nuzN:before {
display: none !important;
}
.resultsGroup-r_nuzN .option-96V44q.selected-rZcOL- {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
.resultsGroup-r_nuzN .option-96V44q:after {
display: none !important;
}
.resultsGroup-r_nuzN .option-96V44q.selected-rZcOL-:before {
background-color: rgb(var(--vaccentcolor)) !important;
border-radius: 3px !important;
width: 34px !important;
}
.resultsGroup-r_nuzN .header-2N-gMV,
.resultsGroup-r_nuzN .plusIcon-v0BTrL,
.resultsGroup-r_nuzN .searchClearHistory-2cSSMO,
.resultsGroup-r_nuzN .searchLearnMore-3SQUAj .anchor-3Z-8Bb {
color: rgb(255,255,255) !important;
}
.resultsGroup-r_nuzN .header-2N-gMV {
padding: 8px 20px !important;
}
.resultsGroup-r_nuzN .searchClearHistory-2cSSMO,
.resultsGroup-r_nuzN .searchLearnMore-3SQUAj {
top: 4px !important;
}
.option-96V44q strong,
.option-96V44q .answer-1n6g43,
.option-96V44q .displayedNick-3xxvzU {
color: #caccce !important;
}
.option-96V44q .searchResultChannelIcon-1DnTme,
.option-96V44q .searchResultChannelCategory-1l0lSn,
.option-96V44q .filter-3Y_im-,
.option-96V44q .displayUsername-Qekxml,
.option-96V44q .nonText-3CRkO0 {
color: #a0a0a0 !important;
}
.datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.datePicker--XZbmJ .react-datepicker__day--outside-month {
border-color: transparent !important;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.datePicker--XZbmJ .react-datepicker__header,
.datePicker--XZbmJ .react-datepicker__month-container,
.datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
.datePicker--XZbmJ .react-datepicker__header {
padding-bottom: 5px !important;
}
.datePicker--XZbmJ .react-datepicker__navigation {
top: 30px !important;
}
.datePicker--XZbmJ .react-datepicker__navigation--previous {
left: 30px !important;
}
.datePicker--XZbmJ .react-datepicker__navigation--next {
right: 30px !important;
}
.datePicker--XZbmJ .react-datepicker__current-month {
padding: 10px 0 !important;
}
.datePicker--XZbmJ .react-datepicker__current-month,
.datePicker--XZbmJ .react-datepicker__day-name,
.datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
.datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
.datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4,
.datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
color: rgb(255,255,255) !important;
}
.datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
color: #888 !important;
}
.datePicker--XZbmJ .react-datepicker__day--outside-month {
color: #333 !important;
}
.datePicker--XZbmJ .datePickerHint-3Q1Udw {
margin: 0 !important;
padding: 20px !important;
display: flex !important;
justify-content: center !important;
}
.contextMenu-HLZMGh > .item-1Yvehc.disabled-2xniQf:hover,
.contextMenu-HLZMGh > .item-1Yvehc,
.itemGroup-1tL0uz {
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
.item-1Yvehc {
background-color: transparent !important;
position: relative !important;
margin: 0 !important;
padding: 8px 9px !important;
border-radius: 0px !important;
}
.item-1GzJrl:not(.invite-271nFU):not(.leave-1DRJfn),
.item-1Yvehc:not(.danger-2dXSTE):not(.disabled-2xniQf):not([style*="color:"]),
.item-1Yvehc:not(.danger-2dXSTE):not(.disabled-2xniQf):hover {
color: rgb(255,255,255) !important;
}
.item-1Yvehc:not(.disabled-2xniQf):hover {
background-color: rgba(var(--vaccentcolor),calc(var(--vtransparencyalpha) * 8)) !important;
border-radius: 5px !important;
}
.item-1GzJrl.invite-271nFU:hover {
color: rgb(255,255,255) !important;
background-color: rgba(var(--vaccentcolor),calc(var(--vtransparencyalpha) * 6)) !important;
}
.item-1Yvehc.danger-2dXSTE:hover,
.item-1GzJrl.leave-1DRJfn:hover {
color: rgb(255,255,255) !important;
background-color: rgba(240,71,71,calc(var(--vtransparencyalpha) * 6)) !important;
}
.item-1GzJrl:hover .icon-2doZ3q,
.item-1GzJrl:not(.invite-271nFU):not(.leave-1DRJfn) .icon-2doZ3q {
filter: brightness(1000%);
}
.item-1GzJrl.leave-1DRJfn .icon-2doZ3q[style*="/assets/00de6b3cbb5c4dbcec817c91262f5f5b.svg"] {
background: rgb(240, 71, 71) !important;
2019-04-26 13:32:24 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><g fill="none" fill-rule="evenodd"><path d="M0 0h18v18H0z"></path><path fill="rgb(115,127,141)" d="M14.25 2.25H3.75c-.8325 0-1.5.6675-1.5 1.5v3h1.5v-3h10.5v10.5H3.75v-3h-1.5v3c0 .8284271.67157287 1.5 1.5 1.5h10.5c.8284271 0 1.5-.6715729 1.5-1.5V3.75c0-.8325-.675-1.5-1.5-1.5zm-6.69 9.435l1.065 1.065L12.375 9l-3.75-3.75L7.56 6.3075 9.5025 8.25H2.25v1.5h7.2525L7.56 11.685z"></path></g></svg>') center/cover no-repeat;
2018-10-11 10:21:26 +02:00
}
.separator-2zcjq8 {
2019-04-26 13:32:24 +02:00
border-bottom-color: rgba(255,255,255,0.4) !important;
2018-10-11 10:21:26 +02:00
}
.uploadModal-2ifh8j .footer-3mqk7D {
border-radius: 0 0 5px 5px;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.uploadModal-2ifh8j .innerEnabled-3g80kR {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.resultFocused-3aIoYe {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.quickswitcher-3JagVE .input-2VB9rf {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
border-radius: 3px !important;
border-style: solid !important;
border-width: 1px !important;
box-shadow: none !important;
box-sizing: border-box !important;
color: rgb(255,255,255) !important;
font-size: 16px !important;
height: 40px !important;
margin: 5px 8px !important;
outline: none !important;
padding: 10px !important;
transition: background-color .15s ease,border .15s ease !important;
}
.quickswitcher-3JagVE .input-2VB9rf:not(:focus) {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.quickswitcher-3JagVE .input-2VB9rf:focus {
border-color: rgb(var(--vaccentcolor)) !important;
}
.tipsWithResults-HhTE9b {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.tipsListNav-2AYmjC,
.tipsMiscControls-vCHjy1 {
color: hsla(0,0%,100%,.8) !important;
}
2019-03-25 14:13:02 +01:00
/* invite modal */
2018-10-11 10:21:26 +02:00
.wrapper-O5i5-0,
.wrapper-O5i5-0 > * {
height: 450px !important;
display: flex !important;
flex-direction: column !important;
}
2018-12-18 21:21:08 +01:00
2018-10-11 10:21:26 +02:00
/* ----------------------- ICONS ----------------------- */
.userSettingsSecurity-3IYeMF {
position: relative !important;
}
.userSettingsSecurity-3IYeMF .isEnabled-24g9qA .lockIcon-2Hj8Tq {
visibility: hidden !important;
}
.userSettingsSecurity-3IYeMF .isEnabled-24g9qA:before {
content: "";
position: absolute;
margin-top: 2px;
width: 10px;
height: 14px;
2019-05-13 22:01:28 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="14px" viewBox="0 0 10 14" version="1.1"><g xmlns="http://www.w3.org/2000/svg" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="white"><path d="M 8,6 L 2,6 L 2,5 C 2,3.346 3.346,2 5,2 C 6.654,2 8,3.346 8,5 L 8,6 Z M 4,12 L 6,12 L 6,8 L 4,8 L 4,12 Z M 5,0 C 2.238,0 0,2.238 0,5 L 0,6 L 0,10 L 0,12 C 0,13.104 0.896,14 2,14 L 8,14 C 9.104,14 10,13.104 10,12 L 10,10 L 10,6 L 10,5 C 10,2.238 7.762,0 5,0 L 5,0 Z"></path></g></g></svg>') center/cover no-repeat !important;
2018-10-11 10:21:26 +02:00
background: rgb(var(--vaccentcolor)) !important;
}
2019-02-12 13:21:44 +01:00
.icon-2Po-VO[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] {
2019-05-13 22:01:28 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><g fill="none" fill-rule="evenodd"><path d="M18 0H0v18h18z"/><path fill="white" d="M0 8h14.2l-3.6-3.6L12 3l6 6-6 6-1.4-1.4 3.6-3.6H0"/></g></svg>') center/cover no-repeat !important;
2019-02-12 13:21:44 +01:00
background: rgb(var(--vaccentcolor)) !important;
width: 18px;
}
.icon-2Po-VO[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] {
2019-05-13 22:01:28 +02:00
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path xmlns="http://www.w3.org/2000/svg" fill="white" fill-rule="evenodd" d="M17.7163041 15.36645368c-.0190957.02699568-1.9039523 2.6680735-2.9957762 2.63320406-3.0676659-.09785935-6.6733809-3.07188394-9.15694343-5.548738C3.08002193 9.9740657.09772497 6.3791404 0 3.3061316v-.024746C0 2.2060575 2.61386252.3152347 2.64082114.2972376c.7110335-.4971705 1.4917101-.3149497 1.80959713.1372281.19320342.2744561 2.19712724 3.2811005 2.42290565 3.6489167.09884826.1608492.14714912.3554431.14714912.5702838 0 .2744561-.07975258.5770327-.23701117.8751101-.1527655.2902036-.65262318 1.1664385-.89862055 1.594995.2673396.3768148.94804468 1.26429792 2.351016 2.66357424 1.39173858 1.39027775 2.28923588 2.07641807 2.67002628 2.34187563.4302146-.2452108 1.3086162-.74238132 1.5972981-.89423205.5447887-.28682915 1.0907006-.31944893 1.4568885-.08661115.3459689.2182151 3.3383754 2.21027167 3.6225641 2.41611376.2695862.19234426.4144887.5399137.4144887.91672846 0 .2969525-.089862.61190215-.2808189.88523346"/></svg>') center/cover no-repeat !important;
2019-02-12 13:21:44 +01:00
background: rgb(var(--vaccentcolor)) !important;
}
2018-10-11 10:21:26 +02:00
/* ----------------------- EXTRAS ----------------------- */
/* fix flashing whe nopening and closing settings */
.layer-3QrUeG:first-child {
will-change: unset !important;
opacity: unset !important;
transform: unset !important;
transition: unset !important;
animation: unset !important;
}
2019-05-22 10:40:16 +02:00
.layer-3QrUeG.publicServersOpen:first-child[style*="opacity"],
2018-10-11 10:21:26 +02:00
.layer-3QrUeG.stop-animations:first-child[style*="opacity"] {
opacity: 0 !important;
}
/* custom css container */
#bd-customcss-editor {
background-color: rgba(var(--vtransparencycolor),.5) !important;
}
#bd-customcss-attach-controls {
background-color: rgba(var(--vtransparencycolor),.8) !important;
box-shadow: none !important;
}
#bd-customcss-editor .ace_selection {
background-color: rgb(var(--vaccentcolor)) !important;
}
#bd-customcss-editor .ace_selected-word {
border-color: rgb(var(--vaccentcolor)) !important;
}
#bd-customcss-editor .ace_gutter {
color: #DDD !important;
background-color: rgba(var(--vtransparencycolor),.3) !important;
}
#bd-customcss-editor .ace_active-line {
background-color: rgba(var(--vaccentcolor),.5) !important;
}
#bd-customcss-editor .ace_gutter-active-line {
background-color: rgba(var(--vaccentcolor),.7) !important;
}
2019-02-16 20:47:37 +01:00
/* custom css settings (ctrl + , in custom css editor)*/
#ace_settingsmenu {
2019-02-19 20:09:47 +01:00
position: absolute !important;
top: 10vh !important;
right: calc(50vw - 300px) !important;
bottom: 10vh !important;
left: calc(50vw - 300px) !important;
border-radius: 5px !important;
padding-right: 20px !important;
box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2) !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu::-webkit-scrollbar {
2019-02-19 20:09:47 +01:00
height: 8px !important;
width: 8px !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu::-webkit-scrollbar-thumb {
2019-02-19 20:09:47 +01:00
background-color: rgba(32,34,37,.6) !important;
border: 2px solid transparent !important;
border-radius: 4px !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu::-webkit-scrollbar-track {
2019-02-19 20:09:47 +01:00
background-color: transparent !important;
border: 2px solid transparent !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu .ace_optionsMenuEntry {
2019-02-19 20:09:47 +01:00
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin-bottom: 10px !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu .ace_optionsMenuEntry:hover {
2019-02-19 20:09:47 +01:00
background: none !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu > *:last-child {
2019-02-19 20:09:47 +01:00
color: #f6f6f7 !important;
float: right !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu .ace_optionsMenuEntry label {
2019-02-19 20:09:47 +01:00
color: #f6f6f7 !important;
font-size: 16px !important;
line-height: 24px !important;
cursor: pointer !important;
flex: 1 0 auto !important;
font-weight: 500 !important;
margin-right: 10px !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu .ace_optionsMenuEntry input[type="text"],
#ace_settingsmenu .ace_optionsMenuEntry select {
2019-02-19 20:09:47 +01:00
box-sizing: border-box !important;
flex: 0 1 auto !important;
width: 200px !important;
float: none !important !important;
background-color: rgba(0,0,0,.1) !important;
border-color: rgba(0,0,0,.3) !important;
color: #f6f6f7 !important;
height: 40px !important;
padding: 10px !important;
border-radius: 3px !important;
border-style: solid !important;
border-width: 1px !important;
transition: background-color .15s ease,border .15s ease !important;
font-size: 16px !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover,
#ace_settingsmenu .ace_optionsMenuEntry select:hover {
2019-02-19 20:09:47 +01:00
border-color: #040405 !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus,
#ace_settingsmenu .ace_optionsMenuEntry select:focus {
2019-02-19 20:09:47 +01:00
border-color: rgb(var(--vaccentcolor)) !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu .ace_optionsMenuEntry select option {
2019-02-19 20:09:47 +01:00
background-color: #303339 !important;
color: #f6f6f7 !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu input[type="checkbox"] {
2019-02-19 20:09:47 +01:00
position: relative !important;
width: 44px !important;
height: 24px !important;
2019-02-16 20:47:37 +01:00
float: none !important;
}
#ace_settingsmenu input[type="checkbox"]:before {
2019-02-19 20:09:47 +01:00
content: "" !important;
display: block !important;
position: relative !important;
width: 44px !important;
height: 24px !important;
background: #72767d !important;
border-radius: 14px !important;
transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu input[type="checkbox"]:checked:before {
2019-02-19 20:09:47 +01:00
background: rgb(var(--vaccentcolor)) !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu input[type="checkbox"]:after {
2019-02-19 20:09:47 +01:00
content: "" !important;
display: block !important;
width: 18px !important;
height: 18px !important;
position: absolute !important;
top: 3px !important;
left: 3px !important;
bottom: 3px !important;
background: #f6f6f7 !important;
border-radius: 10px !important;
transition: all .15s ease !important;
box-shadow: 0 3px 1px 0 rgba(0,0,0,.05), 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 3px 0 rgba(0,0,0,.05) !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu input[type="checkbox"]:checked:after {
2019-02-19 20:09:47 +01:00
transform: translateX(20px) !important;
2019-02-16 20:47:37 +01:00
}
.ace_closeButton {
2019-02-19 20:09:47 +01:00
position: absolute !important;
height: 35px !important;
width: 35px !important;
top: calc(10vh - 13px) !important;
right: calc(50vw - 313px) !important;
z-index: 10000 !important;
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) * 3)) !important !important;
border-radius: 50% !important;
border: 2px solid #72767d !important;
padding: 0 !important;
cursor: pointer !important;
2019-02-16 20:47:37 +01:00
}
.ace_closeButton:before {
2019-02-19 20:09:47 +01:00
content: "✖" !important;
color: #dcddde !important;
margin-left: 11px !important;
line-height: 34px !important;
text-align: center !important;
vertical-align: middle !important;
2019-02-16 20:47:37 +01:00
}
.ace_closeButton:hover {
2019-02-19 20:09:47 +01:00
background-color: rgba(var(--vaccentcolor), calc(var(--vtransparencyalpha) * 3)) !important !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu {
transform: none !important;
background: transparent !important;
border-radius: 5px !important;
box-sizing: border-box !important;
border: 1px solid rgba(255,255,255,.5) !important;
}
#ace_settingsmenu:after,
#ace_settingsmenu:before {
2019-02-19 20:09:47 +01:00
border-radius: 5px !important;
content: "" !important;
position: fixed !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: -1 !important;
pointer-events: none !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu:after {
2019-02-19 20:09:47 +01:00
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
2019-02-16 20:47:37 +01:00
}
#ace_settingsmenu:before {
2019-02-19 20:09:47 +01:00
background: var(--vbackground) center/cover !important;
filter: blur(var(--vpopoutblur)) !important;
background-attachment: fixed !important;
2019-02-16 20:47:37 +01:00
}
2018-10-11 10:21:26 +02:00
/* roles */
.role-2irmRk {
2018-11-19 09:48:52 +01:00
border-radius: 5px !important;
padding: 0 5px !important;
position: relative !important;
2018-10-11 10:21:26 +02:00
}
.role-2irmRk .roleName-32vpEy {
2018-11-19 09:48:52 +01:00
color: rgb(255,255,255) !important;
margin: 0 !important;
font-weight: normal !important;
position: relative !important;
height: 20px !important;
line-height: 20px !important;
z-index: 1000 !important;
pointer-events: none !important;
2018-10-11 10:21:26 +02:00
}
.role-2irmRk .roleCircle-3xAZ1j {
2018-11-19 09:48:52 +01:00
position: absolute !important;
border-radius: 3px !important;
opacity: 0.3 !important;
height: 100% !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
2018-10-11 10:21:26 +02:00
}
.role-2irmRk .roleCircleButton-377y0l:hover {
2018-11-19 09:48:52 +01:00
opacity: 1 !important;
z-index: 2000 !important;
2018-10-11 10:21:26 +02:00
}
/* selection */
::selection {
background: rgb(var(--vaccentcolor)) !important;
}
/* scrollbars */
::-webkit-scrollbar {
width: 10px !important;
height: 10px !important;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
border-color: transparent !important;
background: transparent !important;
}
::-webkit-scrollbar-thumb {
border-radius: 10px !important;
border: 1px solid rgba(var(--vaccentcolor),.3) !important;
background-clip: content-box !important;
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-03-08 21:23:51 +01:00
::-webkit-scrollbar-corner {
visibility: hidden !important;
}
2019-03-08 21:06:11 +01:00
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-corner,
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-track,
2019-03-08 21:23:51 +01:00
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar {
display: none !important;
2018-10-11 10:21:26 +02:00
}
/* change member loadings screen */
2019-03-04 22:57:59 +01:00
.memberGroupsPlaceholder-3mwPub,
.placeholderAvatar-damqh6,
.placeholderUsername-2B_OA9 {
2018-10-11 10:21:26 +02:00
background-color: rgb(var(--vaccentcolor)) !important;
}
/* fix span flickering */
html, span:not(.spinner-item) {
backface-visibility: hidden;
}
/* friendsadd input */
.wrapper-1cBijl {
border: none !important;
background: transparent !important;
}
.addFriendHint-3Y70FX {
font-size: 16px !important;
height: 40px !important;
outline: none !important;
padding: 0 10px !important;
}
.addFriendInput-4bcerK {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
border-radius: 3px !important;
border-style: solid !important;
border-width: 1px !important;
box-shadow: none !important;
box-sizing: border-box !important;
color: rgb(255,255,255) !important;
font-size: 16px !important;
height: 40px !important;
outline: none !important;
padding: 10px !important;
transition: background-color .15s ease,border .15s ease !important;
}
.addFriendInput-4bcerK:not(:focus) {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.addFriendInput-4bcerK:focus {
border-color: rgb(var(--vaccentcolor)) !important;
}
/* group dm name change */
2019-03-25 13:07:24 +01:00
.groupDM-3qU0Ks .channelName-3stJzi {
margin-left: 5px;
}
.groupDM-3qU0Ks .channelName-3stJzi input.input-autosize-input {
2018-10-11 10:21:26 +02:00
box-sizing: border-box !important;
border-radius: 3px !important;
transition: background-color .15s ease,border .15s ease !important;
}
2019-03-25 13:07:24 +01:00
.groupDM-3qU0Ks .channelName-3stJzi input.input-autosize-input:focus {
2018-10-11 10:21:26 +02:00
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
border: 1px solid rgb(var(--vaccentcolor)) !important;
}
2018-11-18 18:46:30 +01:00
2019-03-21 10:52:47 +01:00
/* ----------------------- THEMESUPPORT ----------------------- */
/* ThemeDevBadge */
2019-04-26 13:03:30 +02:00
#app-mount .root-SR8cQa .wrapper-2F3Zv8.profile-ZOdGIb a[href*="/avatars/278543574059057154"] ~ .status-oxiHuE,
#app-mount .root-SR8cQa .wrapper-2F3Zv8.profile-ZOdGIb .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"] ~ .status-oxiHuE,
#app-mount .userPopout-3XzG_A .wrapper-2F3Zv8.popout-2fzvxG a[href*="/avatars/278543574059057154"] ~ .status-oxiHuE,
#app-mount .userPopout-3XzG_A .wrapper-2F3Zv8.popout-2fzvxG .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"] ~ .status-oxiHuE {
2019-03-21 10:52:47 +01:00
top: 3px !important;
right: 3px !important;
border: none !important;
}
2019-04-26 13:03:30 +02:00
#app-mount .root-SR8cQa .wrapper-2F3Zv8.profile-ZOdGIb .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"]:before,
#app-mount .userPopout-3XzG_A .wrapper-2F3Zv8.popout-2fzvxG .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"]:before {
2019-03-21 10:55:41 +01:00
display: none !important;
}
2019-04-26 13:03:30 +02:00
#app-mount .root-SR8cQa .wrapper-2F3Zv8.profile-ZOdGIb a[href*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:before,
#app-mount .root-SR8cQa .wrapper-2F3Zv8.profile-ZOdGIb .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:before,
#app-mount .userPopout-3XzG_A .wrapper-2F3Zv8.popout-2fzvxG a[href*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:before,
#app-mount .userPopout-3XzG_A .wrapper-2F3Zv8.popout-2fzvxG .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:before {
2019-03-21 11:14:33 +01:00
background-color: rgb(var(--vaccentcolor)) !important;
color: rgb(255,255,255) !important;
}
2019-04-26 13:03:30 +02:00
#app-mount .root-SR8cQa .wrapper-2F3Zv8.profile-ZOdGIb a[href*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:after,
#app-mount .root-SR8cQa .wrapper-2F3Zv8.profile-ZOdGIb .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:after,
#app-mount .userPopout-3XzG_A .wrapper-2F3Zv8.popout-2fzvxG a[href*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:after,
#app-mount .userPopout-3XzG_A .wrapper-2F3Zv8.popout-2fzvxG .image-33JSyf.mask-3OgeRz[style*="/avatars/278543574059057154"]:hover ~ .status-oxiHuE:after {
2019-03-21 13:36:43 +01:00
border-top-color: rgb(var(--vaccentcolor)) !important;
2019-03-21 11:14:33 +01:00
}
2019-03-21 10:52:47 +01:00
2018-10-11 10:21:26 +02:00
/* ----------------------- PLUGINSUPPORT ----------------------- */
2019-04-26 13:35:11 +02:00
/* DateViewer */
#dv-main {
border-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
2019-01-21 20:08:22 +01:00
/* MemberCount */
#MemberCount:after,
#MemberCount:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
pointer-events: none;
}
#MemberCount:after {
background: rgba(var(--vtransparencycolor),calc((var(--vtransparencyalpha) * 3.1) + var(--vmemberlistransparency) * 0.6));
}
#MemberCount:before {
background: var(--vbackground) center/cover;
filter: blur(var(--vbackgroundblur));
background-attachment: fixed;
}
2018-10-11 10:21:26 +02:00
/* oldtitlebar */
2019-05-01 21:49:06 +02:00
.hidden-by-OTB .bd-modal .bd-modal-inner-close-area:after,
2019-01-28 08:42:56 +01:00
.hidden-by-OTB .container-16j22k:after,
.hidden-by-OTB .backdrop-1wrmKB:after {
2018-10-11 10:21:26 +02:00
top: 0 !important;
}
2019-01-28 08:42:56 +01:00
.hidden-by-OTB .splashBackground-1FRCko:before {
2018-10-11 10:21:26 +02:00
display: none !important;
}
2018-10-24 21:31:46 +02:00
.wrapper-3Q5DdO .settingsTitlebarOTB {
color: white;
}
2018-10-11 10:21:26 +02:00
/* statuseverywhere */
2019-01-28 09:34:28 +01:00
.status-oxiHuE.typing-1KJk_j {
2018-10-11 10:21:26 +02:00
border-radius: 999px !important;
}
/* displayserveraschannels */
2019-05-07 15:38:24 +02:00
.DSAC-styled .wrapper-1Rf91z .listItem-2P_4kh .blobContainer-239gwq .wrapper-25eVIn:hover {
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
.DSAC-styled .wrapper-1Rf91z .listItem-2P_4kh.DSAC-selected .wrapper-25eVIn,
.DSAC-styled .wrapper-1Rf91z .listItem-2P_4kh.DSAC-selected .wrapper-25eVIn:hover {
2018-10-11 10:21:26 +02:00
background-color: rgb(var(--vaccentcolor)) !important;
}
2019-05-07 15:38:24 +02:00
.DSAC-styled .wrapper-1Rf91z .listItem-2P_4kh.DSAC-selected .wrapper-25eVIn path[fill="#7289da"] {
stroke: black;
stroke-width: 0.5px;
2018-10-11 10:21:26 +02:00
}
/* betterformattingredux */
.bf-toolbar {
background: transparent !important;
top: -50px !important;
transform: none !important;
}
.bf-toolbar:after {
content: "";
display: block;
width: 100%;
height: calc(100% - 15px);
position: absolute;
z-index: 200;
pointer-events: none;
left: 0px;
top: 5px;
border-radius: 3px;
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 5));
transform: translate(0,55px);
transition: all 200ms ease;
}
.bf-toolbar.bf-visible:after,
.bf-toolbar.bf-hover:hover:after {
transform: translate(0,0px);
transition: all 200ms cubic-bezier(0,0,0,1);
}
.uploadModal-2ifh8j .bf-toolbar:after {
display: none !important;
}
.uploadModal-2ifh8j .bf-toolbar:after,
.container-1YxwTf .bf-toolbar:after {
transform: translate(0,0) !important;
}
.bf-toolbar:before {
border-radius: 4px !important;
z-index: 100 !important;
background: var(--vbackground) center/cover !important;
2018-10-24 21:31:46 +02:00
filter: blur(var(--vpopoutblur)) !important;
2018-10-11 10:21:26 +02:00
background-attachment: fixed !important;
}
.bf-toolbar > * {
z-index: 300 !important;
}
.bf-toolbar .format:hover {
background-color: rgb(var(--vaccentcolor)) !important
}
.uploadModal-2ifh8j .bf-toolbar {
top: 10px !important;
}
/***** FIX UNTIL CLASSCHANGE ******/
.uploadModal-2ifh8j .bf-toolbar {
position: relative;
transform: none;
padding: 5px 0;
margin-right: 0;
border-radius: 2px;
text-align: center;
background: #424549;
}
.uploadModal-2ifh8j .bf-toolbar:before {
display: none;
}
.uploadModal-2ifh8j .bf-toolbar .format,
.uploadModal-2ifh8j .bf-toolbar:before,
.container-1YxwTf .bf-toolbar .format,
.container-1YxwTf .bf-toolbar:before {
transform: translate(0,0);
}
.uploadModal-2ifh8j .bf-toolbar .bf-arrow,
.container-1YxwTf .bf-toolbar .bf-arrow {
display: none;
}
.container-1YxwTf .bf-toolbar {
padding: 10px 5px 15px 5px;
animation: slide-up 300ms cubic-bezier(0,0,0,1), opacity 300ms ease;
}
/* citador & replyer */
.quote-msg .avatar-large {
left: 0 !important;
}
.quote-msg .avatar-large:hover:after {
color: rgb(255,255,255) !important;
background-color: rgb(var(--vaccentcolor)) !important;
border: none !important;
width: 15px !important;
height: 15px !important;
left: 26px !important;
text-align: center !important;
line-height: 15px !important;
}
.citar-btn {
background-color: transparent! important;
background-size: contain !important;
font-size:0 !important;
position: relative;
top: -4px !important;
padding: 8px 10px !important;
filter: drop-shadow(0 0 2px black);
opacity: 0.7 !important;
}
.replyer-icon {
position: relative !important;
padding: 0 3px 1px 3px !important;
margin-top: 1px !important;
}
.replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"] {
background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) no-repeat center center !important;
background-size: contain !important;
font-size:0 !important;
top: -5px !important;
margin-left:10px !important;
padding: 8px 10px !important;
filter: drop-shadow(0 0 2px rgb(var(--vtransparencycolor)));
opacity: 0.7 !important;
}
.citar-btn:hover,
.replyer-icon:hover,
.replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"]:hover {
border-radius: 3px;
opacity: 1 !important;
background-color: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important
}
.citar-btn:active,
.replyer-icon:active,
.replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"]:active {
background-color: rgb(var(--vaccentcolor)) !important
}
/* direct download */
#files_directDownload .file {
background-color: rgba(var(--vtransparencycolor),0.4) !important;
border-color: rgba(var(--vaccentcolor),0.2) !important;
border-radius: 6px 6px 0 0 !important;
}
#files_directDownload .file svg {
fill: #FFF !important;
opacity: 0.5 !important;
}
#files_directDownload .file svg:hover {
opacity: 1 !important;
}
#files_directDownload .file span {
color: rgb(255,255,255) !important;
}
#files_directDownload .file .progress-bar {
background-color: rgb(var(--vaccentcolor)) !important
}
/* dateviewer */
#dv-mount {
background: rgba(var(--vtransparencycolor), var(--vmemberlistransparency)) !important;
}
/* permissionviewer */
#permissions-modal {
position: absolute !important;
}
#permissions-modal .header {
box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor),.3), 0 1px 2px 0 rgba(var(--vtransparencycolor),.3) !important;
}
#permissions-modal .modal-body {
background: transparent !important;
box-shadow: none !important;
}
#permissions-modal .role-side {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 2)) !important;
}
#permissions-modal .perm-side {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
#permissions-modal .role-item.selected {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important;
}
#permissions-modal .role-item:hover {
background: rgba(var(--vtransparencycolor),var(--vtransparencyalpha)) !important;
}
/* ----------------------- COPYRIGHT PROTECTION ----------------------- */
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm {
2018-10-11 10:21:26 +02:00
display: block !important;
position: absolute !important;
2019-05-14 10:13:02 +02:00
max-width: unset !important;
min-width: unset !important;
2018-10-11 10:21:26 +02:00
width: 55px !important;
2019-05-14 10:13:02 +02:00
max-height: unset !important;
min-height: unset !important;
2018-10-11 10:21:26 +02:00
height: 16px !important;
margin: 0 !important;
padding: 4px 8px 3px !important;
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
opacity: 0.6 !important;
visibility: visible !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2018-10-11 10:21:26 +02:00
}
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm:after {
2019-05-13 22:01:28 +02:00
content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="none" fill="white" fill-rule="evenodd" transform="scale(0.6,0.6) translate(5,4)" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.41
2018-10-11 10:21:26 +02:00
display: inline !important;
position: absolute !important;
top: unset !important;
left: unset !important;
bottom: unset !important;
right: unset !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2018-10-11 10:21:26 +02:00
}
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i:before {
2019-05-13 22:01:28 +02:00
content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="none" fill="white" fill-rule="evenodd" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256.592 10.504,2
2018-10-11 10:21:26 +02:00
display: inline !important;
position: absolute !important;
left: unset !important;
bottom: 7px !important;
top: unset !important;
right: 15px !important;
opacity: 0.3 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2018-10-11 10:21:26 +02:00
}
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > div.sidebar-CFHs9e > div.side-8zPYf6 > span#bd-settings-sidebar {
2018-12-05 12:47:57 +01:00
position: relative !important;
}
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > div.sidebar-CFHs9e > div.side-8zPYf6 > span#bd-settings-sidebar:after {
2018-12-05 12:47:57 +01:00
content: "BasicBackground by" !important;
2019-05-05 10:22:15 +02:00
font-size: 12px !important;
font-weight: 600 !important;
color: rgb(114, 118, 125) !important;
2018-12-05 12:47:57 +01:00
display: inline !important;
opacity: 1 !important;
2018-10-11 10:21:26 +02:00
padding: 2px 10px !important;
2018-12-05 12:47:57 +01:00
margin: 0 !important;
cursor: default !important;
visibility: visible !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2018-12-05 12:47:57 +01:00
}
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > div.sidebar-CFHs9e > div.side-8zPYf6 > span#bd-settings-sidebar:before {
2018-12-05 12:47:57 +01:00
content: "DevilBro" !important;
font-size: 12px !important;
font-weight: 600 !important;
color: rgb(var(--vaccentcolor)) !important;
display: inline !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
visibility: visible !important;
position: absolute !important;
top: unset !important;
left: 115px !important;
bottom: 1px !important;
right: 0 !important;
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
2019-03-18 10:22:26 +01:00
}