From 13c1ab4be08f0a1f43ea546fe83a833d8445d03f Mon Sep 17 00:00:00 2001 From: Jiiks Date: Sat, 21 May 2016 12:19:29 +0300 Subject: [PATCH] v1.72 Fixed emotes Fixed public server button not showing Changed public server api endpoint Added public server description, tags and category search Added mutation listener for settings panel instead of relying on defers Fixed many small bugs --- css/main.css | 280 ++++++++++++++++++++- css/main.min.css | 2 +- js/main.js | 642 ++++++++++++++++++++++++++++------------------- js/main.min.js | 62 ++--- 4 files changed, 685 insertions(+), 301 deletions(-) diff --git a/css/main.css b/css/main.css index 2f1d908..f343deb 100644 --- a/css/main.css +++ b/css/main.css @@ -536,6 +536,16 @@ display: block; } +#bd-changelog { + float: right; + height: 30px; + line-height: 30px; + margin-right: 10px; + font-size: 11px; + font-weight: 700; + cursor:pointer; +} + .fav { display: none; position: absolute; @@ -947,10 +957,58 @@ #pubs-header input, #pubs-header button { float: right; } +#pubs-sterm { + outline:none !important; + padding-left:3px; +} +.bd-dropdown { + position:absolute; + display:inline-block; + width:150px; + right:225px; +} +.bd-dropdown button { + width:150px; +} +.bd-dropdown .bd-dropdown-list ul { + height:0; +} +.bd-dropdown.open .bd-dropdown-list ul { + height:140px; +} +.bd-dropdown-list { + position:absolute; + right:0; + top:32px; + z-index:90001; + width:150px; + background:#F3F3F3; +} +.bd-dropdown-list ul { + height:0; + overflow-y:auto; + overflow-x:hidden; + transition: all 0.5s ease-in-out; +} + +.bd-dropdown-list ul li { + padding:5px; + background:#E6E6E6; + cursor:pointer; + color:#87909c; + font-weight:600; +} +.bd-dropdown-list ul li:nth-child(odd) { + background:#E2E1E1; +} +.bd-dropdown-list ul li:hover { + background:#F9F5F5; +} + #pubs-header input { border: none; height: 30px; - width: 100px; + width: 150px; color: #555; background-color: #fff; -webkit-transition: width 1s ease-in-out; @@ -958,9 +1016,7 @@ -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; } -#pubs-header input:focus { - width: 300px; -} + #pubs-header button { height: 32px; background-color: #f9f9f9; @@ -983,6 +1039,9 @@ text-decoration: none; font-weight: 800; } +#pubs-container .scroller-wrap { + margin-top: 75px; +} .server-row { padding: 5px; @@ -1027,8 +1086,12 @@ .server-info button:hover { background-color: #697ec4; } +.server-information { + flex-grow:1; + position:relative; +} -.server-name { +.server-name, .server-desription { flex-grow: 100; } .server-name span { @@ -1037,11 +1100,88 @@ max-width: 300px; white-space: nowrap; } +.server-name-span, .server-description { + position:absolute; + top:0; + transition: visibility 0s, opacity 0.8s linear; +} + +.server-official, .server-tags { + visibility:visible; + opacity:1; + transition: visibility 0s, opacity 0.8s linear; +} + +.server-information:hover .server-description { + visibility: visible; + opacity: 1; +} +.server-information:hover .server-name-span { + visibility: hidden; + opacity: 0; +} +.server-information:hover .server-tags { + visibility: hidden; + opacity: 0; +} +.server-information:hover .server-official { + visibility:hidden; + opacity:0; +} +.server-tags { + position: absolute !important; + bottom: 0 !important; + height: 38px !important; + font-size: 10px !important; + visibility: visible; + opacity: 1; +} +.server-official { + position:absolute !important; + top:0 !important; + height:20px !important; + font-size:14px !important; + line-height:14px !important; + color: #7289DA !important; + font-weight: 700 !important; + text-shadow: 0px 0px 4px #7289DA; + visibility: visible; + opacity: 1; + padding-left:2px; + padding-right:2px; +} + +.server-description { + visibility:hidden; + opacity:0; + font-size: 12px !important; + line-height: 12px !important; + text-overflow: initial !important; + white-space: inherit !important; + overflow-y: auto !important; + height: 64px !important; +} .server-region { min-width: 85px; } +.server-pinned { + position: absolute; + width: 777px; + padding-right: -10px; + padding-right: 17px; + border-bottom: 2px solid #272727; +} +#server-bd-tag { + position: absolute !important; + bottom: 0 !important; + height: 20px !important; + line-height: 20px !important; + font-size: 13px !important; + font-weight: 600 !important; +} + #pubs-spinner { position: fixed; top: 50%; @@ -1218,6 +1358,63 @@ display: none; } +.bd-select select { + width: 100%; + margin: 0; + outline: none; + padding: .6em .8em .5em .8em; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 14px; + padding-right: 2em; + background: none; + border: 1px solid transparent !important; + -webkit-appearance: none; + appearance: none; + color:#404040; + outline:none !important; +} + +.bd-select::after { + content: " "; + position: absolute; + top: 50%; + right: 1em; + z-index: 2; + pointer-events: none; + display: none; +} + +.bd-select select:focus { + border-color: #aaa; +} + +.bd-select:focus::after { + display:block; +} + +.bd-select { + position: absolute; + right:220px; + height:32px; + top: 5px; + border-radius:0; + display:inline-block; + border: none; + border-radius: 0; + box-shadow: 0 1px 0 1px rgba(0,0,0,.04); + background: #fff; + outline:none !important; +} +.bd-select:before { + content: "Category"; + color:#FFF; + position:absolute; + right:100%; + margin-right:5px; + line-height:32px; +} + #bd-pane .tab-bar.TOP { margin-bottom:0; } @@ -1381,11 +1578,18 @@ background: #353535; border-color: #202020; } -.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece { +.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, +.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, +.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece, +.bda-dark #pubs-container .scroller::-webkit-scrollbar, +.bda-dark #pubs-container .scroller::-webkit-scrollbar-track, +.bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece { background-color: #303030 !important; border-color: #303030 !important; } -.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece { +.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, +.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, +.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece { background-color: #303030 !important; border-color: #303030 !important; } @@ -1393,9 +1597,67 @@ background-color: #303030 !important; border-color: #303030 !important; } -.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb { +.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, +.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb, +.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb, +.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb { border-color: #202020 !important; background-color: #202020 !important; } - +.bda-dark .server-row { + background-color:#36393E; +} +.bda-dark .server-row:nth-child(odd), .bda-dark #pubs-container { + background-color:#2E3136; +} +.bda-dark .server-info span { + color:#D6D6D6; +} +.bda-dark #pubs-header, +.bda-dark #pubs-footer{ + background:#202020; +} +.bda-dark #pubs-sterm { + background:#36393E; + color:#FFF; +} +.bda-dark #pubs-searchbtn { + background:#2E3136; +} +.bda-dark .bd-select { + background:#36393E; +} +.bda-dark .server-info button { + background-color:#202020; +} +.bda-dark #pubs-cat { + color:#FFF; +} +.bda-dark .bd-dropdown-select { + background-color:#2E3136; +} +.bda-dark .bd-dropdown-list ul li:nth-child(odd) { + background:#36393E; +} +.bda-dark .bd-dropdown-list ul li { + background:#3D4046; +} +.bda-dark .bd-dropdown-list ul li:hover { + background:#2D2F33; +} +.bda-dark #pubs-header button { + background-color:#2E3136; +} +.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar, +.server-description::-webkit-scrollbar { + width: 12px; +} +.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-track, +.server-description::-webkit-scrollbar-track { + background:#303030; +} +.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-thumb, +.server-description::-webkit-scrollbar-thumb { + background:#202020; +} /*# sourceMappingURL=main.css.map */ diff --git a/css/main.min.css b/css/main.min.css index 4840495..8501104 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1 +1 @@ -.CodeMirror{font-family:monospace;height:300px;color:#000;background-color:#EBEBEB!important}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}#bd-ps-container,#bd-psd-container,#tc-settings-panel{box-shadow:0 0 20px 0 #000;min-width:750px}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}#bd-psd-header a,#pubs-footer a,#rmenu ul a,.server-info a{text-decoration:none}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent}#emote-menu,#tc-settings-panel,.tc-switch{border:1px solid #000}#custom-css-ta,.spoiler:before{font-family:Consolas}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.cm-s-neat span.cm-comment{color:#a86}.cm-s-neat span.cm-keyword{line-height:1em;font-weight:700;color:#00f}.cm-s-neat span.cm-string{color:#a22}.cm-s-neat span.cm-builtin{line-height:1em;font-weight:700;color:#077}.cm-s-neat span.cm-special{line-height:1em;font-weight:700;color:#0aa}.cm-s-neat span.cm-variable{color:#000}.cm-s-neat span.cm-atom,.cm-s-neat span.cm-number{color:#3a3}.cm-s-neat span.cm-meta{color:#555}.cm-s-neat span.cm-link{color:#3a3}.cm-s-neat .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-neat .CodeMirror-matchingbracket{outline:grey solid 1px;color:#000!important}#custom-css-ta{background:#D8D8D8;height:200px}.spoiler{color:transparent!important}.spoiler img{display:none}.spoiler:before{content:"Spoiler";display:block;background:#1D1D1D;color:#ADADAD!important;min-height:30px;text-align:center;line-height:100%;padding-top:5px}.emotemenu-enabled .channel-textarea-inner textarea{margin-right:45px!important}#bdbeta{background:red}#emote-menu{background:#36393E;height:0;width:300px;position:absolute;bottom:45px;right:0;border-radius:5px 0 0;overflow:hidden;visibility:hidden;transition:all 1s;-webkit-transition:all 1s}.emotemenu-open{height:450px!important;visibility:visible!important}#emote-menu-header{width:100%;height:30px;background-color:#36393E}.emote-menu-tab{float:left;width:130px;text-align:center;padding:7px;color:#ADADAD;background-color:#424549;cursor:pointer}.emote-menu-tab:hover{background-color:#45484C}#emote-menu-inner,#emote-menu-inner-fav{height:412px}.emote-menu-tab-selected,.emote-menu-tab-selected:hover{background-color:#36393E}#emote-container{padding:10px}.emote-container{display:inline-block;padding:2px;border-radius:5px;width:30px;height:30px;position:relative}#bd-ps-body,#bd-show-channels,#tc-settings-panel-footer,.bd-ps-server-info,.emote-icon,.fav,.tipsy,.tipsy-arrow{position:absolute}.emote-icon{max-width:100%;max-height:100%;margin:auto;top:0;right:0;bottom:0;left:0;cursor:pointer}.emote-container:hover{background:rgba(123,123,123,.37)}.emoteflip,.emotespinflip{transform:scaleX(-1)}.emotespin{animation:1s emote-spin infinite linear}.emote1spin{animation:1s emote-spin-reverse infinite linear}.emotespin2{animation:.5s emote-spin infinite linear}.emote2spin{animation:.5s emote-spin-reverse infinite linear}.emotespin3{animation:.2s emote-spin infinite linear}.emote3spin{animation:.2s emote-spin-reverse infinite linear}.emotepulse{animation:1s emote-pulse infinite linear}.emotetr{transform:translateX(-3px)}.emotebl{transform:translateY(-3px)}.emotebr{transform:translate(-3px,-3px)}.emoteshake{animation:1s emote-shake infinite linear}.emoteflap{transform:scaleY(-1)!important}.emoteshake2{animation:emote-shake2 .3s linear infinite}.emoteshake3{animation:emote-shake3 .1s linear infinite}@keyframes emote-shake2{25%{transform:translate(-1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}@keyframes emote-shake3{25%{transform:translate(-1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}@keyframes emote-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes emote-spin-reverse{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes emote-pulse{0%,100%{-webkit-transform:scale(1,1)}50%{-webkit-transform:scale(1.2,1.2)}}@keyframes emote-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}#tc-settings-panel{position:fixed;width:50%;height:75%;background:#2e3136;display:block;z-index:9001;margin-left:25%;margin-top:5%;max-height:800px}#tc-settings-panel-header{background:#36393e;height:60px;border-bottom:1px solid #000;box-shadow:0 1px 0 0 #4e4e4e}#tc-settings-panel-header h2{margin:0 0 0 10px;line-height:60px;color:#ADADAD;display:inline-block;float:left}#tc-settings-panel-header span{float:right;display:inline;line-height:50px;margin-right:15px;font-size:29px;font-weight:700;color:#ADADAD}#rmenu{width:auto;background:#505050;z-index:999999;box-shadow:0 0 2px #000;padding:2px}#rmenu ul a{color:#FFF;padding:3px}#tc-settings-panel-body{overflow:auto}#tc-settings-panel-body ul{overflow:auto;position:absolute;padding:0;margin-top:0;border-bottom:1px solid #000;left:0;right:0;bottom:40px;top:61px}#tc-settings-panel-body ul li{padding:15px;color:#ADADAD;background:#2E3136;border-bottom:1px solid #000;box-shadow:0 1px 0 #404040 inset}#tc-settings-panel-body ul li:nth-child(odd){background:#33363B}#tc-settings-panel-body ul li h2{display:inline}#tc-links a{color:#FFF}#tc-settings-panel-footer{background:#36393e;height:40px;bottom:0;right:0;left:0;border-top:1px solid #000;box-shadow:0 1px 0 #505050 inset;line-height:40px;padding-left:10px;color:#ADADAD!important}.tc-switch,.tc-switch span{display:inline-block;height:24px}#tc-links{float:right;margin-right:10px}.tc-switch{background:#2e3136;width:100px;float:right;margin:-7px;outline:#404040 solid 1px;cursor:pointer}.tc-switch.disabled{background:gray;cursor:default}.tc-switch.disabled span{background:gray!important}.tc-switch.disabled .tc-switch-on{border-left:1px gray!important}.tc-switch span{line-height:24px;width:49px;text-align:center}.bd-minimal .account .avatar-small,.bd-minimal .account .username,.bd-minimal.bd-minimal-chan .channels-wrap{display:none}.tc-switch-off{border-right:1px solid #000}.tc-switch-on{border-left:1px solid #404040}.tc-switch-on.active{background:green;border-left:1px solid #00AE08}.tc-switch-off.active{background:#860606}.bd-minimal .avatar-large{max-width:20px;max-height:20px;background-size:100%;margin-right:2px;margin-top:0;border-radius:0}.bd-minimal .comment{border-left:2px solid #EBEBEB;padding-left:2px}.bd-minimal .theme-dark .comment{border-left:2px solid #303030}.bd-minimal .user-name{font-size:small}.bd-minimal .message-group{padding:5px}.bd-minimal .embed{padding:2px}.bd-minimal .channel-members .avatar-small{max-width:15px;max-height:15px;background-size:15px 15px}.server-name span,.tipsy-inner{text-overflow:ellipsis;max-width:300px}.bd-minimal .channel-members .avatar-small .status{height:5px;width:5px}.bd-minimal .channel-members .member{padding:5px}.bd-minimal .channel-text a,.bd-minimal .guild-channels ul .channel-voice{padding:5px!important;font-size:small}.bd-minimal .channel-members-wrap{min-width:0}.bd-minimal .channel-members h2{margin-top:3px}.bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before{width:10px;top:8px}.bd-minimal .guild-channels h2{padding:5px}.bd-minimal .guild-channels header spann{font-size:12px}.bd-minimal .channels-wrap{width:160px}.bd-minimal .channels-wrap .guild-channels{padding:0}.bd-minimal .guild .guild-inner,.bd-minimal .guild .guild-inner a.avatar-small,.bd-minimal .guilds .friends-icon,.bd-minimal .guilds-wrapper .guilds .guild{width:20px;height:20px;background-size:100%;font-size:15px;line-height:20px}.bd-minimal .guilds .friends-online{margin-left:-15px;font-size:7px}.bd-minimal .guilds-wrapper{width:45px}.bd-minimal .guilds-wrapper .guild-separator{margin-left:-15px}.bd-minimal .guilds-wrapper .guilds .guild.selected:before{height:20px;margin-top:-10px}.bd-minimal .guilds-add{font-size:20px;line-height:14px}.bd-minimal .guilds .audio .guild-inner:after{width:12px;height:12px;background-size:12px}.bd-minimal .guild-header header span{margin-left:-20px}.bd-minimal .btn-hamburger{margin-right:-30px}.emotewrapper{display:inline-block;position:relative}.emotewrapper:hover .fav{display:block}.fav{display:none;width:15px;height:15px;right:-7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAzFBMVEUAAABQUFBMTExLS0tNTU1MTExNTU1NTU1MTExMTExNTU1LS0tEREBEREBEREBEREBJSUhLS0tLS0tEREBNTU1NTU1NTU1EREArKyhNTU1NTU0AAABMTExKSklMTExNTU1NTU1NTU1KSkpMTExKSkhNTU1KSkpISEZNTU1LS0tAQDxOTk5KSkpLS0tNTU1MTExMTEx/f39MTExMTExLS0pLS0tMTExNTU1NTU1LS0pNTU1NTU1NTU1NTU1NTU1NTUxNTU1NTU1NTUxMTEzB8C/5AAAAOnRSTlMAI8X96oWAgYSF68QBAg0PMCb9BIuLgQUD4N0Bh0mKhZSOQ4gcrKscaW8QRE6fmJyjAshASceG7cIpqQOxTQAAALVJREFUGFddx6FOA0EYAOGZvd07Qm6vVCAAgUUgQEDfX/YZMAigqaFN7iC5tsmPqGPUN/AvUVeoEbGOCElJz08Uzeixqu4AqomVVSNngOVjTqDGZSl3UFtPGV2ot2zaq96YM9p5Ddzcf/nTTAlj+/sNtNu8OcwkIsbPBtrUfMQeEhGQmHbmGIFMwLPzu6UMIwBNgToshgq8Nr2ki+Oy7ebDHp70LRPWB6OZgfWLWei7fJonOOsPCGA9kVlssOoAAAAASUVORK5CYII=) no-repeat #303030;border:none;background-size:100% 100%;border-radius:5px;top:-7px;cursor:pointer}#bd-ps-container{position:fixed;width:50%;height:75%;background:#2e3136;display:block;z-index:9001;margin-left:25%;margin-top:5%;border:1px solid #000;max-height:800px}#bd-ps-header{background:#36393e;height:60px;border-bottom:1px solid #000;box-shadow:0 1px 0 0 #4e4e4e}#bd-ps-header h2{margin:0 0 0 10px;line-height:60px;color:#ADADAD;display:inline-block;float:left}#bd-psd-header span,.bd-ps-server-header span{margin-left:10px}#bd-ps-header span{float:right;display:inline;line-height:50px;margin-right:15px;font-size:29px;font-weight:700;color:#ADADAD}#pubs-header h2,.bd-ps-server-icon,.bd-ps-server-info,.servericon,.serverinfo{display:inline-block}#bd-ps-body{padding:0;margin-top:0;left:0;right:0;bottom:0;top:61px;overflow:auto}.bd-ps-server{width:100%;height:200px}.bd-ps-server-header{height:50px;width:100%;margin-top:1px;background:#202020;color:#AEAEAE;line-height:50px;font-size:20px}.bd-ps-server-body{padding:5px}.bd-ps-server-icon{width:90px;height:90px;background:#202020}.bd-ps-server-info{height:190px;left:100px;right:5px;color:#AEAEAE;overflow:auto}#bd-ps-body table{width:100%;margin:0;padding:0;border-color:red;border-collapse:collapse;text-align:left}#bd-ps-body table th{background-color:#202020;color:#EDEDED;height:50px;padding-left:5px}#bd-ps-body table tr{margin:0;padding:0;height:50px;background-color:#33363B;border-bottom:1px solid #000;box-shadow:0 1px 0 #404040 inset}#bd-ps-body table tr td{padding-left:5px;color:#EDEDED;min-width:100px}#bd-ps-body .description{overflow:auto;max-height:60px;word-wrap:break-word}#bd-ps-body table tr:nth-child(odd){background-color:#2E3136}#bd-show-channels{display:none;width:12px;height:18px;background:#2e3136;left:33px;top:79px;text-align:left!important;padding:0 0 0 3px!important;color:#EBEBEB}.bd-minimal-chan #bd-show-channels{display:block!important}.tipsy{z-index:9000000001!important;padding:5px;display:block;visibility:visible;opacity:.8}.tipsy-arrow{width:0;height:0;border:5px solid transparent;bottom:0;right:10px;border-bottom:none;border-top-color:#000}.tipsy-inner{background-color:#000;color:#fff;padding:5px 8px 4px;text-align:center;overflow:hidden!important}#bd-psd-container,#bd-psd-table button:hover,#bd-psd-table tbody tr:nth-child(odd){background:#2E3135}#bd-psd-container{position:fixed;width:50%;height:75%;display:block;margin-left:25%;margin-top:5%;border:1px solid #25282C;min-height:800px}#bd-psd-header{width:100%;height:40px;border-bottom:1px solid #25282C;line-height:40px;color:#ADADAD}#bd-psd-body{height:100%;width:100%}#bd-psd-table{width:100%;margin:0;padding:0;text-align:left;color:#ADADAD}#bd-psd-table thead th{background:#1D1D1D;padding:5px}#bd-psd-table tbody td{padding:5px}#bd-psd-table tbody tr{background:#292C30}#bd-psd-table button{background:#292C30;border:1px solid #1D1D1D;width:60px;height:30px;color:#ADADAD;cursor:pointer}#bd-psd-header a{float:right;margin-right:10px;font-size:30px;color:#ADADAD;margin-top:-7px}.bd-g-table tbody td,.bd-g-table thead th{color:#87909c!important;padding:5px!important}.bd-g-table{text-align:left;width:520px;white-space:nowrap}.bd-g-table thead th{background:#EBEBEB!important}.bd-g-table tbody tr{background:#E0E0E0!important}.bd-g-table tbody tr:nth-child(odd){background:#ECECEC!important}.bd-g-table tbody td{font-size:small}.bd-g-table input,.bd-g-table textarea{margin:0!important;padding:0!important}.bd-g-table textarea{width:100%!important;background:#E0E0E0!important;border:none!important;resize:none!important;font-size:small!important}.message-group.compact .message .markup .message-content{text-indent:0}.bd-psb{background-image:url(data:image/png;base64,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);width:25px;height:25px;background-color:transparent;background-size:100%}.bd-psm{position:fixed;pointer-events:auto;width:490px;height:460px;background-color:#fff;z-index:900000;margin:auto;right:0;left:170px;top:-60px;bottom:0;box-shadow:0 0 10px 5px rgba(193,193,193,.75);border:1px solid #EBEBEB}.bd-alert{position:absolute;width:600px;height:200px;left:0;right:0;top:300px;background-color:#2E3136;margin:auto;border:1px solid #323232;box-shadow:0 0 5px 3px rgba(30,30,30,.5);color:#EBEBEB}#pubs-container,#pubs-spinner{top:50%;left:50%;position:fixed}#bd-customcss-attach-controls .checkbox-group,#bd-pane .tab-bar.TOP{margin-bottom:0}.bd-alert-header{height:25px;background:#36393E}.bd-alert-body,.bd-alert-body .scroller-wrap{height:178px}.bd-alert-header span{line-height:25px;margin-left:5px}.bd-alert-closebtn{cursor:pointer;float:right;margin-right:5px;margin-top:2px}.bd-alert-closebtn:hover{color:#ADADAD}.bd-alert-body a{color:#FFF!important}.bd-alert-body .scroller-wrap .scroller{padding:5px;word-wrap:break-word}.channel-textarea-inner textarea{margin-right:40px}.servericon{width:64px;background-size:100% auto;height:64px}#pubs-container{width:800px;margin-top:-284.5px;margin-left:-400px;background:#FFF;z-index:9000000}#pubs-container .scroller-wrap{height:500px}#pubs-header{background:#7289da;padding:5px 12px 5px 5px}#pubs-header h2{font-weight:600;color:#FFF}#pubs-header button,#pubs-header input{float:right}#pubs-header input{border:none;height:30px;width:100px;color:#555;background-color:#fff;-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}#pubs-header input:focus{width:300px}#pubs-header button{height:32px;background-color:#f9f9f9;color:#949494}#pubs-footer{height:25px;line-height:25px;background:#7289da}#pubs-footer div{float:right;margin-right:5px;font-weight:600px;color:#FFF}#pubs-footer a{color:#FFF;font-weight:800}.server-row{padding:5px;display:flex;background-color:#FFF}.server-row:nth-child(odd){background-color:#F3F3F3}.server-icon{width:64px;height:64px;background-size:100% auto}.server-info{display:flex;flex-flow:column;line-height:64px;margin-left:20px}.server-info span{font-size:16px;color:#000;font-weight:600}.server-info a{color:#4056a2;font-weight:800;margin-left:5px}.server-info button{width:90px;height:48px;margin-top:8px;background-color:#738bd7;color:#fff;font-size:19px}.server-info button:hover{background-color:#697ec4}#bd-customcss-attach-controls,#bd-customcss-detach-controls{background:#E8E8E8;-webkit-box-shadow:inset 0 1px 0 0 #fff;padding:5px}.server-name{flex-grow:100}.server-name span{overflow:hidden;white-space:nowrap}.server-region{min-width:85px}#pubs-spinner{margin-left:-16px;margin-top:-16px}#pubs-container .scroller::-webkit-scrollbar-thumb,#pubs-container .scroller::-webkit-scrollbar-track-piece{border-radius:0}.bd-hide-bd .callout-backdrop{display:none}.bd-detached-editor .app{width:70%}#bd-customcss-detach-container{position:absolute;width:30%;top:0;right:0;bottom:0;padding-top:58px;background-color:#36393e}#bd-customcss-detach-editor{height:calc(100% - 87px)}#bd-customcss-detach-editor #bd-customcss-innerpane,#bd-customcss-detach-editor .CodeMirror{height:100%}#bd-customcss-detach-controls{border-top:1px solid #ADADAD;height:100%}#bd-customcss-detach-controls .checkbox-group li{margin-top:5px;display:inline-block}#bd-customcss-detach-controls button{width:90px;height:30px;margin-top:8px;background-color:#738bd7;color:#fff;font-size:19px}#bd-customcss-detach-controls-buttons{bottom:5px}#editor-detached{margin-top:50px}#editor-detached h3{text-align:center;font-size:30px}#editor-detached .btn{left:50%;margin-left:-100px;margin-top:10px;width:200px;height:60px}#bd-customcss-attach-controls{border:1px solid #FFF;border-top:1px solid #ADADAD;height:75px}#bd-customcss-attach-controls .checkbox-group li{margin-top:5px;display:inline-block}#bd-customcss-attach-controls button{margin:0;width:100px}#bd-customcss-detach-container #bd-customcss-detach-controls-buttons button{width:90px;height:30px;margin-top:8px;background-color:#738bd7;color:#fff;font-size:19px}.emoji-picker{box-shadow:none;border-top:none;border-radius:0 0 5px 5px}#bda-qem{border-radius:5px 5px 0 0;background:#FFF;border-bottom:1px solid rgba(0,0,0,.1)!important;height:30px;display:flex;flex-direction:row;padding-right:1px!important}#bda-qem button{border-left:1px solid #EFEFEF;background:0 0;box-shadow:#CECECE 1px 0 0 0;flex-grow:1}#bda-qem button:hover{background:#ECECEC}#bda-qem-twitch{border-radius:5px 0 0;order:2}#bda-qem-emojis{border-radius:0 5px 0 0;order:3}#bda-qem-favourite{order:3}#bda-qem button.active{background-color:#E2E2E2}#bda-qem-favourite-container,#bda-qem-twitch-container{width:346px;height:327px;background-color:#FFF;border-radius:0 0 5px 5px}#bda-qem-favourite-container .scroller-wrap,#bda-qem-twitch-container .scroller-wrap{height:100%}.emote-menu-inner{padding:5px 0 0 15px}#rmenu{left:25px;display:block!important;cursor:pointer;color:#FFF;position:fixed}.bda-qme-hidden #bda-qem-emojis{display:none}#bd-settings-pane{margin-top:18px}.bda-slist-top{height:25px;flex-grow:1}.bda-slist-top>.btn{height:20px;line-height:20px;font-size:13px;padding:0 6px 6px;margin-left:5px!important;float:right}.bda-slist li{background:#F3F3F3;padding:5px;border-bottom:1px solid #ADADAD;min-height:116px;max-height:116px}.bda-slist li:nth-child(odd){background:#F3F3F3;border-top:1px solid #FFF}.bda-slist .bda-name{color:#87909C;font-weight:700;font-size:12px}.bda-slist .bda-description{margin-top:5px;color:#4E4E4E;width:400px;overflow-y:scroll;min-height:90px;max-height:90px;border-top:1px solid #DADADA;padding-top:5px;word-break:break-word}.bda-slist .scroller::-webkit-scrollbar-thumb,.bda-slist .scroller::-webkit-scrollbar-track-piece{border-radius:0!important;border-color:transparent}.bda-slist .bda-left{width:400px;display:inline-block}.bda-slist .bda-right{display:inline-block;float:right}.bda-slist .checkbox{margin-left:18px}.bda-slist .checkbox:before{content:"Enabled";color:#87909C;margin-right:5px;font-weight:600}.bda-slist .bda-right .btn{height:30px;width:100px;line-height:12px;margin-left:0;text-align:center;display:block}.bda-slist .bda-right .bda-plugin-reload{margin-top:35px}.bda-slist .bda-right .bda-plugin-settings{margin-top:5px}#bd-themes-pane .bda-plugin-reload{margin-top:70px}.bda-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.5)}.bd-settings{max-width:516px}.bda-dark #bda-qem{border-bottom:1px solid #464646!important;background:#353535}.bda-dark #bda-qem button{background:#353535;border-left:1px solid #242424;box-shadow:#424242 1px 0 0 0;color:#FFF}.bda-dark #bda-qem button.active{background-color:#292929}.bda-dark #bda-qem button:hover{background-color:#303030}.bda-dark #bda-qem-favourite-container,.bda-dark #bda-qem-twitch-container,.bda-dark .emoji-picker,.bda-dark .emoji-picker .category{background-color:#353535}.bda-dark .emoji-picker .header .search-bar{background-color:#2B2B2B}.bda-dark .emoji-picker .search-bar input{color:#FFF}.bda-dark .emoji-picker .search-bar input::-webkit-input-placeholder{color:#FFF}.bda-dark .emoji-picker .scroller .emoji-item.selected{background:rgba(123,123,123,.37)}.bda-dark .emoji-picker .dimmer.visible{background-color:rgba(62,62,62,.65)}.bda-dark .emoji-picker .diversity-selector .popout{background:#353535;border-color:#202020}.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece{background-color:#303030!important;border-color:#303030!important}.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece{background-color:#303030!important;border-color:#303030!important}.bda-dark .emoji-picker .scroller::-webkit-scrollbar,.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track,.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece{background-color:#303030!important;border-color:#303030!important}.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb{border-color:#202020!important;background-color:#202020!important} \ No newline at end of file +.CodeMirror{font-family:monospace;height:300px;color:#000;background-color:#EBEBEB!important}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}#bd-psd-header a,#pubs-footer a,#rmenu ul a,.server-info a{text-decoration:none}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent}#emote-menu,#tc-settings-panel,.tc-switch{border:1px solid #000}#custom-css-ta,.spoiler:before{font-family:Consolas}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.cm-s-neat span.cm-comment{color:#a86}.cm-s-neat span.cm-keyword{line-height:1em;font-weight:700;color:#00f}.cm-s-neat span.cm-string{color:#a22}.cm-s-neat span.cm-builtin{line-height:1em;font-weight:700;color:#077}.cm-s-neat span.cm-special{line-height:1em;font-weight:700;color:#0aa}.cm-s-neat span.cm-variable{color:#000}.cm-s-neat span.cm-atom,.cm-s-neat span.cm-number{color:#3a3}.cm-s-neat span.cm-meta{color:#555}.cm-s-neat span.cm-link{color:#3a3}.cm-s-neat .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-neat .CodeMirror-matchingbracket{outline:grey solid 1px;color:#000!important}#custom-css-ta{background:#D8D8D8;height:200px}.spoiler{color:transparent!important}.spoiler img{display:none}.spoiler:before{content:"Spoiler";display:block;background:#1D1D1D;color:#ADADAD!important;min-height:30px;text-align:center;line-height:100%;padding-top:5px}.emotemenu-enabled .channel-textarea-inner textarea{margin-right:45px!important}#bdbeta{background:red}#emote-menu{background:#36393E;height:0;width:300px;position:absolute;bottom:45px;right:0;border-radius:5px 0 0;overflow:hidden;visibility:hidden;transition:all 1s;-webkit-transition:all 1s}.emotemenu-open{height:450px!important;visibility:visible!important}#emote-menu-header{width:100%;height:30px;background-color:#36393E}.emote-menu-tab{float:left;width:130px;text-align:center;padding:7px;color:#ADADAD;background-color:#424549;cursor:pointer}.emote-menu-tab:hover{background-color:#45484C}#emote-menu-inner,#emote-menu-inner-fav{height:412px}.emote-menu-tab-selected,.emote-menu-tab-selected:hover{background-color:#36393E}#emote-container{padding:10px}.emote-container{display:inline-block;padding:2px;border-radius:5px;width:30px;height:30px;position:relative}#tc-settings-panel-body ul,#tc-settings-panel-footer,.emote-icon{position:absolute;right:0;left:0}.emote-icon{max-width:100%;max-height:100%;margin:auto;top:0;bottom:0;cursor:pointer}.emote-container:hover{background:rgba(123,123,123,.37)}.emoteflip,.emotespinflip{transform:scaleX(-1)}.emotespin{animation:1s emote-spin infinite linear}.emote1spin{animation:1s emote-spin-reverse infinite linear}.emotespin2{animation:.5s emote-spin infinite linear}.emote2spin{animation:.5s emote-spin-reverse infinite linear}.emotespin3{animation:.2s emote-spin infinite linear}.emote3spin{animation:.2s emote-spin-reverse infinite linear}.emotepulse{animation:1s emote-pulse infinite linear}.emotetr{transform:translateX(-3px)}.emotebl{transform:translateY(-3px)}.emotebr{transform:translate(-3px,-3px)}.emoteshake{animation:1s emote-shake infinite linear}.emoteflap{transform:scaleY(-1)!important}.emoteshake2{animation:emote-shake2 .3s linear infinite}.emoteshake3{animation:emote-shake3 .1s linear infinite}@keyframes emote-shake2{25%{transform:translate(-1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}@keyframes emote-shake3{25%{transform:translate(-1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}@keyframes emote-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes emote-spin-reverse{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes emote-pulse{0%,100%{-webkit-transform:scale(1,1)}50%{-webkit-transform:scale(1.2,1.2)}}@keyframes emote-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}#tc-settings-panel{position:fixed;width:50%;height:75%;background:#2e3136;display:block;z-index:9001;margin-left:25%;margin-top:5%;box-shadow:0 0 20px 0 #000;max-height:800px;min-width:750px}#tc-settings-panel-header{background:#36393e;height:60px;border-bottom:1px solid #000;box-shadow:0 1px 0 0 #4e4e4e}#tc-settings-panel-header h2{margin:0 0 0 10px;line-height:60px;color:#ADADAD;display:inline-block;float:left}#tc-settings-panel-header span{float:right;display:inline;line-height:50px;margin-right:15px;font-size:29px;font-weight:700;color:#ADADAD}#rmenu{width:auto;background:#505050;z-index:999999;box-shadow:0 0 2px #000;padding:2px}#rmenu ul a{color:#FFF;padding:3px}#tc-settings-panel-body{overflow:auto}#tc-settings-panel-body ul{overflow:auto;padding:0;margin-top:0;border-bottom:1px solid #000;bottom:40px;top:61px}#tc-settings-panel-body ul li{padding:15px;color:#ADADAD;background:#2E3136;border-bottom:1px solid #000;box-shadow:0 1px 0 #404040 inset}#tc-settings-panel-body ul li:nth-child(odd){background:#33363B}#tc-settings-panel-body ul li h2{display:inline}#tc-links a{color:#FFF}#tc-settings-panel-footer{background:#36393e;height:40px;bottom:0;border-top:1px solid #000;box-shadow:0 1px 0 #505050 inset;line-height:40px;padding-left:10px;color:#ADADAD!important}.tc-switch,.tc-switch span{display:inline-block;height:24px}#tc-links{float:right;margin-right:10px}.tc-switch{background:#2e3136;width:100px;float:right;margin:-7px;outline:#404040 solid 1px;cursor:pointer}.tc-switch.disabled{background:gray;cursor:default}.tc-switch.disabled span{background:gray!important}.tc-switch.disabled .tc-switch-on{border-left:1px gray!important}.tc-switch span{line-height:24px;width:49px;text-align:center}.bd-minimal .account .avatar-small,.bd-minimal .account .username,.bd-minimal.bd-minimal-chan .channels-wrap{display:none}.tc-switch-off{border-right:1px solid #000}.tc-switch-on{border-left:1px solid #404040}.tc-switch-on.active{background:green;border-left:1px solid #00AE08}.tc-switch-off.active{background:#860606}.bd-minimal .avatar-large{max-width:20px;max-height:20px;background-size:100%;margin-right:2px;margin-top:0;border-radius:0}.bd-minimal .comment{border-left:2px solid #EBEBEB;padding-left:2px}.bd-minimal .theme-dark .comment{border-left:2px solid #303030}.bd-minimal .user-name{font-size:small}.bd-minimal .message-group{padding:5px}.bd-minimal .embed{padding:2px}.bd-minimal .channel-members .avatar-small{max-width:15px;max-height:15px;background-size:15px 15px}.server-name span,.tipsy-inner{text-overflow:ellipsis;max-width:300px}.bd-minimal .channel-members .avatar-small .status{height:5px;width:5px}.bd-minimal .channel-members .member{padding:5px}.bd-minimal .channel-text a,.bd-minimal .guild-channels ul .channel-voice{padding:5px!important;font-size:small}.bd-minimal .channel-members-wrap{min-width:0}#bd-ps-container,#bd-psd-container{box-shadow:0 0 20px 0 #000;min-width:750px}.bd-minimal .channel-members h2{margin-top:3px}.bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before{width:10px;top:8px}.bd-minimal .guild-channels h2{padding:5px}.bd-minimal .guild-channels header spann{font-size:12px}.bd-minimal .channels-wrap{width:160px}.bd-minimal .channels-wrap .guild-channels{padding:0}.bd-minimal .guild .guild-inner,.bd-minimal .guild .guild-inner a.avatar-small,.bd-minimal .guilds .friends-icon,.bd-minimal .guilds-wrapper .guilds .guild{width:20px;height:20px;background-size:100%;font-size:15px;line-height:20px}.bd-minimal .guilds .friends-online{margin-left:-15px;font-size:7px}.bd-minimal .guilds-wrapper{width:45px}.bd-minimal .guilds-wrapper .guild-separator{margin-left:-15px}.bd-minimal .guilds-wrapper .guilds .guild.selected:before{height:20px;margin-top:-10px}.bd-minimal .guilds-add{font-size:20px;line-height:14px}.bd-minimal .guilds .audio .guild-inner:after{width:12px;height:12px;background-size:12px}.bd-minimal .guild-header header span{margin-left:-20px}#bd-psd-header span,.bd-ps-server-header span{margin-left:10px}.bd-minimal .btn-hamburger{margin-right:-30px}.emotewrapper{display:inline-block;position:relative}.emotewrapper:hover .fav{display:block}#bd-changelog{float:right;height:30px;line-height:30px;margin-right:10px;font-size:11px;font-weight:700;cursor:pointer}.fav{display:none;position:absolute;width:15px;height:15px;right:-7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAzFBMVEUAAABQUFBMTExLS0tNTU1MTExNTU1NTU1MTExMTExNTU1LS0tEREBEREBEREBEREBJSUhLS0tLS0tEREBNTU1NTU1NTU1EREArKyhNTU1NTU0AAABMTExKSklMTExNTU1NTU1NTU1KSkpMTExKSkhNTU1KSkpISEZNTU1LS0tAQDxOTk5KSkpLS0tNTU1MTExMTEx/f39MTExMTExLS0pLS0tMTExNTU1NTU1LS0pNTU1NTU1NTU1NTU1NTU1NTUxNTU1NTU1NTUxMTEzB8C/5AAAAOnRSTlMAI8X96oWAgYSF68QBAg0PMCb9BIuLgQUD4N0Bh0mKhZSOQ4gcrKscaW8QRE6fmJyjAshASceG7cIpqQOxTQAAALVJREFUGFddx6FOA0EYAOGZvd07Qm6vVCAAgUUgQEDfX/YZMAigqaFN7iC5tsmPqGPUN/AvUVeoEbGOCElJz08Uzeixqu4AqomVVSNngOVjTqDGZSl3UFtPGV2ot2zaq96YM9p5Ddzcf/nTTAlj+/sNtNu8OcwkIsbPBtrUfMQeEhGQmHbmGIFMwLPzu6UMIwBNgToshgq8Nr2ki+Oy7ebDHp70LRPWB6OZgfWLWei7fJonOOsPCGA9kVlssOoAAAAASUVORK5CYII=) no-repeat #303030;border:none;background-size:100% 100%;border-radius:5px;top:-7px;cursor:pointer}#bd-ps-container{position:fixed;width:50%;height:75%;background:#2e3136;display:block;z-index:9001;margin-left:25%;margin-top:5%;border:1px solid #000;max-height:800px}#bd-ps-body,#bd-show-channels,.tipsy,.tipsy-arrow{position:absolute}#bd-ps-header{background:#36393e;height:60px;border-bottom:1px solid #000;box-shadow:0 1px 0 0 #4e4e4e}#bd-ps-header h2{margin:0 0 0 10px;line-height:60px;color:#ADADAD;display:inline-block;float:left}#bd-ps-header span{float:right;display:inline;line-height:50px;margin-right:15px;font-size:29px;font-weight:700;color:#ADADAD}#pubs-header h2,.bd-dropdown,.bd-ps-server-icon,.bd-ps-server-info,.servericon,.serverinfo{display:inline-block}#bd-ps-body{padding:0;margin-top:0;left:0;right:0;bottom:0;top:61px;overflow:auto}.bd-ps-server{width:100%;height:200px}.bd-ps-server-header{height:50px;width:100%;margin-top:1px;background:#202020;color:#AEAEAE;line-height:50px;font-size:20px}.bd-ps-server-body{padding:5px}.bd-ps-server-icon{width:90px;height:90px;background:#202020}.bd-ps-server-info{position:absolute;height:190px;left:100px;right:5px;color:#AEAEAE;overflow:auto}#bd-ps-body table{width:100%;margin:0;padding:0;border-color:red;border-collapse:collapse;text-align:left}#bd-ps-body table th{background-color:#202020;color:#EDEDED;height:50px;padding-left:5px}#bd-ps-body table tr{margin:0;padding:0;height:50px;background-color:#33363B;border-bottom:1px solid #000;box-shadow:0 1px 0 #404040 inset}#bd-ps-body table tr td{padding-left:5px;color:#EDEDED;min-width:100px}#bd-ps-body .description{overflow:auto;max-height:60px;word-wrap:break-word}#bd-ps-body table tr:nth-child(odd){background-color:#2E3136}#bd-show-channels{display:none;width:12px;height:18px;background:#2e3136;left:33px;top:79px;text-align:left!important;padding:0 0 0 3px!important;color:#EBEBEB}.bd-minimal-chan #bd-show-channels{display:block!important}.tipsy{z-index:9000000001!important;padding:5px;display:block;visibility:visible;opacity:.8}.tipsy-arrow{width:0;height:0;border:5px solid transparent;bottom:0;right:10px;border-bottom:none;border-top-color:#000}.tipsy-inner{background-color:#000;color:#fff;padding:5px 8px 4px;text-align:center;overflow:hidden!important}#bd-psd-container,#bd-psd-table button:hover,#bd-psd-table tbody tr:nth-child(odd){background:#2E3135}#bd-psd-container{position:fixed;width:50%;height:75%;display:block;margin-left:25%;margin-top:5%;border:1px solid #25282C;min-height:800px}#bd-psd-header{width:100%;height:40px;border-bottom:1px solid #25282C;line-height:40px;color:#ADADAD}#bd-psd-body{height:100%;width:100%}#bd-psd-table{width:100%;margin:0;padding:0;text-align:left;color:#ADADAD}#bd-psd-table thead th{background:#1D1D1D;padding:5px}#bd-psd-table tbody td{padding:5px}#bd-psd-table tbody tr{background:#292C30}#bd-psd-table button{background:#292C30;border:1px solid #1D1D1D;width:60px;height:30px;color:#ADADAD;cursor:pointer}#bd-psd-header a{float:right;margin-right:10px;font-size:30px;color:#ADADAD;margin-top:-7px}.bd-g-table tbody td,.bd-g-table thead th{color:#87909c!important;padding:5px!important}.bd-g-table{text-align:left;width:520px;white-space:nowrap}.bd-g-table thead th{background:#EBEBEB!important}.bd-g-table tbody tr{background:#E0E0E0!important}.bd-g-table tbody tr:nth-child(odd){background:#ECECEC!important}.bd-g-table tbody td{font-size:small}.bd-g-table input,.bd-g-table textarea{margin:0!important;padding:0!important}.bd-g-table textarea{width:100%!important;background:#E0E0E0!important;border:none!important;resize:none!important;font-size:small!important}.bd-alert,.bd-psm{right:0;margin:auto}.message-group.compact .message .markup .message-content{text-indent:0}.bd-psb{background-image:url(data:image/png;base64,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);width:25px;height:25px;background-color:transparent;background-size:100%}.bd-psm{position:fixed;pointer-events:auto;width:490px;height:460px;background-color:#fff;z-index:900000;left:170px;top:-60px;bottom:0;box-shadow:0 0 10px 5px rgba(193,193,193,.75);border:1px solid #EBEBEB}.bd-alert{position:absolute;width:600px;height:200px;left:0;top:300px;background-color:#2E3136;border:1px solid #323232;box-shadow:0 0 5px 3px rgba(30,30,30,.5);color:#EBEBEB}#bd-customcss-attach-controls .checkbox-group,#bd-pane .tab-bar.TOP{margin-bottom:0}.bd-alert-header{height:25px;background:#36393E}.bd-alert-body,.bd-alert-body .scroller-wrap{height:178px}.bd-alert-header span{line-height:25px;margin-left:5px}.bd-alert-closebtn{cursor:pointer;float:right;margin-right:5px;margin-top:2px}.bd-alert-closebtn:hover{color:#ADADAD}.bd-alert-body a{color:#FFF!important}.bd-alert-body .scroller-wrap .scroller{padding:5px;word-wrap:break-word}.channel-textarea-inner textarea{margin-right:40px}.servericon{width:64px;background-size:100% auto;height:64px}#pubs-container{width:800px;position:fixed;top:50%;left:50%;margin-top:-284.5px;margin-left:-400px;background:#FFF;z-index:9000000}#pubs-container .scroller-wrap{height:500px;margin-top:75px}#pubs-header{background:#7289da;padding:5px 12px 5px 5px}#pubs-header h2{font-weight:600;color:#FFF}#pubs-header button,#pubs-header input{float:right}#pubs-sterm{outline:0!important;padding-left:3px}.bd-dropdown{position:absolute;width:150px;right:225px}.bd-dropdown button{width:150px}.bd-dropdown .bd-dropdown-list ul{height:0}.bd-dropdown.open .bd-dropdown-list ul{height:140px}.bd-dropdown-list{position:absolute;right:0;top:32px;z-index:90001;width:150px;background:#F3F3F3}.bd-dropdown-list ul{height:0;overflow-y:auto;overflow-x:hidden;transition:all .5s ease-in-out}.bd-dropdown-list ul li{padding:5px;background:#E6E6E6;cursor:pointer;color:#87909c;font-weight:600}.bd-dropdown-list ul li:nth-child(odd){background:#E2E1E1}.bd-dropdown-list ul li:hover{background:#F9F5F5}#pubs-header input{border:none;height:30px;width:150px;color:#555;background-color:#fff;-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.server-description,.server-name-span,.server-official,.server-tags{transition:visibility 0s,opacity .8s linear}#pubs-header button{height:32px;background-color:#f9f9f9;color:#949494}#pubs-footer{height:25px;line-height:25px;background:#7289da}#pubs-footer div{float:right;margin-right:5px;font-weight:600px;color:#FFF}#pubs-footer a{color:#FFF;font-weight:800}.server-row{padding:5px;display:flex;background-color:#FFF}.server-row:nth-child(odd){background-color:#F3F3F3}.server-icon{width:64px;height:64px;background-size:100% auto}.server-info{display:flex;flex-flow:column;line-height:64px;margin-left:20px}.server-info span{font-size:16px;color:#000;font-weight:600}.server-info a{color:#4056a2;font-weight:800;margin-left:5px}.server-info button{width:90px;height:48px;margin-top:8px;background-color:#738bd7;color:#fff;font-size:19px}.server-info button:hover{background-color:#697ec4}.server-information{flex-grow:1;position:relative}.server-desription,.server-name{flex-grow:100}.server-name span{overflow:hidden;white-space:nowrap}.server-description,.server-name-span{position:absolute;top:0}.server-information:hover .server-description{visibility:visible;opacity:1}.server-information:hover .server-name-span,.server-information:hover .server-official,.server-information:hover .server-tags{visibility:hidden;opacity:0}.server-official,.server-tags{position:absolute!important;visibility:visible;opacity:1}.server-tags{bottom:0!important;height:38px!important;font-size:10px!important}.server-official{top:0!important;height:20px!important;font-size:14px!important;line-height:14px!important;color:#7289DA!important;font-weight:700!important;text-shadow:0 0 4px #7289DA;padding-left:2px;padding-right:2px}.server-description{visibility:hidden;opacity:0;font-size:12px!important;line-height:12px!important;text-overflow:initial!important;white-space:inherit!important;overflow-y:auto!important;height:64px!important}.server-region{min-width:85px}.server-pinned{position:absolute;width:777px;padding-right:17px;border-bottom:2px solid #272727}#bd-customcss-attach-controls,#bd-customcss-detach-controls{background:#E8E8E8;-webkit-box-shadow:inset 0 1px 0 0 #fff;padding:5px}#server-bd-tag{position:absolute!important;bottom:0!important;height:20px!important;line-height:20px!important;font-size:13px!important;font-weight:600!important}#pubs-spinner{position:fixed;top:50%;left:50%;margin-left:-16px;margin-top:-16px}#pubs-container .scroller::-webkit-scrollbar-thumb,#pubs-container .scroller::-webkit-scrollbar-track-piece{border-radius:0}.bd-hide-bd .callout-backdrop{display:none}.bd-detached-editor .app{width:70%}#bd-customcss-detach-container{position:absolute;width:30%;top:0;right:0;bottom:0;padding-top:58px;background-color:#36393e}#bd-customcss-detach-editor{height:calc(100% - 87px)}#bd-customcss-detach-editor #bd-customcss-innerpane,#bd-customcss-detach-editor .CodeMirror{height:100%}#bd-customcss-detach-controls{border-top:1px solid #ADADAD;height:100%}#bd-customcss-detach-controls .checkbox-group li{margin-top:5px;display:inline-block}#bd-customcss-detach-controls button{width:90px;height:30px;margin-top:8px;background-color:#738bd7;color:#fff;font-size:19px}#bd-customcss-detach-controls-buttons{bottom:5px}#editor-detached{margin-top:50px}#editor-detached h3{text-align:center;font-size:30px}#editor-detached .btn{left:50%;margin-left:-100px;margin-top:10px;width:200px;height:60px}#bd-customcss-attach-controls{border:1px solid #FFF;border-top:1px solid #ADADAD;height:75px}#bd-customcss-attach-controls .checkbox-group li{margin-top:5px;display:inline-block}#bd-customcss-attach-controls button{margin:0;width:100px}#bd-customcss-detach-container #bd-customcss-detach-controls-buttons button{width:90px;height:30px;margin-top:8px;background-color:#738bd7;color:#fff;font-size:19px}.emoji-picker{box-shadow:none;border-top:none;border-radius:0 0 5px 5px}#bda-qem{border-radius:5px 5px 0 0;background:#FFF;border-bottom:1px solid rgba(0,0,0,.1)!important;height:30px;display:flex;flex-direction:row;padding-right:1px!important}#bda-qem button{border-left:1px solid #EFEFEF;background:0 0;box-shadow:#CECECE 1px 0 0 0;flex-grow:1}#bda-qem button:hover{background:#ECECEC}#bda-qem-twitch{border-radius:5px 0 0;order:2}#bda-qem-emojis{border-radius:0 5px 0 0;order:3}#bda-qem-favourite{order:3}#bda-qem button.active{background-color:#E2E2E2}#bda-qem-favourite-container,#bda-qem-twitch-container{width:346px;height:327px;background-color:#FFF;border-radius:0 0 5px 5px}#bda-qem-favourite-container .scroller-wrap,#bda-qem-twitch-container .scroller-wrap{height:100%}.emote-menu-inner{padding:5px 0 0 15px}#rmenu{left:25px;display:block!important;cursor:pointer;color:#FFF;position:fixed}.bda-qme-hidden #bda-qem-emojis{display:none}.bd-select select{width:100%;margin:0;padding:.6em 2em .5em .8em;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;background:0 0;border:1px solid transparent!important;-webkit-appearance:none;appearance:none;color:#404040;outline:0!important}.bd-select::after{content:" ";position:absolute;top:50%;right:1em;z-index:2;pointer-events:none;display:none}.bd-select select:focus{border-color:#aaa}.bd-select:focus::after{display:block}.bd-select{position:absolute;right:220px;height:32px;top:5px;display:inline-block;border:none;border-radius:0;box-shadow:0 1px 0 1px rgba(0,0,0,.04);background:#fff;outline:0!important}.bd-select:before{content:"Category";color:#FFF;position:absolute;right:100%;margin-right:5px;line-height:32px}#bd-settings-pane{margin-top:18px}.bda-slist-top{height:25px;flex-grow:1}.bda-slist-top>.btn{height:20px;line-height:20px;font-size:13px;padding:0 6px 6px;margin-left:5px!important;float:right}.bda-slist li{background:#F3F3F3;padding:5px;border-bottom:1px solid #ADADAD;min-height:116px;max-height:116px}.bda-slist li:nth-child(odd){background:#F3F3F3;border-top:1px solid #FFF}.bda-slist .bda-name{color:#87909C;font-weight:700;font-size:12px}.bda-slist .bda-description{margin-top:5px;color:#4E4E4E;width:400px;overflow-y:scroll;min-height:90px;max-height:90px;border-top:1px solid #DADADA;padding-top:5px;word-break:break-word}.bda-slist .scroller::-webkit-scrollbar-thumb,.bda-slist .scroller::-webkit-scrollbar-track-piece{border-radius:0!important;border-color:transparent}.bda-slist .bda-left{width:400px;display:inline-block}.bda-slist .bda-right{display:inline-block;float:right}.bda-slist .checkbox{margin-left:18px}.bda-slist .checkbox:before{content:"Enabled";color:#87909C;margin-right:5px;font-weight:600}.bda-slist .bda-right .btn{height:30px;width:100px;line-height:12px;margin-left:0;text-align:center;display:block}.bda-slist .bda-right .bda-plugin-reload{margin-top:35px}.bda-slist .bda-right .bda-plugin-settings{margin-top:5px}#bd-themes-pane .bda-plugin-reload{margin-top:70px}.bda-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.5)}.bd-settings{max-width:516px}.bda-dark #bda-qem{border-bottom:1px solid #464646!important;background:#353535}.bda-dark #bda-qem button{background:#353535;border-left:1px solid #242424;box-shadow:#424242 1px 0 0 0;color:#FFF}.bda-dark #bda-qem button.active{background-color:#292929}.bda-dark #bda-qem button:hover{background-color:#303030}.bda-dark #bda-qem-favourite-container,.bda-dark #bda-qem-twitch-container,.bda-dark .emoji-picker,.bda-dark .emoji-picker .category{background-color:#353535}.bda-dark .emoji-picker .header .search-bar{background-color:#2B2B2B}.bda-dark .emoji-picker .search-bar input{color:#FFF}.bda-dark .emoji-picker .search-bar input::-webkit-input-placeholder{color:#FFF}.bda-dark .emoji-picker .scroller .emoji-item.selected{background:rgba(123,123,123,.37)}.bda-dark .emoji-picker .dimmer.visible{background-color:rgba(62,62,62,.65)}.bda-dark .emoji-picker .diversity-selector .popout{background:#353535;border-color:#202020}.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,.bda-dark #pubs-container .scroller::-webkit-scrollbar,.bda-dark #pubs-container .scroller::-webkit-scrollbar-track,.bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece{background-color:#303030!important;border-color:#303030!important}.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece{background-color:#303030!important;border-color:#303030!important}.bda-dark .emoji-picker .scroller::-webkit-scrollbar,.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track,.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece{background-color:#303030!important;border-color:#303030!important}.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb,.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb{border-color:#202020!important;background-color:#202020!important}.bda-dark .server-row{background-color:#36393E}.bda-dark #pubs-container,.bda-dark .server-row:nth-child(odd){background-color:#2E3136}.bda-dark .server-info span{color:#D6D6D6}.bda-dark #pubs-footer,.bda-dark #pubs-header{background:#202020}.bda-dark #pubs-sterm{background:#36393E;color:#FFF}.bda-dark #pubs-searchbtn{background:#2E3136}.bda-dark .bd-select{background:#36393E}.bda-dark .server-info button{background-color:#202020}.bda-dark #pubs-cat{color:#FFF}.bda-dark .bd-dropdown-select{background-color:#2E3136}.bda-dark .bd-dropdown-list ul li:nth-child(odd){background:#36393E}.bda-dark .bd-dropdown-list ul li{background:#3D4046}.bda-dark .bd-dropdown-list ul li:hover{background:#2D2F33}.bda-dark #pubs-header button{background-color:#2E3136}.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar,.server-description::-webkit-scrollbar{width:12px}.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-track,.server-description::-webkit-scrollbar-track{background:#303030}.bda-dark .bd-dropdown .bd-dropdown-list ul::-webkit-scrollbar-thumb,.server-description::-webkit-scrollbar-thumb{background:#202020} \ No newline at end of file diff --git a/js/main.js b/js/main.js index 69975be..5f5a204 100644 --- a/js/main.js +++ b/js/main.js @@ -6,7 +6,7 @@ * https://github.com/Jiiks/BetterDiscordApp */ var settingsPanel, emoteModule, utils, quickEmoteMenu, opublicServers, voiceMode, pluginModule, themeModule, customCssEditor; -var jsVersion = 1.71; +var jsVersion = 1.72; var supportedVersion = "0.2.5"; var mainObserver; @@ -80,57 +80,87 @@ var defaultCookie = { var bdchangelog = { "changes": { - "ttv": { + "a": { + "title": "v1.72 : Public Servers", + "text": "Public servers now have categories, description, tags, dark mode and more!", + "img": "" + }, + "b": { + "title": "v1.72 : Import/Export", + "text": "Import/Export buttons now disappear in themes/plugins tabs to avoid confusion", + "img": "" + }, + "c": { + "title": "v1.72 : Changelog", + "text": "You can now reopen this changelog from the settings", + "img": "" + }, + "d": { "title": "v1.71 : Hide Twitch emotes", "text": "Hide all emotes option now toggles Twitch emotes instead!", "img": "" }, - "bttv": { + "e": { "title": "v1.71 : Override FFZ emote", "text": "Use the :bttv emote modifier to override a FFZ emote with a BTTV one!", "img": "" }, - "028s": { + "f": { "title": "v1.70 : 0.2.8 Support", "text": "Added support for Core version 0.2.8.", "img": "" }, - "importexport": { + "g": { "title": "v1.70 : Setting Import/Export", "text": "You can now import and export your settings!", "img": "" }, - "infscroll": { + "h": { "title": "v1.70 : Public Server List Infinite Scroll", "text": "Public server list now has the ability to load more than 20 servers.", "img": "" }, - "tstamps": { + "i": { "title": "v1.70 : 24 hour timestamps", "text": "Replace 12 hour timestamp with 24 hour timestamps!", "img": "" }, - "ctext": { + "j": { "title": "v1.70 : Coloured text", "text": "Make text colour the same as role colour!", "img": "" } }, "fixes": { - "emotes": { + "a": { + "title": "v1.72 : Settings panel", + "text": "Settings panel will now show no matter how you open it!", + "img": "" + }, + "b": { + "title": "v1.72 : Fixed emote edit bug", + "text": "Edits now appear properly even with emotes!", + "img": "" + }, + "c": { + "title": "v1.72 : Public servers", + "text": "Public servers button is visible again!", + "img": "" + }, + "d": { + "title": "v1.72 : Public servers", + "text": "Updated public servers api endpoint url for fetching correct serverlist.", + "img": "" + }, + "e": { "title": "v1.71 : Fixed emotes and edit", "text": "Emotes work again! So does editing emotes!", "img": "" }, - "spoiler": { + "f": { "title": "Spoilers are currently broken :(", "text": "Ps. I know this in the fixes section :o", "img": "" - }, - "pserver": { - "title": "v1.64 : Public Server Owner", - "text": "Removed undefined server owner property", - "imt": "" } } }; @@ -270,7 +300,11 @@ Core.prototype.loadSettings = function () { var botlist = ["119598467310944259"]; //Temp Core.prototype.initObserver = function () { mainObserver = new MutationObserver(function (mutations) { + mutations.forEach(function (mutation) { + if(settingsPanel !== undefined) + settingsPanel.inject(mutation); + if($(mutation.target).find(".emoji-picker").length) { var fc = mutation.target.firstChild; if(fc.classList.contains("popout")) { @@ -306,7 +340,7 @@ Core.prototype.initObserver = function () { } matches[2] = ('0' + h).slice(-2); - t.text(matches[1] + matches[2] + ":" + matches[3]); + t.text(matches[1] + " at " + matches[2] + ":" + matches[3]); }); } if(settingsCookie["bda-gs-7"]) { @@ -499,7 +533,12 @@ EmoteModule.prototype.obsCallback = function (mutation) { var nodes = self.getNodes(next); for (var node in nodes) { if (nodes.hasOwnProperty(node)) { - self.injectEmote(nodes[node]); + var elem = nodes[node].parentElement; + if (elem && elem.classList.contains('edited')) { + self.injectEmote(elem); + } else { + self.injectEmote(nodes[node]); + } } } } @@ -515,173 +554,167 @@ EmoteModule.prototype.getNodes = function (node) { while (next = treeWalker.nextNode()) { nodes.push(next); } - return nodes; }; var bemotes = []; var spoilered = []; -EmoteModule.prototype.injectEmote = function (node) { - if (typeof emotesTwitch === 'undefined') return; +EmoteModule.prototype.injectEmote = function(node) { + var self = this; if (!node.parentElement) return; + var parent = $(node).parent(); + + if(!parent.hasClass("markup") && !parent.hasClass("message-content")) return; - var parent = node.parentElement; - - if (!$(parent).hasClass("markup")) { - return; - } - - var edited = false; function inject() { - var p = $(parent); - var parentInnerHTML = p.html(); - var words = parentInnerHTML.split(/\s+/g); - var injected = false; - if (!words) return; - var oldHeight = parent.parentElement.offsetHeight; - words.forEach(function (word) { + var contents = parent.contents(); + + contents.each(function(i) { + if(contents[i] == undefined) return; + var nodeValue = contents[i].nodeValue; + if(nodeValue == null) return; + //if(nodeValue.indexOf("react-") > -1) return; + if(contents[i].nodeType == 8) return; + contents.splice(i, 1); - var w = word.replace("-->", "").replace("'+'
'+'
';if(bdchangelog.changes!=null){changeLog+=''+'

'+' New Stuff'+'

'+'
    ';for(var change in bdchangelog.changes){change=bdchangelog.changes[change];changeLog+=''+'
  • '+' '+change.title+''+'
    '+change.text+'
    '+'
    • ';} changeLog+='
';} @@ -17,27 +18,32 @@ if(bdchangelog.upcoming!=null){changeLog+=''+'

changeLog+='';} changeLog+=''+'

'+'
'+'
'+'
'+' '+' '+'';return changeLog;};Core.prototype.alert=function(title,text){var id='';for(var i=0;i<5;i++) id+="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".charAt(Math.floor(Math.random()*"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".length));var bdAlert=' ';$("body").append(bdAlert);utils.addBackdrop(id);};var emotesFfz={};var emotesBTTV={};var emotesTwitch={"emotes":{"emote":{"image_id":0}}};var subEmotesTwitch={};function EmoteModule(){} -EmoteModule.prototype.init=function(){};EmoteModule.prototype.getBlacklist=function(){$.getJSON("https://cdn.rawgit.com/Jiiks/betterDiscordApp/"+_hash+"/data/emotefilter.json",function(data){bemotes=data.blacklist;});};EmoteModule.prototype.obsCallback=function(mutation){var self=this;$(".emoji").each(function(){var t=$(this);if(t.attr("src").indexOf(".png")!=-1){t.replaceWith(t.attr("alt"));}});for(var i=0;i","").replace("