2861 lines
73 KiB
CSS
2861 lines
73 KiB
CSS
/*New loader*/
|
|
.bd-loaderv2 {
|
|
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAwMCAyMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAwIDIwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiMzRTgyRTUiIGQ9Ik0xNDAyLjIsNjMxLjdjLTkuNy0zNTMuNC0yODYuMi00OTYtNjQyLjYtNDk2SDY4LjR2NzE0LjFsNDQyLDM5OFY0OTAuN2gyNTdjMjc0LjUsMCwyNzQuNSwzNDQuOSwwLDM0NC45ICAgSDU5Ny42djMyOS41aDE2OS44YzI3NC41LDAsMjc0LjUsMzQ0LjgsMCwzNDQuOGgtNjk5djM1NC45aDY5MS4yYzM1Ni4zLDAsNjMyLjgtMTQyLjYsNjQyLjYtNDk2YzAtMTYyLjYtNDQuNS0yODQuMS0xMjIuOS0zNjguNiAgIEMxMzU3LjcsOTE1LjgsMTQwMi4yLDc5NC4zLDE0MDIuMiw2MzEuN3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTI2Mi41LDEzNS4yTDEyNjIuNSwxMzUuMmwtNzYuOCwwYzI2LjYsMTMuMyw1MS43LDI4LjEsNzUsNDQuM2M3MC43LDQ5LjEsMTI2LjEsMTExLjUsMTY0LjYsMTg1LjMgICBjMzkuOSw3Ni42LDYxLjUsMTY1LjYsNjQuMywyNjQuNmwwLDEuMnYxLjJjMCwxNDEuMSwwLDU5Ni4xLDAsNzM3LjF2MS4ybDAsMS4yYy0yLjcsOTktMjQuMywxODgtNjQuMywyNjQuNiAgIGMtMzguNSw3My44LTkzLjgsMTM2LjItMTY0LjYsMTg1LjNjLTIyLjYsMTUuNy00Ni45LDMwLjEtNzIuNiw0My4xaDcyLjVjMzQ2LjIsMS45LDY3MS0xNzEuMiw2NzEtNTY3LjlWNzE2LjcgICBDMTkzMy41LDMxMi4yLDE2MDguNywxMzUuMiwxMjYyLjUsMTM1LjJ6Ii8+PC9nPjwvc3ZnPg==);
|
|
position: fixed;
|
|
bottom:5px;
|
|
right:5px;
|
|
z-index: 2147483647;
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-size: 100% 100%;
|
|
-webkit-animation: bd-loaderv2-animation 1.5s ease-in-out infinite;
|
|
}
|
|
|
|
@-webkit-keyframes bd-loaderv2-animation {
|
|
0% { opacity: 0.05; }
|
|
50% { opacity: 0.6; }
|
|
100% { opacity: 0.05; }
|
|
}
|
|
|
|
.ui-standard-sidebar-view .bd-psm {
|
|
background-color: #292b2f;
|
|
box-shadow: 0 0 12px 6px rgba(31, 31, 31, 0.32);
|
|
border: 1px solid #3f4146;
|
|
width: 60vw;
|
|
height: 80vh;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.ui-standard-sidebar-view #bd-customcss-attach-controls button,
|
|
.bd-detached-css-editor #bd-customcss-attach-controls button {
|
|
margin: 0;
|
|
width: 100px;
|
|
background: #31332b;
|
|
color: #FFF;
|
|
height: 26px;
|
|
font-weight: 600;
|
|
margin-top: 5px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.ui-standard-sidebar-view #bd-customcss-attach-controls button:hover,
|
|
.bd-detached-css-editor #bd-customcss-attach-controls button:hover {
|
|
background: #3b3e44;
|
|
}
|
|
|
|
.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;
|
|
font-family: "Consolas";
|
|
}
|
|
|
|
.content-region .CodeMirror,
|
|
.content-region .cm-s-material .CodeMirror-gutters,
|
|
#bd-customcss-detach-container .CodeMirror,
|
|
#bd-customcss-detach-container .cm-s-material .CodeMirror-gutters{
|
|
background: #292b2f !important;
|
|
}
|
|
|
|
.content-region #bd-customcss-attach-controls,
|
|
#bd-customcss-detach-container #bd-customcss-attach-controls {
|
|
background: #272822;
|
|
color: #FFF;
|
|
border: none;
|
|
box-shadow: 0px 1px 0px 0px #2F3129 inset;
|
|
}
|
|
|
|
|
|
.content-region #bd-customcss-pane,
|
|
.content-region #bd-customcss-innerpane,
|
|
#bd-customcss-detach-container #bd-customcss-pane,
|
|
#bd-customcss-detach-container #bd-customcss-innerpane {
|
|
min-height: calc(80vh - 165px);
|
|
}
|
|
|
|
.content-region .CodeMirror,
|
|
.content-region .CodeMirror-scroll{
|
|
max-height: calc(95vh - 165px);
|
|
min-height: calc(95vh - 165px);
|
|
height: auto;
|
|
}
|
|
|
|
.content-region .CodeMirror-simplescroll-vertical,
|
|
.content-region .CodeMirror-simplescroll-horizontal,
|
|
#bd-customcss-detach-container .CodeMirror-simplescroll-vertical,
|
|
#bd-customcss-detach-container .CodeMirror-simplescroll-horizontal {
|
|
background: transparent !important;
|
|
}
|
|
.content-region .CodeMirror-simplescroll-vertical,
|
|
#bd-customcss-detach-container .CodeMirror-simplescroll-vertical {
|
|
margin-right: 3px !important;
|
|
}
|
|
.content-region .CodeMirror-simplescroll-horizontal,
|
|
#bd-customcss-detach-container .CodeMirror-simplescroll-horizontal {
|
|
margin-bottom: 3px !important;
|
|
}
|
|
|
|
.content-region .CodeMirror-simplescroll-vertical div,
|
|
.content-region .CodeMirror-simplescroll-horizontal div,
|
|
#bd-customcss-detach-container .CodeMirror-simplescroll-vertical div,
|
|
#bd-customcss-detach-container .CodeMirror-simplescroll-horizontal div {
|
|
background: #18191c !important;
|
|
border: none !important;
|
|
border-radius: 5px !important;
|
|
}
|
|
|
|
.content-region .CodeMirror-scrollbar-filler,
|
|
#bd-customcss-detach-container .CodeMirror-scrollbar-filler {
|
|
display: none !important;
|
|
}
|
|
|
|
.ui-standard-sidebar-view #editor-detached h3 {
|
|
color: #87909c;
|
|
font-weight: 600;
|
|
font-size: 22px;
|
|
}
|
|
.ui-standard-sidebar-view #editor-detached button {
|
|
margin: auto;
|
|
margin-left: calc(50% - 100px);
|
|
margin-top: 20px;
|
|
background: #7289da;
|
|
color: #FFF;
|
|
font-weight: 600;
|
|
border-radius: 5px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.bd-blue .ui-standard-sidebar-view #editor-detached button {
|
|
background: #3a71c1;
|
|
}
|
|
|
|
.ui-standard-sidebar-view .bd-versioninfo-wrapper {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: fixed;
|
|
background: inherit;
|
|
right: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
.ui-standard-sidebar-view .bd-versioninfo-wrapper span {
|
|
color: #b9bbbe;
|
|
font-weight: 600;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.ui-standard-sidebar-view .bd-versioninfo-wrapper a {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.bd-server-card .bd-server-tags {
|
|
flex: 1 1 auto;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: 0;
|
|
line-height: 24px;
|
|
font-size: 12px;
|
|
color: #b9bbbe;
|
|
font-weight: 700;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ui-card.ui-card-primary.bd-server-card:first-child {
|
|
margin-bottom: 13px;
|
|
}
|
|
|
|
.ui-card.ui-card-primary.bd-server-card:first-child:after {
|
|
border: 3px solid #7289da;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.bd-server-card.bd-server-card-pinned {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.bd-server-card.bd-server-card-pinned:after {
|
|
background: #3a71c1;
|
|
content: "";
|
|
height: 3px;
|
|
width: 100%;
|
|
display: block;
|
|
margin-top: 7px;
|
|
position: absolute;
|
|
top: 100%;
|
|
}
|
|
|
|
.bd-server-description-container {
|
|
color: #b9bbbe;
|
|
min-height: 65px;
|
|
max-height: 65px;
|
|
border-top: 1px solid #3f4146;
|
|
border-bottom: 1px solid #3f4146;
|
|
padding-top: 5px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.bd-server-header {
|
|
justify-content: space-between;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.bd-server-card {
|
|
display: flex;
|
|
}
|
|
|
|
.bd-server-content {
|
|
padding: 5px 10px;
|
|
flex: 1;
|
|
}
|
|
|
|
.bd-server-image {
|
|
min-width: 115px;
|
|
min-height: 115px;
|
|
max-width: 115px;
|
|
max-height: 115px;
|
|
}
|
|
|
|
.bd-server-name {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
padding-right: 15px;
|
|
max-width: 330px;
|
|
flex: 1 1 50%;
|
|
}
|
|
|
|
.bd-layer {
|
|
-ms-flex-direction: column;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-orient: vertical;
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
flex-direction: column;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.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%;
|
|
font-family: "Consolas";
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.emotemenu-enabled .channel-textarea-inner textarea {
|
|
margin-right: 45px !important;
|
|
}
|
|
|
|
#bdbeta {
|
|
background: red;
|
|
}
|
|
|
|
.editor-wrapper {
|
|
display: flex;
|
|
}
|
|
|
|
.line-numbers, .editor {
|
|
line-height: normal;
|
|
font-family: Consolas, monospace;
|
|
box-sizing: border-box;
|
|
height: calc(100vh - 250px);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.line-numbers {
|
|
white-space: pre;
|
|
color: gray;
|
|
padding: 10px 5px 0 5px;
|
|
background: #24262a;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.editor {
|
|
width: 100%;
|
|
background: #292B2F;
|
|
outline: none;
|
|
color: white;
|
|
padding: 10px;
|
|
resize: none;
|
|
}
|
|
|
|
#bd-customcss-detach-container .editor-wrapper,
|
|
#bd-customcss-detach-container .line-numbers,
|
|
#bd-customcss-detach-container .editor {
|
|
height: 100%;
|
|
}
|
|
|
|
#emote-menu {
|
|
background: #36393E;
|
|
height: 0;
|
|
width: 300px;
|
|
position: absolute;
|
|
bottom: 45px;
|
|
right: 0;
|
|
border: 1px solid #000;
|
|
border-radius: 5px 0 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 {
|
|
background-color: #36393E;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.emote-icon {
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
position: absolute;
|
|
margin: auto;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.emote.stop-animation {animation: none!important;}
|
|
|
|
.emote-container:hover {
|
|
background: rgba(123, 123, 123, 0.37);
|
|
}
|
|
|
|
.emoteflip, .emotespinflip {
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
.emotespin {
|
|
animation: 1s emote-spin infinite linear;
|
|
}
|
|
|
|
.emote1spin {
|
|
animation: 1s emote-spin-reverse infinite linear;
|
|
}
|
|
|
|
.emotespin2 {
|
|
animation: 0.5s emote-spin infinite linear;
|
|
}
|
|
|
|
.emote2spin {
|
|
animation: 0.5s emote-spin-reverse infinite linear;
|
|
}
|
|
|
|
.emotespin3 {
|
|
animation: 0.2s emote-spin infinite linear;
|
|
}
|
|
|
|
.emote3spin {
|
|
animation: 0.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 0.3s linear infinite;
|
|
}
|
|
|
|
.emoteshake3 {
|
|
animation: emote-shake3 0.1s linear infinite;
|
|
}
|
|
|
|
@keyframes emote-shake2 {
|
|
25% {
|
|
transform: translate(-1px, -1px);
|
|
}
|
|
50% {
|
|
transform: translate(-1px, 1px);
|
|
}
|
|
75% {
|
|
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);
|
|
}
|
|
75% {
|
|
transform: translate(1px, -1px);
|
|
}
|
|
}
|
|
@keyframes emote-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes emote-spin-reverse {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(-360deg);
|
|
}
|
|
}
|
|
@keyframes emote-pulse {
|
|
0% {
|
|
-webkit-transform: scale(1, 1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scale(1.2, 1.2);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1, 1);
|
|
}
|
|
}
|
|
@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%;
|
|
border: 1px solid #000;
|
|
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;
|
|
line-height: 60px;
|
|
margin-left: 10px;
|
|
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: bold;
|
|
color: #ADADAD;
|
|
}
|
|
|
|
#rmenu {
|
|
width: auto;
|
|
background: #505050;
|
|
position: absolute;
|
|
z-index: 999999;
|
|
display: none;
|
|
box-shadow: 0 0 2px #000;
|
|
padding: 2px;
|
|
}
|
|
#rmenu ul a {
|
|
text-decoration: none;
|
|
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;
|
|
position: absolute;
|
|
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-links {
|
|
float: right;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.tc-switch {
|
|
background: #2e3136;
|
|
width: 100px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
float: right;
|
|
margin: -7px;
|
|
border: 1px solid #000;
|
|
outline: 1px solid #404040;
|
|
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;
|
|
display: inline-block;
|
|
width: 49px;
|
|
text-align: center;
|
|
height: 24px;
|
|
}
|
|
|
|
.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 .divider-32i8lo {opacity: 0;}
|
|
.bd-minimal .large-3ChYtB {
|
|
max-width: 20px;
|
|
max-height: 20px;
|
|
background-size: 100%;
|
|
margin-right: 2px;
|
|
margin-top: 0;
|
|
border-radius: 0;
|
|
}
|
|
.bd-minimal .content-3dzVd8 {
|
|
border-left: 2px solid #EBEBEB;
|
|
padding-left: 2px;
|
|
}
|
|
.bd-minimal .theme-dark .content-3dzVd8 {
|
|
border-left: 2px solid #303030;
|
|
}
|
|
.bd-minimal .username-_4ZSMR {
|
|
font-size: small;
|
|
}
|
|
.bd-minimal.bd-minimal-chan .channels-Ie2l6A {
|
|
display: none;
|
|
}
|
|
.bd-minimal .container-1YxwTf {
|
|
padding: 5px;
|
|
}
|
|
.bd-minimal .embed {
|
|
padding: 2px;
|
|
}
|
|
.bd-minimal .members-1998pB .small-5Os1Bb {
|
|
max-width: 15px;
|
|
max-height: 15px;
|
|
background-size: 15px 15px;
|
|
}
|
|
.bd-minimal .members-1998pB .small-5Os1Bb .status-oxiHuE {
|
|
height: 5px;
|
|
width: 5px;
|
|
}
|
|
.bd-minimal .members-1998pB .member-3W1lQa {
|
|
padding: 5px;
|
|
}
|
|
.bd-minimal .members-1998pB .memberInner-2CPc3V {
|
|
transform: scale(0.9);
|
|
}
|
|
.bd-minimal .membersWrap-2h-GB4 {
|
|
min-width: 0px;
|
|
}
|
|
.bd-minimal .members-1998pB .membersGroup-v9BXpm {
|
|
margin-top: 3px;
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
.bd-minimal .channels-Ie2l6A header span {
|
|
font-size: 12px;
|
|
}
|
|
.bd-minimal .channels-Ie2l6A .channels-Ie2l6A {
|
|
padding: 0;
|
|
}
|
|
.bd-minimal .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-size: 100%;
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
}
|
|
.bd-minimal .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .guildInner-3DSoA4 a,
|
|
.bd-minimal .guild-1EfMGQ .guildInner-3DSoA4 .guildIcon-CT-ZDq {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-size: 100%;
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
}
|
|
.bd-minimal .guild-1EfMGQ .guildInner-3DSoA4 {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-size: 100%;
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
}
|
|
.bd-minimal .guilds-1q_RqH .homeIcon-1FoKUJ {
|
|
width: 10px;
|
|
height: 10px;
|
|
background-size: 100%;
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
}
|
|
.bd-minimal .guilds-1q_RqH .friendsOnline-_wi_fM
|
|
{
|
|
margin-left: -15px;
|
|
font-size: 7px;
|
|
}
|
|
.bd-minimal .guildsWrapper-5TJh6A {
|
|
width: 45px;
|
|
}
|
|
.bd-minimal .guildsWrapper-5TJh6A .guildSeparator-1X4GQ1
|
|
{
|
|
margin-left: -15px;
|
|
}
|
|
.bd-minimal .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.selected-ML3OIq:before
|
|
{
|
|
height: 20px;
|
|
margin-top: -10px;
|
|
}
|
|
.bd-minimal .guildsAdd-21_IdK {
|
|
font-size: 20px;
|
|
line-height: 14px;
|
|
}
|
|
.bd-minimal .guilds-1q_RqH .audio-3vVhBi .guildInner-3DSoA4:after {
|
|
width: 12px;
|
|
height: 12px;
|
|
background-size: 12px;
|
|
}
|
|
.bd-minimal .guild-header header span
|
|
{
|
|
margin-left: -20px;
|
|
}
|
|
.bd-minimal .btn-hamburger
|
|
{
|
|
margin-right: -30px;
|
|
}
|
|
|
|
.bd-minimal .container-2Thooq .avatar-small {
|
|
width: 15px;
|
|
height: 15px;
|
|
background-size: 15px 15px;
|
|
}
|
|
|
|
.bd-minimal .container-2Thooq .avatar-small .status-oxiHuE {
|
|
height: 5px;
|
|
width: 5px;
|
|
}
|
|
|
|
.bd-minimal .container-2Thooq .accountDetails-3k9g4n {
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
.bd-minimal .container-2Thooq .button-2b6hmh {
|
|
height: 14px;
|
|
width: 14px;
|
|
background-size: 14px 14px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.bd-minimal .container-2Thooq .button-2b6hmh svg {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.bd-minimal .channels-Ie2l6A {
|
|
width: 160px;
|
|
}
|
|
|
|
.bd-minimal .content-20Aix8 {
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
.bd-minimal .containerDefault-3GGEv_ {
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
.bd-minimal .icon-sxakjD {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.emotewrapper {
|
|
position: relative;
|
|
display: inline-flex;
|
|
object-fit: contain;
|
|
margin: -.1em .05em -.2em .1em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.emotewrapper.jumboable {
|
|
margin-bottom: 0;
|
|
margin-top: .2em;
|
|
vertical-align: -.3em;
|
|
}
|
|
|
|
.emote {
|
|
height: 1.45em;
|
|
}
|
|
|
|
.emote.jumboable {
|
|
height: 2rem;
|
|
}
|
|
|
|
.emotewrapper:hover .fav {
|
|
display: block;
|
|
}
|
|
|
|
#bd-changelog {
|
|
|
|
}
|
|
|
|
#bd-changelog h2 {
|
|
font-size: 150%;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid rgba(0,0,0, 0.5);
|
|
}
|
|
|
|
.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=");
|
|
border: none;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-color: #303030;
|
|
border-radius: 5px;
|
|
top: -7px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fav.active {
|
|
background-color: yellow;
|
|
}
|
|
|
|
#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;
|
|
box-shadow: 0 0 20px 0 #000;
|
|
max-height: 800px;
|
|
min-width: 750px;
|
|
}
|
|
|
|
#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;
|
|
line-height: 60px;
|
|
margin-left: 10px;
|
|
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: bold;
|
|
color: #ADADAD;
|
|
}
|
|
|
|
#bd-ps-body {
|
|
position: absolute;
|
|
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-header span {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.bd-ps-server-body {
|
|
padding: 5px;
|
|
}
|
|
|
|
.bd-ps-server-icon {
|
|
width: 90px;
|
|
height: 90px;
|
|
background: #202020;
|
|
display: inline-block;
|
|
}
|
|
|
|
.bd-ps-server-info {
|
|
position: absolute;
|
|
height: 190px;
|
|
display: inline-block;
|
|
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;
|
|
position: absolute;
|
|
left: 33px;
|
|
top: 79px;
|
|
text-align: left !important;
|
|
padding: 0px !important;
|
|
padding-left: 3px !important;
|
|
color: #EBEBEB;
|
|
z-index: 90000;
|
|
}
|
|
|
|
.bd-minimal-chan #bd-show-channels {
|
|
display: block !important;
|
|
}
|
|
|
|
.tipsy {
|
|
z-index: 9000000001 !important;
|
|
position: fixed;
|
|
padding: 5px;
|
|
display: block;
|
|
visibility: visible;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.tipsy-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border: 5px solid transparent;
|
|
bottom: 0;
|
|
right: 10px;
|
|
border-bottom: none;
|
|
border-top-color: black;
|
|
}
|
|
|
|
.tipsy-inner {
|
|
background-color: black;
|
|
color: white;
|
|
max-width: 300px;
|
|
padding: 5px 8px 4px;
|
|
text-align: center;
|
|
overflow: hidden !important;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#bd-psd-container {
|
|
position: fixed;
|
|
width: 50%;
|
|
height: 75%;
|
|
display: block;
|
|
margin-left: 25%;
|
|
margin-top: 5%;
|
|
box-shadow: 0 0 20px 0 #000;
|
|
background: #2E3135;
|
|
border: 1px solid #25282C;
|
|
min-width: 750px;
|
|
min-height: 800px;
|
|
}
|
|
|
|
#bd-psd-header {
|
|
width: 100%;
|
|
height: 40px;
|
|
border-bottom: 1px solid #25282C;
|
|
line-height: 40px;
|
|
color: #ADADAD;
|
|
}
|
|
#bd-psd-header span {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#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 tbody tr:nth-child(odd) {
|
|
background: #2E3135;
|
|
}
|
|
#bd-psd-table button {
|
|
background: #292C30;
|
|
border: 1px solid #1D1D1D;
|
|
width: 60px;
|
|
height: 30px;
|
|
color: #ADADAD;
|
|
cursor: pointer;
|
|
}
|
|
#bd-psd-table button:hover {
|
|
background: #2E3135;
|
|
}
|
|
|
|
#bd-psd-header a {
|
|
float: right;
|
|
margin-right: 10px;
|
|
font-size: 30px;
|
|
color: #ADADAD;
|
|
text-decoration: none;
|
|
margin-top: -7px;
|
|
}
|
|
|
|
.bd-g-table {
|
|
text-align: left;
|
|
width: 520px;
|
|
white-space: nowrap;
|
|
}
|
|
.bd-g-table thead th {
|
|
background: #EBEBEB !important;
|
|
color: #87909c !important;
|
|
padding: 5px !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 {
|
|
color: #87909c !important;
|
|
padding: 5px !important;
|
|
font-size: small;
|
|
}
|
|
.bd-g-table textarea {
|
|
width: 100% !important;
|
|
background: #E0E0E0 !important;
|
|
border: none !important;
|
|
resize: none !important;
|
|
font-size: small !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
.bd-g-table input {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.message-group.compact .message .markup .message-content {
|
|
text-indent: 0;
|
|
}
|
|
|
|
.bd-psb {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAG6ElEQVR4XtWZS0xTWRjHP54+H+WhQRO0GAQxxikxmhhMKBu2upLoTDKsaupmcGVYVTdjxhUrG9kMG0OYTDKSuGIzZQHGUQNEowaJ4lt8UXwBPuf7kV5ycrmXW26bVP/JlxR6zvc63+uc5n379k1+ZOTLD45CPnR2dkoWcUgpqhS2LUgoxZX+kiwgEolYBmSGlpYWsdDT0xMoLi7uaW5ulk2bNomJJ0+ehPv6+sIfP37s0z1JY893FUKt27ZtQ3n58OGDTE1NQXyWiooKqa6uFtZkN4QyhK0IHFi/fr3MzMyIelos8DkvL09Wr17Nmp/Yk4skDimdNGPbREFBAR+Cq1atki9fvogdGFBSUiLwYa0L4I2MULYNOFtWVja0e/fumIbHvyLyj1KzpLBs2TLp7u6OrFmzJrhx40b5+vWr2PH582fZsmWL6JoQa9ljoBme8EYGspApaYA+4FWFztbU1ETD4bBYGB8fl0QiQWicJkKUfg0qVLiocJmcnBQncAKvXr2Sa9euwWM8VZVI/Hb4KwuxAP/R0VG+P+a7CpnK48G3b9/ibQTJkSNHUKRdhYuuwbMCWOMG9mOgVik+B2/cuPEHCzAcPiT77OwsvCTlsKgaIRjhJ4nDGg7RxsZG+fTpk6XYfIIS6/v27RPA91QbYn8xsO7169fky4L9yWRyPvTevHmDEaKykRt9+vQpvSOx1BA6uWPHjpiS5BI3b96ETqHPUkNo/P3795LrWQkd0MVPCHXdv3//N20+oXXr1kk6IE9IUsKJMEM4IFyIcfiQA4WFiPXGixcvRHVIoIvfMhq/dOkSMSqLgdjVOJWRkREEEs8kJLUf4jP/4zvWsJY9nvlCtUKHTDpxpwqv04rXpifhKujOnTuWtz1Boj98+JBkFsaOoqIicYLKxPAOhr+sjBKUT0qcCcLk9u3b86PCUsCp3Lp1S7Zv3054iQH+zuos1FpbW4uCZkLzWe7evUvcS36+v5mQvfCgj5gOgB+95vr16wdF5HgmBkS2bt0aWL58udgr0vPnz2V6etoS7BvwgNeGDRvEAidN166srAxquEUI5XQNCChhdaNSiLmlvr4exUk6M46pEG6ex8rzSr1KA0qggUlV6Wd6j1O1oTrR4Cz+yNu7dy/Jf45mJiLDSv1KF5SSTgYc4jLC0THPwxCCGbON4X2rKzsZwKJTKTLxd4rGlGJORlB68bqZI/x9+PBhSnMI0ktRqyb3n5pzLSS33YCodZNCWZTEM8SpDbR6t9A5j/LiDr6jnP0iNrx7904CgYBZ3QgtegYFhIpFrnCzk4sXL0btBgRXrlwZZjFKs9mjRruFT694o9fBACoZjnOSBWGgWXLDAkwDVqxYYXrbq3G5GTAg3hhw4+kBDFk0idOaezglwifLgCe8UdLXnTjJxjQHN47S7bQaSFaP7Q0uPJEP+TJgWBMTCq1du9ZrFCCp3Gb/A54GsMYBdN90vE8BQV+nEIpfvnz5HDMPRmgPwCuOBlAtuNg4gDo/tkgliqXW2IFMV+9bFyqUHxuDvcTdLjQ1qVe1EFRaWhqgkdkNoTM/ePAAgVlpZMT/5s2bccqCLj00NITiSbwOpZQfdbvQjBqzBxPj7zqste/cuXNByeP95+XLl475SJmEJD3Ay6mM4m2UPyEiZ/zOQmcmJibamRipEGYYad8QSi9zSybgNOFD57UPeo8fP05ayvs1IKmMOh49etTGm479eHkupDMizA9wCt6nSdmhMvnQlbWnRfKAYzZPgcTCCC4nGLQU4HXNMXPKNSuS5ZTpTA1oVsXb6urqUNipe6IAVYn7LmOIV0elg+N1Epe9rHc8mV27dlEo2rUCcSfu82tAdM+ePXiEsdax6mAYIcAozEyPgvxNblgnxn56B5d7eHBa7HMD3+MUZA8ODkb9GhDWcfpgeXk5Cnl61jIEYAwv0SgOMMR62Ut31oIXstFBR+mwr4ctvY3FqqqqJJe4d+8e105fD1sJvcjEuODkENZDccLPuxAGdPGG43Ih53kE8iqjfvfzaoEBcXTxm8RxmChaKZfG7YkXA1p/R+qY24hXbk0er27sYT1dHMXZz0MXlY68MZWXZ8+eGc/r/l7m/ksZ0YXCPDbB+MqVK8OqyFHGjqampuOqSIkKO83c4gXW6NoT7GEvPNQhR+EJb2Qgy1t5exJ742BqyBs3OiTv+OaPEpP79+8PuJ0CJ3f16tVh3VNv7BEDrUrB1NB2IZ2fWfMlfcDwpEd7H0ZJ4GYAa8QdXchAVq5+Zu2n4XkYMPI9/8wa1yGMH+lISLvyxLXgZfbkwABP8JPQRH9//1F9Fo/qKBAySiYGDGOgrkmKD/hPYv8IG5+tG1XWQBLPG/Aj439gf0WR+WMvWwAAAABJRU5ErkJggg==");
|
|
width: 25px;
|
|
height: 25px;
|
|
background-color: transparent;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.bd-psm {
|
|
position: fixed;
|
|
pointer-events: auto;
|
|
width: 490px;
|
|
height: 460px;
|
|
background-color: white;
|
|
z-index: 900000;
|
|
margin: auto;
|
|
right: 0;
|
|
left: 170px;
|
|
top: -60px;
|
|
bottom: 0;
|
|
box-shadow: 0 0 10px 5px rgba(193, 193, 193, 0.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, 0.5);
|
|
color: #EBEBEB;
|
|
}
|
|
|
|
.bd-alert-header {
|
|
height: 25px;
|
|
background: #36393E;
|
|
}
|
|
.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 {
|
|
height: 178px;
|
|
}
|
|
.bd-alert-body a {
|
|
color: #FFF !important;
|
|
}
|
|
.bd-alert-body .scroller-wrap {
|
|
height: 178px;
|
|
}
|
|
.bd-alert-body .scroller-wrap .scroller {
|
|
padding: 5px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.channel-textarea-inner textarea {
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.servericon {
|
|
width: 64px;
|
|
display: inline-block;
|
|
background-size: 100% auto;
|
|
height: 64px;
|
|
}
|
|
|
|
.serverinfo {
|
|
display: inline-block;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#pubs-header {
|
|
background: #7289da;
|
|
padding: 5px 12px 5px 5px;
|
|
}
|
|
#pubs-header h2 {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
color: #FFF;
|
|
}
|
|
#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: 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;
|
|
}
|
|
|
|
#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;
|
|
text-decoration: none;
|
|
font-weight: 800;
|
|
}
|
|
#pubs-container .scroller-wrap {
|
|
margin-top: 75px;
|
|
}
|
|
|
|
.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;
|
|
text-decoration: none;
|
|
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-name, .server-desription {
|
|
flex-grow: 100;
|
|
}
|
|
.server-name span {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
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%;
|
|
left: 50%;
|
|
margin-left: -16px;
|
|
margin-top: -16px;
|
|
}
|
|
|
|
#pubs-container .scroller::-webkit-scrollbar-track-piece, #pubs-container .scroller::-webkit-scrollbar-thumb {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.bd-hide-bd .callout-backdrop {
|
|
display: none;
|
|
}
|
|
|
|
.bd-detached-editor .app {
|
|
width: 70%;
|
|
}
|
|
|
|
.bd-detached-editor #bd-customcss-detach-container {
|
|
display: block;
|
|
}
|
|
|
|
#bd-customcss-detach-container {
|
|
display: none;
|
|
position: absolute;
|
|
width: 30%;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
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 {
|
|
background: #E8E8E8;
|
|
border-top: 1px solid #ADADAD;
|
|
-webkit-box-shadow: inset 0px 1px 0px 0px white;
|
|
height: 100%;
|
|
padding: 5px;
|
|
}
|
|
#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 {
|
|
background: #E8E8E8;
|
|
border: 1px solid #FFF;
|
|
border-top: 1px solid #ADADAD;
|
|
-webkit-box-shadow: inset 0px 1px 0px 0px white;
|
|
height: 100%;
|
|
padding: 5px;
|
|
height: 75px;
|
|
}
|
|
#bd-customcss-attach-controls .checkbox-group {
|
|
margin-bottom: 0;
|
|
}
|
|
#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, .emojiPicker-3m1S-j {
|
|
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, 0.1) !important;
|
|
height: 30px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding-right: 1px !important;
|
|
}
|
|
#bda-qem button {
|
|
border-left: 1px solid #EFEFEF;
|
|
background: transparent;
|
|
box-shadow: #CECECE 1px 0 0 0;
|
|
flex-grow: 1;
|
|
}
|
|
#bda-qem button:hover {
|
|
background: #ECECEC;
|
|
}
|
|
|
|
#bda-qem-twitch {
|
|
border-radius: 5px 0 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-twitch-container, #bda-qem-favourite-container {
|
|
width: 346px;
|
|
height: 327px;
|
|
background-color: #FFF;
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
#bda-qem-twitch-container .scroller-wrap, #bda-qem-favourite-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;
|
|
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;
|
|
}
|
|
|
|
#bd-settings-pane {
|
|
margin-top:18px;
|
|
}
|
|
|
|
#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,0.5);
|
|
}
|
|
|
|
.bd-settings {
|
|
max-width:516px;
|
|
}
|
|
|
|
.bda-dark #bda-qem-favourite-container, .bda-dark #bda-qem-twitch-container {
|
|
background-color: #353535;
|
|
}
|
|
.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 {
|
|
background-color: #353535;
|
|
}
|
|
.bda-dark .emoji-picker,
|
|
.bda-dark .emojiPicker-3m1S-j {
|
|
background-color: #353535;
|
|
}
|
|
.bda-dark .emoji-picker .category,
|
|
.bda-dark .emojiPicker-3m1S-j .category-2U57w6 {
|
|
background-color: #353535;
|
|
}
|
|
.bda-dark .emoji-picker .header .search-bar,
|
|
.bda-dark .emojiPicker-3m1S-j .header-1nkwgG .search-bar {
|
|
background-color: #2B2B2B;
|
|
}
|
|
.bda-dark .emoji-picker .search-bar input,
|
|
.bda-dark .emojiPicker-3m1S-j .search-bar input {
|
|
color: #FFF;
|
|
}
|
|
.bda-dark .emoji-picker .search-bar input::-webkit-input-placeholder,
|
|
.bda-dark .emojiPicker-3m1S-j .search-bar input::-webkit-input-placeholder {
|
|
color: #FFF;
|
|
}
|
|
.bda-dark .emoji-picker .scroller .emoji-item.selected,
|
|
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S {
|
|
background-color: rgba(123, 123, 123, 0.37);
|
|
}
|
|
.bda-dark .emoji-picker .dimmer.visible,
|
|
.bda-dark .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {
|
|
background-color: rgba(62, 62, 62, 0.65);
|
|
}
|
|
.bda-dark .emoji-picker .diversity-selector .popout-3sVMXz,
|
|
.bda-dark .emojiPicker-3m1S-j .diversitySelector-tmmMv0 .popout-2nUePc {
|
|
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,
|
|
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar,
|
|
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track,
|
|
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track-piece {
|
|
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 emojiPicker-3g68GS .scroller-3vODG7::-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;
|
|
}
|
|
|
|
.bd-pfbtn {
|
|
background: #7289da;
|
|
color: #FFF;
|
|
border-radius: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#bd-settings-sidebar .ui-tab-bar-item {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
flex-shrink: 0;
|
|
padding: 6px 10px;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
#bd-settings-sidebar .ui-tab-bar-item.selected {
|
|
cursor: default;
|
|
}
|
|
.theme-dark #bd-settings-sidebar .ui-tab-bar-item {
|
|
color: #b9bbbe;
|
|
}
|
|
.theme-dark #bd-settings-sidebar .ui-tab-bar-item:hover {
|
|
background-color: rgba(185,187,190,.1);
|
|
color: #f6f6f7;
|
|
}
|
|
.theme-dark #bd-settings-sidebar .ui-tab-bar-item.selected {
|
|
background-color: #7289da;
|
|
color: #fff;
|
|
}
|
|
.theme-light #bd-settings-sidebar .ui-tab-bar-item {
|
|
color: #72767d;
|
|
}
|
|
.theme-light #bd-settings-sidebar .ui-tab-bar-item:hover {
|
|
background-color: rgba(79,84,92,.1);
|
|
color: #4f545c;
|
|
}
|
|
.theme-light #bd-settings-sidebar .ui-tab-bar-item.selected {
|
|
background-color: #7289da;
|
|
color: #fff;
|
|
}
|
|
|
|
#bd-settings-sidebar .ui-tab-bar-header {
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 16px;
|
|
text-transform: uppercase;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
flex-shrink: 0;
|
|
padding: 6px 10px;
|
|
overflow: hidden;
|
|
}
|
|
.theme-dark #bd-settings-sidebar .ui-tab-bar-header {
|
|
color: #72767d;
|
|
}
|
|
.theme-light #bd-settings-sidebar .ui-tab-bar-header {
|
|
color: #b9bbbe;
|
|
}
|
|
|
|
#bd-settings-sidebar .ui-tab-bar-separator {
|
|
height: 1px;
|
|
margin: 8px 10px;
|
|
}
|
|
.theme-dark #bd-settings-sidebar .ui-tab-bar-separator {
|
|
background-color: rgba(114,118,125,.3);
|
|
}
|
|
.theme-light #bd-settings-sidebar .ui-tab-bar-separator {
|
|
background-color: rgba(185,187,190,.3);
|
|
}
|
|
|
|
#bd-settingspane-container h2.ui-form-title {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
margin-bottom: 20px;
|
|
}
|
|
.theme-dark #bd-settingspane-container h2.ui-form-title {
|
|
color: #f6f6f7;
|
|
}
|
|
.theme-light #bd-settingspane-container h2.ui-form-title {
|
|
color: #4f545c;
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item {
|
|
flex-direction: column;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item h3 {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
flex: 1;
|
|
}
|
|
.theme-dark #bd-settingspane-container .ui-switch-item h3 {
|
|
color: #f6f6f7;
|
|
}
|
|
.theme-light #bd-settingspane-container .ui-switch-item h3 {
|
|
color: #4f545c;
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item .style-description {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
margin-bottom: 10px;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid hsla(218,5%,47%,.3);
|
|
}
|
|
.theme-dark #bd-settingspane-container .ui-switch-item .style-description {
|
|
color: #72767d;
|
|
}
|
|
.theme-light #bd-settingspane-container .ui-switch-item .style-description {
|
|
color: rgba(114,118,125,.6);
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
position: relative;
|
|
width: 44px;
|
|
height: 24px;
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
|
|
background: #7289da;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #72767d;
|
|
border-radius: 14px;
|
|
transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out;
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch:before {
|
|
content: "";
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 3px;
|
|
bottom: 3px;
|
|
background: #f6f6f7;
|
|
border-radius: 10px;
|
|
transition: all .15s ease;
|
|
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);
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked {
|
|
background: #7289da;
|
|
}
|
|
|
|
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:before {
|
|
transform: translateX(20px);
|
|
}
|
|
|
|
#pubslayer .ui-tab-bar-item {
|
|
color: #b9bbbe;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
margin-bottom: 2px;
|
|
padding: 6px 10px;
|
|
position: relative;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
border-radius: 3px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
flex-shrink: 0;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#pubslayer .ui-tab-bar-item:hover {
|
|
color: #f6f6f7;
|
|
background-color: hsla(216,4%,74%,.1);
|
|
}
|
|
|
|
#pubslayer .ui-tab-bar-item.selected {
|
|
color: #fff;
|
|
background-color: #7289da;
|
|
}
|
|
|
|
#pubslayer .ui-tab-bar-header {
|
|
color: #72767d;
|
|
padding: 6px 10px;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
flex-shrink: 0;
|
|
font-weight: 500;
|
|
}
|
|
|
|
#pubslayer #bd-settings-sidebar .ui-tab-bar-separator {
|
|
background-color: hsla(218,5%,47%,.3);
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
height: 1px;
|
|
margin-bottom: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
#pubslayer h2.ui-form-title {
|
|
color: #f6f6f7;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
}
|
|
|
|
#pubslayer h5.ui-form-title {
|
|
color: #f6f6f7;
|
|
}
|
|
|
|
#pubslayer button {
|
|
background: #7289da;
|
|
color: #FFF;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 16px;
|
|
padding: 2px 16px;
|
|
border: none;
|
|
border-radius: 3px;
|
|
transition: background-color .17s ease;
|
|
}
|
|
|
|
#pubslayer button:hover {
|
|
background-color: #677bc4;
|
|
}
|
|
|
|
#pubslayer input {
|
|
color: #f6f6f7;
|
|
background-color: rgba(0,0,0,.1);
|
|
border-color: rgba(0,0,0,.3);
|
|
padding: 10px;
|
|
height: 30px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
outline: none;
|
|
transition: background-color .15s ease,border .15s ease;
|
|
}
|
|
|
|
#bd-settingspane-container .scroller-wrap {
|
|
height: 100%;
|
|
}
|
|
|
|
#bd-settingspane-container .scroller-wrap .scroller {
|
|
display: flex;
|
|
}
|
|
|
|
|
|
/*new settingspanel stuff*/
|
|
.bda-slist {
|
|
user-select: text;
|
|
}
|
|
|
|
.bda-slist li {
|
|
max-height: 175px;
|
|
margin-bottom: 20px;
|
|
padding: 5px 8px;
|
|
border: 1px solid transparent;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
}
|
|
.theme-dark .bda-slist li {
|
|
background-color: rgba(32,34,37,.6);
|
|
color: #f6f6f7;
|
|
border-color: #202225;
|
|
}
|
|
.theme-light .bda-slist li {
|
|
background-color: #f8f9f9;
|
|
color: #4f545c;
|
|
border-color: #dcddde;
|
|
}
|
|
|
|
.bda-slist li.settings-open {
|
|
max-height: 800px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.bda-slist .bda-header {
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding-bottom: 5px;
|
|
border-bottom: 1px solid transparent;
|
|
overflow: hidden;
|
|
}
|
|
.theme-dark .bda-slist .bda-header {
|
|
color: #f6f6f7;
|
|
border-bottom-color: rgba(114,118,125,.3);
|
|
}
|
|
.theme-light .bda-slist .bda-header {
|
|
color: #4f545c;
|
|
border-bottom-color: rgba(185,187,190,.3);
|
|
}
|
|
|
|
.bda-slist .bda-description {
|
|
word-break: break-word;
|
|
max-height: 100px;
|
|
margin: 5px 0;
|
|
padding: 5px 0;
|
|
overflow-y: auto;
|
|
}
|
|
.theme-dark .bda-slist .bda-description {
|
|
color: #b9bbbe;
|
|
}
|
|
.theme-light .bda-slist .bda-description {
|
|
color: #72767d;
|
|
}
|
|
|
|
.bda-slist .scroller::-webkit-scrollbar-track-piece,
|
|
.bda-slist .scroller::-webkit-scrollbar-thumb {
|
|
border-radius:0 !important;
|
|
border-color:transparent;
|
|
}
|
|
|
|
.bda-slist .bda-footer {
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding-top: 5px;
|
|
border-top: 1px solid transparent;
|
|
overflow: hidden;
|
|
}
|
|
.theme-dark .bda-slist .bda-footer {
|
|
border-top-color: rgba(114,118,125,.3);
|
|
}
|
|
.theme-light .bda-slist .bda-footer {
|
|
border-top-color: rgba(185,187,190,.3);
|
|
}
|
|
|
|
.bda-slist .bda-footer button {
|
|
background: #7289da;
|
|
color: #FFF;
|
|
border-radius: 5px;
|
|
display: block;
|
|
margin-left: auto;
|
|
padding: 2px 16px;
|
|
transition: opacity 250ms ease;
|
|
}
|
|
|
|
.bda-slist .bda-footer button:disabled {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.bda-slist .bda-footer a {
|
|
color: #7289da;
|
|
}
|
|
|
|
.bda-slist .bda-footer a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* New Startup Modal, New Alert */
|
|
@keyframes bd-backdrop {
|
|
to { opacity: 0.85; }
|
|
}
|
|
|
|
@keyframes bd-modal-wrapper {
|
|
to { transform: scale(1); opacity: 1; }
|
|
}
|
|
|
|
@keyframes bd-backdrop-closing {
|
|
to { opacity: 0; }
|
|
}
|
|
|
|
@keyframes bd-modal-wrapper-closing {
|
|
to { transform: scale(0.7); opacity: 0; }
|
|
}
|
|
|
|
.bd-backdrop {
|
|
animation: bd-backdrop 250ms ease;
|
|
animation-fill-mode: forwards;
|
|
opacity: 0;
|
|
background-color: rgb(0, 0, 0);
|
|
transform: translateZ(0px);
|
|
}
|
|
|
|
.bd-modal-wrapper.closing .bd-backdrop {
|
|
animation: bd-backdrop-closing 200ms linear;
|
|
animation-fill-mode: forwards;
|
|
animation-delay: 50ms;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.bd-modal-wrapper.closing .bd-modal {
|
|
animation: bd-modal-wrapper-closing 250ms cubic-bezier(0.19, 1, 0.22, 1);
|
|
animation-fill-mode: forwards;
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
|
|
.bd-modal-wrapper .bd-modal {
|
|
animation: bd-modal-wrapper 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
animation-fill-mode: forwards;
|
|
transform: scale(0.7);
|
|
transform-origin: 50% 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
contain: content;
|
|
justify-content: center;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.bd-modal-wrapper .bd-modal-inner {
|
|
display: flex;
|
|
contain: layout;
|
|
flex-direction: column;
|
|
pointer-events: auto;
|
|
border: 1px solid rgba(28,36,43,.6);
|
|
border-radius: 5px;
|
|
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
|
|
overflow: hidden;
|
|
max-height: 660px;
|
|
min-height: 200px;
|
|
width: 440px;
|
|
user-select: text;
|
|
}
|
|
|
|
.bd-modal-wrapper .bd-startup-modal .bd-modal-inner {
|
|
height: 500px;
|
|
width: 700px;
|
|
}
|
|
|
|
.bd-modal-wrapper .header {
|
|
background-color: #35393e;
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
|
|
padding: 12px 20px;
|
|
z-index: 1;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 19px;
|
|
}
|
|
|
|
.bd-modal-wrapper .bd-modal-body {
|
|
background-color: #36393f;
|
|
color: #fff;
|
|
flex-direction: row;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
contain: layout;
|
|
position: relative;
|
|
}
|
|
|
|
.bd-modal-wrapper .scroller {
|
|
padding: 10px;
|
|
}
|
|
|
|
.bd-modal-wrapper .bd-startup-modal .bd-modal-body {
|
|
padding: 0;
|
|
}
|
|
|
|
.bd-modal-wrapper .scroller {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.bd-modal-wrapper .footer {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.bd-modal-wrapper .footer button {
|
|
background-color: #7289da;
|
|
color: #fff;
|
|
min-height: 32px;
|
|
min-width: 60px;
|
|
align-items: center;
|
|
border-radius: 3px;
|
|
display: flex;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
justify-content: center;
|
|
line-height: 16px;
|
|
padding: 2px 16px;
|
|
user-select: none;
|
|
}
|
|
|
|
.bd-modal-wrapper .footer button:hover {
|
|
background-color: #677bc4;
|
|
}
|
|
|
|
.bd-modal-wrapper .footer button:active {
|
|
background-color: #5f6fb9;
|
|
}
|
|
|
|
|
|
.bd-modal-wrapper .tab-bar-container {
|
|
align-items: center;
|
|
border-bottom: 0;
|
|
background: rgba(0,0,0, 0.2);
|
|
box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.bd-modal-wrapper .tab-bar.TOP {
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.bd-modal-wrapper .tab-bar-container .tab-bar-item {
|
|
margin: 0 15px;
|
|
padding: 15px 0;
|
|
color: #fff !important;
|
|
opacity: 0.5;
|
|
transition: opacity 200ms ease;
|
|
}
|
|
|
|
.bd-modal-wrapper .tab-bar-container .tab-bar-item:hover {
|
|
border-color: #fff;
|
|
}
|
|
|
|
.bd-modal-wrapper .tab-bar-container .tab-bar-item.selected {
|
|
opacity: 1;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.bd-modal-wrapper .tab-bar.TOP .tab-bar-item+.tab-bar-item {
|
|
margin: 0;
|
|
}
|
|
|
|
.bd-modal-wrapper .table-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #fff;
|
|
font-weight: 700;
|
|
padding-bottom: 10px;
|
|
margin: 3px 15px 0 15px;
|
|
border-bottom: 1px solid #fff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.bd-modal-wrapper .table-column {
|
|
width: 25%;
|
|
}
|
|
|
|
.bd-modal-wrapper .table-column.column-error {
|
|
width: 50%;
|
|
}
|
|
|
|
.bd-modal-wrapper .table-column {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.bd-modal-wrapper .errors {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0;
|
|
font-size: 14px;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.bd-modal-wrapper .error {
|
|
display: flex;
|
|
color: #fff;
|
|
border-bottom: 1px solid rgba(255,255,255, 0.25);
|
|
padding: 15px 0;
|
|
align-items: center;
|
|
}
|
|
|
|
.bd-modal-wrapper .bd-startup-modal .scroller {
|
|
padding-top: 0;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Toast CSS */
|
|
|
|
.bd-toasts {
|
|
position: fixed;
|
|
display: flex;
|
|
top: 0;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
pointer-events: none;
|
|
z-index: 4000;
|
|
}
|
|
|
|
@keyframes bd-toast-up {
|
|
from {
|
|
transform: translateY(0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.bd-toast {
|
|
animation: bd-toast-up 300ms ease;
|
|
transform: translateY(-10px);
|
|
background: #36393F;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
|
|
font-weight: 500;
|
|
color: #fff;
|
|
user-select: text;
|
|
font-size: 14px;
|
|
opacity: 1;
|
|
margin-top: 10px;
|
|
pointer-events: none;
|
|
user-select: none;
|
|
}
|
|
|
|
@keyframes bd-toast-down {
|
|
to {
|
|
transform: translateY(0px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.bd-toast.closing {
|
|
animation: bd-toast-down 200ms ease;
|
|
animation-fill-mode: forwards;
|
|
opacity: 1;
|
|
transform: translateY(-10px);
|
|
}
|
|
|
|
|
|
.bd-toast.icon {
|
|
padding-left: 30px;
|
|
background-size: 20px 20px;
|
|
background-repeat: no-repeat;
|
|
background-position: 6px 50%;
|
|
}
|
|
|
|
.bd-toast.toast-info {
|
|
background-color: #4a90e2;
|
|
}
|
|
|
|
.bd-toast.toast-info.icon {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxNWgtMnYtNmgydjZ6bTAtOGgtMlY3aDJ2MnoiLz48L3N2Zz4=);
|
|
}
|
|
|
|
.bd-toast.toast-success {
|
|
background-color: #43b581;
|
|
}
|
|
|
|
.bd-toast.toast-success.icon {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTVsLTUtNSAxLjQxLTEuNDFMMTAgMTQuMTdsNy41OS03LjU5TDE5IDhsLTkgOXoiLz48L3N2Zz4=);
|
|
}
|
|
.bd-toast.toast-danger,
|
|
.bd-toast.toast-error {
|
|
background-color: #f04747;
|
|
}
|
|
|
|
.bd-toast.toast-danger.icon,
|
|
.bd-toast.toast-error.icon {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEyIDJDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTAgMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJ6bTUgMTMuNTlMMTUuNTkgMTcgMTIgMTMuNDEgOC40MSAxNyA3IDE1LjU5IDEwLjU5IDEyIDcgOC40MSA4LjQxIDcgMTIgMTAuNTkgMTUuNTkgNyAxNyA4LjQxIDEzLjQxIDEyIDE3IDE1LjU5eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
|
|
}
|
|
|
|
.bd-toast.toast-warning,
|
|
.bd-toast.toast-warn {
|
|
background-color: #FFA600;
|
|
color: white;
|
|
}
|
|
|
|
.bd-toast.toast-warning.icon,
|
|
.bd-toast.toast-warn.icon {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==);
|
|
}
|
|
|
|
|
|
|
|
|
|
/*BD BLUE*/
|
|
.bd-blue .bd-pfbtn { background: #3a71c1; }
|
|
.bd-blue .bot-tag {background: #3a71c1;}
|
|
.bd-blue .bot-tag.bot-tag-invert {color: #3a71c1!important}
|
|
.bd-blue .spinner-wandering-cubes .spinner-item {background-color: #3a71c1;}
|
|
.bd-blue .spinner-chasing-dots .spinner-item {background-color: #3a71c1;}
|
|
.bd-blue .spinner.spinner-spinning-circle .path {stroke: #3a71c1;}
|
|
.bd-blue .note textarea::-moz-selection {background: #3a71c1;}
|
|
.bd-blue .note textarea::selection {background: #3a71c1;}
|
|
.bd-blue .scroller-wrap .scrollbar .thumb:after {background-color: #3a71c1;}
|
|
.bd-blue #autocomplete-popout .empty h4 {color: #3a71c1;}
|
|
.bd-blue .user-popout .header {background: #3a71c1 url(/assets/8cd2f31a12333149b89ef3931626ab83.png);}
|
|
.bd-blue .checkbox .checkbox-inner input[type=checkbox]:checked+span {background-color: #3a71c1;border-color: #3a71c1}
|
|
.bd-blue .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {border-color: #3a71c1}
|
|
.bd-blue .download-apps .footer a {color: #3a71c1;}
|
|
.bd-blue .download-apps .platforms .platform.active {border-color: #3a71c1}
|
|
.bd-blue .download-apps .platforms .platform.active .download-button {background-color: #3a71c1}
|
|
.bd-blue .radio .radio-inner span:after {background: #3a71c1;}
|
|
.bd-blue .radio:hover span:after {background: #3a71c1;}
|
|
.bd-blue .radio-image .radio-inner span:after {border: 2px solid #3a71c1;}
|
|
.bd-blue .radio-image:hover span:after {border-color: #3a71c1;}
|
|
.bd-blue #overlay-wrapper .overlay .guild-panel .guild-panel-header {background-color: #3a71c1;}
|
|
.bd-blue #overlay-wrapper .overlay .guild-panel .btn-call {color: #3a71c1;}
|
|
.bd-blue .overlay-user-popout .user-popout-options .btn {background-color: #3a71c1;}
|
|
.bd-blue .clipboard-input-inner input::-moz-selection {background: #3a71c1;}
|
|
.bd-blue .clipboard-input-inner input::selection {background: #3a71c1;}
|
|
.bd-blue .btn-help:hover {background: #3a71c1}
|
|
.bd-blue .popout-3sVMXz.popoutLeft-30WmrD header:before {border-left-color: #3a71c1;}
|
|
.bd-blue .popout-3sVMXz.popout-right header:before {border-right-color: #3a71c1;}
|
|
.bd-blue .popout-3sVMXz.popoutBottom-1YbShG header:before {border-bottom-color: #3a71c1;}
|
|
.bd-blue .popout-3sVMXz.popoutInvert-3UdKhn:not(.popoutBottom-1YbShG).popoutTop-3uu9vG header:before {border-top-color: #3a71c1;}
|
|
.bd-blue .guild-channels .channel-text.selected:before {border-left: 2px solid #3a71c1;}
|
|
.bd-blue .guild-channels .channel-text:hover:not(.unread):before {border-left: 2px solid #3a71c1;}
|
|
.bd-blue .guild-channels .channel-text.unread:not(.selected):not(.channel-muted).selected:before {background-color: #3a71c1}
|
|
.bd-blue .guild-channels .channel-voice-states li.speaking .avatar-small {background-color: #3a71c1;}
|
|
.bd-blue .tooltip {background-color: #3a71c1;}
|
|
.bd-blue .tooltip.tooltip-top:after {border-top-color: #3a71c1}
|
|
.bd-blue .tooltip.tooltip-bottom:after {border-bottom-color: #3a71c1;}
|
|
.bd-blue .tooltip.tooltip-left:after {border-left-color: #3a71c1;}
|
|
.bd-blue .tooltip.tooltip-right:after {border-right-color: #3a71c1;}
|
|
.bd-blue .button {background-color: #3a71c1;}
|
|
.bd-blue .tutorial-popout .button-area .skip-tips a {color: #3a71c1;}
|
|
.bd-blue .chat .has-more button {color: #3a71c1;}
|
|
.bd-blue .chat .new-messages-bar:hover {background-color: #3a71c1}
|
|
.bd-blue .message-group .edit-message .edit-operation>a {color: #3a71c1;}
|
|
.bd-blue .message-group .edit-message .channel-textarea-inner {border-color: #3a71c1}
|
|
.bd-blue .mention {color: #3a71c1;}
|
|
.bd-blue .mention:hover {background-color: #3a71c1}
|
|
.bd-blue .mentioned .mention:hover {color: #3a71c1;}
|
|
.bd-blue .markdown-modal .markdown-modal-header b {color: #3a71c1}
|
|
.bd-blue .change-log .changelog-fixed {background-color: #3a71c1}
|
|
.bd-blue .change-log .changelog-button .cta {background-color: #3a71c1;}
|
|
.bd-blue .form .form-header {color: #3a71c1;}
|
|
.bd-blue .form header {color: #3a71c1;}
|
|
.bd-blue .form .control-group textarea:focus {border-bottom: 2px solid #3a71c1;}
|
|
.bd-blue .form .btn-primary {background-color: #3a71c1;}
|
|
.bd-blue .region-select button {color: #3a71c1;}
|
|
.bd-blue .region-select:hover button {border-color: #3a71c1}
|
|
.bd-blue .region-select:hover button {background-color: #3a71c1;}
|
|
.bd-blue .region-select-flag {background-color: #3a71c1}
|
|
.bd-blue .region-select-flag.vip:after {background: #3a71c1;}
|
|
.bd-blue .region-select-modal .region-select-modal-header {color: #3a71c1;}
|
|
.bd-blue .region-select-modal .region-select-modal-option:hover {border-color: #3a71c1;}
|
|
.bd-blue .upload-drop-modal .bgScale {background: #3a71c1}
|
|
.bd-blue .upload-modal {background-color: #3a71c1;}
|
|
.bd-blue .upload-modal .inner .file .icon.image {border: 2px solid #3a71c1;}
|
|
.bd-blue .avatar-uploader-inner {background-color: #3a71c1;}
|
|
.bd-blue .create-guild-container h5 {color: #3a71c1}
|
|
.bd-blue .create-guild-container .join-server .sample-link {color: #3a71c1;}
|
|
.bd-blue .create-guild-container .action.create .action-header {color: #3a71c1}
|
|
.bd-blue .tab-bar.TOP .tab-bar-item.selected {border-bottom: 2px solid #3a71c1;color: #3a71c1}
|
|
.bd-blue .tab-bar.SIDE .tab-bar-item:before {border-left: 4px solid #3a71c1;}
|
|
.bd-blue .color-picker-popout input:focus {border-color: #3a71c1;}
|
|
.bd-blue #settings-roles .roles li.selected:before {color: #3a71c1;background-color: #3a71c1}
|
|
.bd-blue #settings-roles .roles li.sorting:after {border: 2px solid #3a71c1;}
|
|
.bd-blue .guild-settings-modal-overview a {color: #3a71c1;}
|
|
.bd-blue .need-help-modal .header {background-color: #3a71c1;}
|
|
.bd-blue .search-popout .date-picker .date-picker-hint .hint-value {background-color: #3a71c1;}
|
|
.bd-blue .react-datepicker .react-datepicker__day:hover {background-color: #3a71c1}
|
|
.bd-blue .react-datepicker .react-datepicker__day.react-datepicker__day--today:after {background-color: #3a71c1}
|
|
.bd-blue .messages-popout-wrap .has-more button {color: #3a71c1;}
|
|
.bd-blue .btn-filled {background-color: #3a71c1;}
|
|
.bd-blue .btn-filled.white {color: #3a71c1}
|
|
.bd-blue .emoji-picker .premium-promo .btn {background-color: #3a71c1;}
|
|
.bd-blue .emojiPicker-3m1S-j .premium-promo .btn {background-color: #3a71c1;}
|
|
.bd-blue .channel-textarea.has-results .channel-textarea-inner {border-color: #3a71c1}
|
|
.bd-blue .channel-textarea-autocomplete-inner {border: 2px solid #3a71c1;}
|
|
.bd-blue .channel-textarea-autocomplete-inner header {background-color: #3a71c1;}
|
|
.bd-blue .channel-textarea-autocomplete-inner ul.images li.active {border-color: #3a71c1}
|
|
.bd-blue .reaction.reaction-me .reaction-count {color: #3a71c1}
|
|
.bd-blue .theme-dark .reaction.reaction-me .reaction-count {color: #3a71c1}
|
|
.bd-blue .spinner-wandering-cubes .ui-spinner-item {background-color: #3a71c1;}
|
|
.bd-blue .spinner-chasing-dots .ui-spinner-item {background-color: #3a71c1;}
|
|
.bd-blue .theme-light .ui-spinner.spinner-spinning-circle .path {stroke: #3a71c1}
|
|
.bd-blue .theme-dark .ui-spinner.spinner-spinning-circle .path {stroke: #3a71c1}
|
|
.bd-blue .theme-dark .ui-spinner.spinner-spinning-circle .path-2 {stroke: #3a71c1;}
|
|
.bd-blue .ui-button.brand.filled {background-color: #3a71c1}
|
|
.bd-blue .ui-button.brand.filled:disabled {background-color: #3a71c1}
|
|
.bd-blue .ui-button.brand.inverted {color: #3a71c1;}
|
|
.bd-blue .ui-button.brand.outlined {color: #3a71c1;}
|
|
.bd-blue .ui-button.brand.outlined:active {background-color: #3a71c1;border-color: #3a71c1}
|
|
.bd-blue .ui-button.brand.outlined:disabled {color: #3a71c1;}
|
|
.bd-blue .ui-button.brand.link {color: #3a71c1}
|
|
.bd-blue .ui-button.brand.link:not(:disabled):hover .ui-button-contents {background-image: -webkit-linear-gradient(bottom, transparent, transparent 1px, #3a71c1 0, #3a71c1 2px, transparent 0);background-image: linear-gradient(to top, transparent, transparent 1px, #3a71c1 1px, #3a71c1 2px, transparent 2px)}
|
|
.bd-blue .ui-button.brand.ghost {color: #3a71c1;}
|
|
.bd-blue .ui-button.brand .ui-spinner-item {background-color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-button.primary.filled {color: #3a71c1;}
|
|
.bd-blue .theme-blurple .ui-form-title.h5 {color: #3a71c1;}
|
|
.bd-blue .btn-filled {background-color: #3a71c1;}
|
|
.bd-blue .btn-filled.white {color: #3a71c1}
|
|
.bd-blue .progress .progress-bar {background-color: #3a71c1;}
|
|
.bd-blue .radio-theme input[type=radio]:checked~label {border-color: #3a71c1;}
|
|
.bd-blue .now-playing {background: #3a71c1;}
|
|
.bd-blue .user-settings-modal-account .discord-tag {color: #3a71c1;}
|
|
.bd-blue .modal-new-user>.steps .step-3 .instant-invite input {color: #3a71c1;}
|
|
.bd-blue .modal-new-user h5 {color: #3a71c1}
|
|
.bd-blue .modal-new-user .steps-wrap .steps li.on:before {background-color: #3a71c1}
|
|
.bd-blue .modal-new-user .steps-wrap .steps li.active {background-color: #3a71c1;}
|
|
.bd-blue .ui-tab-bar.SIDE .ui-tab-bar-item.selected {background-color: #3a71c1}
|
|
.bd-blue .ui-tab-bar.SIDE .ui-tab-bar-item:active {background-color: #3a71c1}
|
|
.bd-blue .ui-tab-bar.SIDE .ui-tab-bar-item.brand {color: #3a71c1}
|
|
.bd-blue .theme-light .ui-text-input .input:focus {border-color: #3a71c1}
|
|
.bd-blue .theme-dark .ui-text-input .input:focus {border-color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-text-input .input {color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-text-input .input:hover {border-color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-select:hover .Select .Select-control {border-color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-select:hover .Select .Select-control .Select-arrow {border-color: #3a71c1 transparent transparent}
|
|
.bd-blue .theme-blurple .ui-select .Select.is-open .Select-control {border-color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-select .Select-menu-outer {border-color: #3a71c1;}
|
|
.bd-blue .theme-blurple .ui-select .Select-menu-outer .Select-option {color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-select .Select-value-label {color: #3a71c1}
|
|
.bd-blue .ui-card-brand {background: #3a71c1;border-color: #3a71c1}
|
|
.bd-blue .ui-checkbox-wrapper .ui-checkbox.checked polyline {stroke: #3a71c1}
|
|
.bd-blue .ui-checkbox-wrapper .ui-checkbox.checked.inverted {background: #3a71c1}
|
|
.bd-blue .ui-region-flag.vip:after {background: #3a71c1;}
|
|
.bd-blue .ui-scroller-wrap .scrollbar .thumb:after {background-color: #3a71c1;}
|
|
.bd-blue .ui-quick-select-popout-option .ui-icon-check-mark .ui-icon-fg {stroke: #3a71c1}
|
|
.bd-blue .ui-switch-checkbox:checked+.ui-switch {background: #3a71c1}
|
|
.bd-blue #instant-invite-modal .clipboard-input-inner input {color: #3a71c1;}
|
|
.bd-blue #instant-invite-modal .copy {background-color: #3a71c1;}
|
|
.bd-blue .color-brand {color: #3a71c1}
|
|
.bd-blue .webkhook-modal-header.ui-form-title.h5 {color: #3a71c1}
|
|
.bd-blue .ui-bot-tag {background: #3a71c1;}
|
|
.bd-blue .ui-bot-tag.invert {color: #3a71c1}
|
|
.bd-blue #user-profile-modal .btn {background-color: #3a71c1;}
|
|
.bd-blue #user-profile-modal .guilds .avatar-large {background-color: #3a71c1;}
|
|
.bd-blue .premium-payment-modal {background-color: #3a71c1;}
|
|
.bd-blue .premium-payment-modal .premium-payment-button {color: #3a71c1;}
|
|
.bd-blue .premium-payment-modal .premium-payment-button .spinner .spinner-item {background-color: #3a71c1}
|
|
.bd-blue .invite-modal .avatar-xxxlarge {background-color: #3a71c1;}
|
|
.bd-blue .ui-screenshare-modal-tile .image-container img.selected {border-color: #3a71c1}
|
|
.bd-blue .detected-platform-accounts-modal .btn-group .btn-primary {background-color: #3a71c1;}
|
|
.bd-blue .ui-new-terms-modal .title {color: #3a71c1;}
|
|
.bd-blue #oauth2-authorize .authorize-inner header {background: #3a71c1;}
|
|
.bd-blue #oauth2-authorize .authorize-inner footer button.primary {background: #3a71c1;}
|
|
.bd-blue #oauth2-authorize .select select:focus {border-color: #3a71c1;}
|
|
.bd-blue #oauth2-authorize .select.focus:after {border-top-color: #3a71c1}
|
|
.bd-blue #oauth2-authorize .scope-bot .avatar-large {background-color: #3a71c1;}
|
|
.bd-blue .invite-header .invite-guild-icon {background-color: #3a71c1}
|
|
.bd-blue .invite-marketing .invite-marketing-header {color: #3a71c1;}
|
|
.bd-blue .invite-marketing .invite-marketing-button {color: #3a71c1;border: 2px solid #3a71c1;}
|
|
.bd-blue .invite-mobile .top {background-color: #3a71c1;}
|
|
.bd-blue .invite-mobile .link.purple {background-color: #3a71c1;}
|
|
.bd-blue .verify-connected-account .btn {background-color: #3a71c1;}
|
|
.bd-blue #unsupported-browser li:hover {border-color: #3a71c1}
|
|
.bd-blue #unsupported-browser li:hover .btn {background-color: #3a71c1;border-color: #3a71c1;}
|
|
.bd-blue .ui-slider .slider-bar-fill {background: #3a71c1;}
|
|
.bd-blue .popout-menu .popout-menu-item.invite {color: #3a71c1}
|
|
.bd-blue .channel-members .invite-btn {background-color: #3a71c1}
|
|
.bd-blue .chat .welcome-message h1 {color: #3a71c1;}
|
|
.bd-blue .channel-textarea-guard button {background-color: #3a71c1}
|
|
.bd-blue .private-channel-recipients-invite .footer button {background-color: #3a71c1;}
|
|
.bd-blue .private-channel-recipients-invite .footer button:disabled:hover {background-color: #3a71c1}
|
|
.bd-blue .private-channel-recipients-invite .error-state.not-friends .btn {background: #3a71c1;}
|
|
.bd-blue .ui-call-avatar-border.voice.video.selected {box-shadow: inset 0 0 0 2px #3a71c1}
|
|
.bd-blue .ui-call-avatar-border.video.selected:not(.speaking) {box-shadow: inset 0 0 0 2px #3a71c1}
|
|
.bd-blue .invite-banner {background-color: #3a71c1;}
|
|
.bd-blue .invite-banner .instant-invite:not(.clipboard-input-copied) .clipboard-input-inner button {color: #3a71c1}
|
|
.bd-blue .invite-banner.invite-banner-1 .instant-invite .clipboard-input-inner button:before {background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #3a71c1);background: linear-gradient(to right, hsla(0, 0%, 100%, 0), #3a71c1)}
|
|
.bd-blue .add-friend-input-wrapper .btn:disabled {background-color: #3a71c1;}
|
|
.bd-blue #friends .btn {background-color: #3a71c1;}
|
|
.bd-blue #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {background-color: #3a71c1;}
|
|
.bd-blue #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary .badge {color: #3a71c1}
|
|
.bd-blue #friends .friends-table .friends-row .friends-column-guilds .avatar-small {background-color: #3a71c1;}
|
|
.bd-blue .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected .badge {background-color: #3a71c1;}
|
|
.bd-blue .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {background-color: #3a71c1;}
|
|
.bd-blue .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary .badge {color: #3a71c1}
|
|
.bd-blue .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected {color: #3a71c1; background-color:#fff; }
|
|
.bd-blue .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected .badge {background-color: #3a71c1;}
|
|
.bd-blue .private-channels .search-result:hover:before {border-left: 2px solid #3a71c1;}
|
|
.bd-blue .private-channels .channel.selected .icon-friends {background-color: #3a71c1}
|
|
.bd-blue .private-channels .channel.selected:before {border-left: 2px solid #3a71c1;}
|
|
.bd-blue #rtc-debug-modal #users-section .user-list li.selected:before {color: #3a71c1;background-color: #3a71c1}
|
|
.bd-blue .notice.notice-brand {background-color: #3a71c1}
|
|
.bd-blue .notice.notice-brand .btn:hover {color: #3a71c1}
|
|
.bd-blue .theme-light .ui-text-input .input:focus {border-color: #3a71c1}
|
|
.bd-blue .theme-dark .ui-text-input .input:focus {border-color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-text-input .input {color: #3a71c1}
|
|
.bd-blue .theme-blurple .ui-text-input .input:hover {border-color: #3a71c1}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-navigation .button {color: #3a71c1;}
|
|
.bd-blue .onboarding-navigation .step-status .step.current {background-color: #3a71c1}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide.mic-test .content.waiting .button {color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .onboarding-slide textarea:focus {box-shadow: 0 2px 0 #3a71c1}
|
|
.bd-blue .nuf-page .button.filled {background-color: #3a71c1;}
|
|
.bd-blue .ui-switch-wrapper:not(.disabled):not(.clear):hover .ui-switch-checkbox:checked+.ui-switch { background: #3f79ce; }
|
|
.bd-blue *[style*="border-color: rgb(114, 137, 218)"] { border-color: #3a71c1 !important; }
|
|
.bd-blue *[style*="background-color: rgb(114, 137, 218)"] { background-color: #3a71c1 !important; }
|
|
.bd-blue .bda-slist .bda-footer button {background-color: #3a71c1;}
|
|
.bd-blue .bda-slist .bda-footer a {color: #3a71c1;}
|
|
.bd-blue .bd-modal-wrapper .footer button {background-color: #3a71c1;}
|
|
.bd-blue .bd-modal-wrapper .footer button:hover {background-color: #356bbb;}
|
|
.bd-blue .bd-modal-wrapper .footer button:active {background-color: #2a61b1;}
|