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 ) ;
2019-06-13 14:03:35 +02:00
--dbackgroundsize : cover ;
2018-10-11 10:21:26 +02:00
--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 ) ) ;
2019-06-06 14:10:58 +02:00
--vlinkcolor : var ( --vaccentcolor ) ;
2018-10-11 10:21:26 +02:00
--vbackground : var ( --background , var ( --dbackground ) ) ;
2019-06-13 14:03:35 +02:00
--vbackgroundsize : var ( --backgroundsize , var ( --dbackgroundsize ) ) ;
2018-10-11 10:21:26 +02:00
--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 ;
2019-06-13 14:03:35 +02:00
background : var ( --vbackground ) center / var ( --vbackgroundsize ) ! 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 ,
2019-07-11 12:14:00 +02:00
. modal-3c3bKg . modal-yWgWj- ,
. modal-3c3bKg . slide-2pHaq5 ,
2019-02-19 21:48:13 +01:00
. 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-06-06 16:18:28 +02:00
. info-3NKfPL ,
2019-06-02 12:11:35 +02:00
. sectionTag-pXyto9 ,
2019-05-30 21:16:58 +02:00
. tierBody-16Chc9 ,
2019-06-06 16:35:18 +02:00
. tierBody-x9kBBp ,
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 ,
2019-07-11 11:32:59 +02:00
. popout-2iWAc- 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-06-02 12:11:35 +02:00
. autocompleteArrow-Zxoy9H ,
2019-05-30 21:23:31 +02:00
. tier-12tKuZ ,
2019-06-06 16:35:18 +02:00
. tier-3H4BXk ,
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-06-06 16:18:28 +02:00
. subscriptionDuration-3WXA_o ,
. guildGraphicBackground-wbfC17 ,
. guildGraphicContainer-_IAetM ,
. header-Qk7iwL ,
2019-06-05 11:16:45 +02:00
. tierNoneContainer-3hhK3h ,
2019-05-30 21:16:58 +02:00
. tierHeaderLocked-1s2JJz ,
2019-06-06 16:35:18 +02:00
. tierHeaderLocked-1a2opw ,
2019-05-30 21:09:26 +02:00
. tierMarkerInProgress-24LMzJ ,
. barBackground-2EEiLw ,
2019-06-06 16:37:24 +02:00
. background-3xPPFc ,
2019-05-30 21:09:26 +02:00
. boostCount-UFqabz ,
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 ,
2019-07-11 11:32:59 +02:00
. modal-3c3bKg . header ,
. modal-3c3bKg . footer ,
2019-07-11 12:15:30 +02:00
. modal-3c3bKg . footer-3rDWdC ,
2018-10-11 10:21:26 +02:00
. wrapper-1prNyd ,
2019-07-11 11:32:59 +02:00
. popout-2iWAc- header ,
. popout-2iWAc- . header-ykumBX ,
. popout-2iWAc- . footer-1kmXd4 ,
2018-10-11 10:21:26 +02:00
. 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 ;
}
2019-05-29 17:16:23 +02:00
. titleBar-AC4pGV . typeMacOS-3EmCyP ~ * . container-16j22k : after ,
. titleBar-AC4pGV . typeMacOS-3EmCyP ~ * . backdrop-1wrmKB : after {
top : 0 ;
}
2018-10-11 10:21:26 +02:00
. container-16j22k . content-1-zrf2 {
position : relative ! important ;
}
. container-16j22k . content-1-zrf2 ,
. container-16j22k . problems-3mgf6w {
z-index : 100 ! important ;
}
2019-05-29 16:54:20 +02:00
. titleBar-AC4pGV : after {
2018-10-11 10:21:26 +02:00
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
background : rgba ( var ( --vtransparencycolor ) , calc ( ( var ( --vtransparencyalpha ) * 3 ) + var ( --vguildchanneltransparency ) ) ) ! important ;
}
2019-05-29 16:35:42 +02:00
. titleBar-AC4pGV : not ( . typeMacOS-3EmCyP ) : after {
height : 22px ;
}
2019-05-29 16:54:20 +02:00
. titleBar-AC4pGV . typeMacOS-3EmCyP : after {
2019-05-29 16:35:42 +02:00
height : 32px ;
}
2019-05-29 16:54:20 +02:00
. titleBar-AC4pGV . typeMacOS-3EmCyP ,
2019-05-29 16:50:47 +02:00
. titleBar-AC4pGV . typeMacOS-3EmCyP . macButtons-2MuSAC {
width : 72px ;
}
2019-05-29 17:12:16 +02:00
body . foldercontentopened . titleBar-AC4pGV . typeMacOS-3EmCyP ,
body . foldercontentopened . titleBar-AC4pGV . typeMacOS-3EmCyP . macButtons-2MuSAC {
width : 144px ;
}
body . foldercontentopened . titleBar-AC4pGV . typeMacOS-3EmCyP . macButtons-2MuSAC {
padding-right : 82px ;
}
2019-05-29 16:50:47 +02:00
. titleBar-AC4pGV . typeMacOS-3EmCyP . typeMacOSWithFrame-3R_i5S . macButtons-2MuSAC {
margin-top : 0 ;
margin-right : 0 ;
}
2018-10-11 10:21:26 +02:00
. 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 {
2019-06-07 23:31:00 +02:00
background-size : 0 , cover ! important ;
-webkit-mask : linear-gradient ( rgba ( 0 , 0 , 0 , 0 . 9 ) 50 % , rgba ( 0 , 0 , 0 , 0 ) 100 % ) ! important ;
2019-05-14 10:15:25 +02:00
}
2019-06-02 12:11:35 +02:00
. autocompleteArrow-Zxoy9H ,
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)" ] ,
2018-11-13 18:30:33 +01:00
. 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 ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- . btn ,
2018-10-11 10:21:26 +02:00
. 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 ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- . btn : hover ,
2018-10-11 10:21:26 +02:00
. 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 ------------------------ */
2019-07-11 11:32:59 +02:00
. popout-2iWAc- {
2018-10-11 10:21:26 +02:00
animation : none ! important ;
overflow : visible ! important ;
transform : none ! important ;
box-shadow : none ! important ;
pointer-events : none ! important ;
}
@ keyframes popout-fadein {
to { opacity : 1 ; }
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- > * {
2018-10-11 10:21:26 +02:00
position : relative ;
opacity : 0 ! important ;
animation : popout-fadein 100ms ease 200ms ! important ;
animation-fill-mode : forwards ! important ;
pointer-events : all ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-50%)" ] > * {
2018-10-11 10:21:26 +02:00
right : 50 % ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-100%)" ] > * {
2018-10-11 10:21:26 +02:00
right : 100 % ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-5" ] > . container-3cGP6G {
2018-10-11 10:21:26 +02:00
right : 50 % ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- . popout-googletranslate [ style * = "translateY(-100%)" ] > * {
2018-10-11 10:21:26 +02:00
position : relative ! important ;
2019-05-04 23:37:25 +02:00
bottom : 415px ! important ;
2018-10-11 10:21:26 +02:00
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-5" ] > . container-jGk-CT {
2019-04-05 11:10:52 +02:00
position : relative ! important ;
width : 600px ! important ;
right : 335px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-100%)" ] > . container-jGk-CT {
2019-04-05 11:10:52 +02:00
margin-top : -280px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateY(-100%)" ] > . everyonePopout-nEbJY3 {
2019-02-13 22:55:07 +01:00
position : relative ! important ;
bottom : 50vh ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateY(-100%)" ] > . container-3nXdBP {
2018-10-11 10:21:26 +02:00
position : relative ! important ;
bottom : 300px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateY(-100%)" ] > . container-2x5lvQ {
2018-10-11 10:21:26 +02:00
position : relative ! important ;
bottom : 342px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateY(-100%)" ] > . tutorial-popout {
2018-10-11 10:21:26 +02:00
position : relative ! important ;
bottom : 280px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-" ] > div [ channel ] {
2018-10-11 10:21:26 +02:00
position : absolute ! important ;
right : 0px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-" ] > . option-popout {
2018-10-11 10:21:26 +02:00
position : absolute ! important ;
right : 0px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-11" ] > . userPopout-3XzG_A {
2018-10-11 10:21:26 +02:00
position : absolute ! important ;
right : 20px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateY(-100%)" ] > . userPopout-3XzG_A {
2018-10-11 10:21:26 +02:00
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
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateY(-100%)" ] > . attachPopout-1n-ZKM {
2018-10-11 10:21:26 +02:00
position : absolute ! important ;
bottom : -15px ! important ;
left : 3px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-5" ] > . regionSelectPopout-p9-0_W {
2018-12-14 00:14:32 +01:00
position : absolute ! important ;
right : -70px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-6" ] > . regionSelectPopout-p9-0_W {
2018-12-14 00:14:32 +01:00
position : absolute ! important ;
right : -50px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- . menu-Sp6bN1 . alt-3btY0e {
2018-10-11 10:21:26 +02:00
top : -235px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateX(-1" ] : not ( [ style * = "translateX(-100%)" ] ) > # bda-qem ,
. popout-2iWAc- [ style * = "translateX(-1" ] : not ( [ style * = "translateX(-100%)" ] ) > . emojiPicker-3m1S-j ,
. popout-2iWAc- [ style * = "translateX(-1" ] : not ( [ style * = "translateX(-100%)" ] ) > # bda-qem-twitch-container ,
. popout-2iWAc- [ style * = "translateX(-1" ] : not ( [ style * = "translateX(-100%)" ] ) > # bda-qem-favourite-container {
2018-10-11 10:21:26 +02:00
right : 340px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "translateY(-100%)" ] > # bda-qem ,
. popout-2iWAc- [ style * = "translateY(-100%)" ] > . emojiPicker-3m1S-j ,
. popout-2iWAc- [ style * = "translateY(-100%)" ] > # bda-qem-twitch-container ,
. popout-2iWAc- [ style * = "translateY(-100%)" ] > # bda-qem-favourite-container {
2018-10-11 10:21:26 +02:00
top : -350px ! important ;
}
2019-07-11 11:32:59 +02:00
. popout-2iWAc- [ style * = "transform: translateY(0%) translateX(-50%) translateZ(0px)" ] > : first-child : not ( # bda-qem ) {
2018-10-11 10:21:26 +02:00
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-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 > [ 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" ] ,
2019-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 . form-77IDep . modalContent-hXHrpZ > div > div [ style * = "transform: translateX" ] ,
. modal-3c3bKg . inner-1ilYF7 . animator-US5i9g . item-5R5nmE {
2018-11-02 21:01:04 +01:00
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" ] ,
2019-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 . form-77IDep . modalContent-hXHrpZ > div > div [ style * = "transform: translateX" ] + div [ style * = "transform: translateX" ] ,
. modal-3c3bKg . inner-1ilYF7 . animator-US5i9g . item-5R5nmE + . item-5R5nmE {
2018-11-02 21:01:04 +01:00
display : none ! important ;
}
2018-10-11 10:21:26 +02:00
2019-06-02 12:11:35 +02:00
. container-VSDcQc ,
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-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 > [ 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 ,
2019-07-11 11:32:59 +02:00
. popout-2iWAc- > [ class ] ,
. popout-2iWAc- > [ id ] ,
2018-10-11 10:21:26 +02:00
. 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-06-02 12:11:35 +02:00
. container-VSDcQc : after ,
. container-VSDcQc : before ,
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-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 > [ class ] : not ( . container-3qKHyN ) : only-child : after ,
. modal-3c3bKg . inner-1ilYF7 > [ 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 ,
2019-07-11 11:32:59 +02:00
. popout-2iWAc- > [ class ] : after ,
. popout-2iWAc- > [ class ] : before ,
. popout-2iWAc- > [ id ] : after ,
. popout-2iWAc- > [ id ] : before ,
2018-10-11 10:21:26 +02:00
. 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-06-02 12:11:35 +02:00
. container-VSDcQc : after ,
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-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 > [ 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 ,
2019-07-11 11:32:59 +02:00
. popout-2iWAc- > [ class ] : after ,
. popout-2iWAc- > [ id ] : after ,
2018-10-11 10:21:26 +02:00
. 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-06-02 12:11:35 +02:00
. container-VSDcQc : before ,
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-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 > [ 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 ,
2019-07-11 11:32:59 +02:00
. popout-2iWAc- > [ class ] : before ,
. popout-2iWAc- > [ id ] : before ,
2018-10-11 10:21:26 +02:00
. 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 ;
2019-06-13 14:03:35 +02:00
background : var ( --vbackground ) center / var ( --vbackgroundsize ) ;
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-07-11 11:32:59 +02:00
. modal-3c3bKg . inner-1ilYF7 > [ class ] : not ( . container-3qKHyN ) : only-child . wrapper-2ZbzR9 : before ,
. modal-3c3bKg . inner-1ilYF7 > [ 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 {
2019-06-13 14:03:35 +02:00
background : var ( --vbackground ) center / var ( --vbackgroundsize ) ;
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 ;
2019-05-29 16:50:47 +02:00
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-05-29 16:50:47 +02:00
height : 8px ! important ;
width : 8px ! important ;
2019-02-16 20:47:37 +01:00
}
# ace_settingsmenu :: -webkit-scrollbar-thumb {
2019-05-29 16:50:47 +02: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-05-29 16:50:47 +02:00
background-color : transparent ! important ;
border : 2px solid transparent ! important ;
2019-02-16 20:47:37 +01:00
}
# ace_settingsmenu . ace_optionsMenuEntry {
2019-05-29 16:50:47 +02:00
height : 40px ! important ;
2019-02-19 20:09:47 +01:00
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-05-29 16:50:47 +02:00
color : # f6f6f7 ! important ;
2019-02-19 20:09:47 +01:00
float : right ! important ;
2019-02-16 20:47:37 +01:00
}
# ace_settingsmenu . ace_optionsMenuEntry label {
2019-05-29 16:50:47 +02:00
color : # f6f6f7 ! important ;
font-size : 16px ! important ;
line-height : 24px ! important ;
cursor : pointer ! important ;
flex : 1 0 auto ! important ;
font-weight : 500 ! important ;
2019-02-19 20:09:47 +01:00
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 ;
2019-05-29 16:50:47 +02:00
flex : 0 1 auto ! important ;
2019-02-19 20:09:47 +01:00
width : 200px ! important ;
float : none ! important ! important ;
2019-05-29 16:50:47 +02:00
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-05-29 16:50:47 +02:00
background-color : # 303339 ! important ;
color : # f6f6f7 ! important ;
2019-02-16 20:47:37 +01:00
}
# ace_settingsmenu input [ type = "checkbox" ] {
2019-05-29 16:50:47 +02: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-05-29 16:50:47 +02: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-05-29 16:50:47 +02:00
background : rgb ( var ( --vaccentcolor ) ) ! important ;
2019-02-16 20:47:37 +01:00
}
# ace_settingsmenu input [ type = "checkbox" ] : after {
2019-05-29 16:50:47 +02: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-05-29 16:50:47 +02: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 ;
2019-05-29 16:50:47 +02:00
border-radius : 50 % ! important ;
border : 2px solid # 72767d ! important ;
2019-02-19 20:09:47 +01:00
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-06-13 14:03:35 +02:00
background : var ( --vbackground ) center / var ( --vbackgroundsize ) ! important ;
2019-02-19 20:09:47 +01:00
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-06-13 14:14:45 +02:00
# app-mount . headerCozy-2N9HOL . image-33JSyf [ style * = "/avatars/278543574059057154" ] : before ,
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-05-29 16:50:47 +02:00
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
color : rgb ( 255 , 255 , 255 ) ! important ;
2019-03-21 11:14:33 +01:00
}
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 {
2019-06-13 14:03:35 +02:00
background : var ( --vbackground ) center / var ( --vbackgroundsize ) ;
2019-01-21 20:08:22 +01:00
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 ;
}
2019-06-06 18:25:53 +02:00
. DSAC-styled . wrapper-1Rf91z . listItem-2P_4kh . bd-selected . wrapper-25eVIn ,
. DSAC-styled . wrapper-1Rf91z . listItem-2P_4kh . bd-selected . wrapper-25eVIn : hover {
2018-10-11 10:21:26 +02:00
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2019-06-06 18:25:53 +02:00
. DSAC-styled . wrapper-1Rf91z . listItem-2P_4kh . bd-selected . wrapper-25eVIn path [ fill = "#7289da" ] {
2019-05-07 15:38:24 +02:00
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 ;
2019-06-13 14:03:35 +02:00
background : var ( --vbackground ) center / var ( --vbackgroundsize ) ! 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
}