Created
August 8, 2017 18:18
-
-
Save Digitalsabre/fb2ea8ca4481dc6e0969fcdb423225c8 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*CODEMIRROR*/ | |
.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}.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}.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; | |
font-family: "Consolas"; | |
} | |
.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; | |
} | |
#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-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 .avatar-large { | |
max-width: 20px; | |
max-height: 20px; | |
background-size: 100%; | |
margin-right: 2px; | |
margin-top: 0; | |
border-radius: 0; | |
} | |
.comment { | |
border-left: 2px solid #EBEBEB; | |
padding-left: 2px; | |
} | |
.theme-dark .comment { | |
border-left: 2px solid #303030; | |
} | |
.user-name { | |
font-size: small; | |
} | |
.message-group { | |
padding: 5px; | |
} | |
.embed { | |
padding: 2px; | |
} | |
.channel-members .avatar-small { | |
max-width: 15px; | |
max-height: 15px; | |
background-size: 15px 15px; | |
} | |
.channel-members .avatar-small .status { | |
height: 5px; | |
width: 5px; | |
} | |
.channel-members .member { | |
padding: 5px; | |
} | |
.channel-members-wrap { | |
min-width: 0px; | |
} | |
.channel-members h2 { | |
margin-top: 3px; | |
} | |
.account .avatar-small, .bd-minimal .account .username { | |
display: none; | |
} | |
.channel-text a { | |
padding: 5px !important; | |
font-size: small; | |
} | |
.guild-channels ul .channel-voice { | |
padding: 5px !important; | |
font-size: small; | |
} | |
.guild-channels h2 { | |
padding: 2px; | |
} | |
.guild-channels header spann { | |
font-size: 12px; | |
} | |
.guilds li { | |
width: 20px; | |
height: 20px; | |
background-size: 100%; | |
font-size: 15px; | |
line-height: 20px; | |
} | |
.guilds li .avatar-small { | |
width: 20px; | |
height: 20px; | |
background-size: 100%; | |
font-size: 15px; | |
line-height: 20px; | |
} | |
.guilds li .guild-inner { | |
width: 20px; | |
height: 20px; | |
background-size: 100%; | |
font-size: 15px; | |
line-height: 20px; | |
} | |
.guilds li .guild-inner a { | |
width: 20px; | |
height: 20px; | |
background-size: 100%; | |
font-size: 15px; | |
line-height: 20px; | |
} | |
.guilds .friends-icon { | |
width: 20px; | |
height: 20px; | |
background-size: 100%; | |
font-size: 15px; | |
line-height: 20px; | |
} | |
.guilds li.active .guild-inner:before { | |
height: 20px; | |
margin-top: -10px; | |
} | |
.guilds-add { | |
font-size: 20px; | |
line-height: 14px; | |
} | |
.guilds li.audio .guild-inner:after { | |
width: 12px; | |
height: 12px; | |
background-size: 12px; | |
} | |
.emotewrapper { | |
display: inline-block; | |
position: relative; | |
} | |
.emotewrapper:hover .fav { | |
display: block; | |
} | |
.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; | |
} | |
#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; | |
} | |
.bd-minimal-chan #bd-show-channels { | |
display: block !important; | |
} | |
.tipsy { | |
z-index: 9000000001 !important; | |
position: absolute; | |
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,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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: 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-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; | |
text-decoration: none; | |
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; | |
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-name { | |
flex-grow: 100; | |
} | |
.server-name span { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
max-width: 300px; | |
white-space: nowrap; | |
} | |
.server-region { | |
min-width: 85px; | |
} | |
#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-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 { | |
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 { | |
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; | |
} | |
.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 { | |
background-color: #353535; | |
} | |
.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, 0.37); | |
} | |
.bda-dark .emoji-picker .dimmer.visible { | |
background-color: rgba(62, 62, 62, 0.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-twitch-container .scroller::-webkit-scrollbar-thumb, .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb, .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb { | |
border-color: #202020 !important; | |
background-color: #202020 !important; | |
} | |
/*# sourceMappingURL=main.css.map */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment