BetterDiscordApp-rauenzi/css/main.css

758 lines
31 KiB
CSS
Raw Normal View History

2015-11-28 04:17:39 +01:00
#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;
}
2015-10-27 21:33:28 +01:00
#bdbeta {
background:red;
}
2015-08-26 10:36:40 +02:00
#twitchcord-button-container {
position:absolute;
width:50px;
height:45px;
right:0;
display:block;
2015-08-29 15:29:47 +02:00
bottom:31px;
2015-08-26 10:36:40 +02:00
}
#twitchcord-button {
2015-11-27 23:46:05 +01:00
background-color:#2E3136;
2015-08-26 10:36:40 +02:00
position:absolute;
width:50px;
2015-11-27 23:44:37 +01:00
height:42px;
top:2px;
right:2px;
2015-08-26 10:36:40 +02:00
background-image:url(https://static-cdn.jtvnw.net/emoticons/v1/5/1.0);
background-repeat:no-repeat;
background-size:36px;
background-position:7px;
}
.twitchcord-button-open {
2015-08-31 15:42:29 +02:00
background-image:url(https://static-cdn.jtvnw.net/emoticons/v1/3/1.0) !important;
}
#tc-settings-button {
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarZGxSsNQFIa/G0XFoVYI4uBwJ1FQbNXBjElbiiBYq0OSrUlDldIk3NyqfQhHtw4u7j6Bk6PgoPgEvoHi1MEhSHASwW/6zs/hcOAHo2LXnYZRhkGsVbvpSNfz5ewTM0wBQCfMUrvVOgCIkzjiJwI+XxEAz5t23WnwN+bDVGlgAmx3oywEUQH6FzrVIMaAGfRTDeIOMNVJuwbiASj1cn8BSkHub0BJuZ4P4gMwe67ngzEHmEHuK4Cpo0sNUEvSkTrrnWpZtSxL2t0kiOTxKNPRIJP7cZioNFEdHXWB/D8AFvPFdtORa1XL2lvnn3E9X+b2foQAxNJjkRWEQ3X+3YWx8/tc3Bgvw+EtTE+KbPcKbjZg4brIVqtQ3oL78RfCs0/+HAmzJwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAnUklEQVR4AQBCJ73YAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADi4uIAAAAAAAAAAAAAAAAAAAAAMAAAAIgAAAA3AAAAAAAAAP8AAAAAAAAAAAAAAAMAAAD1AAAAjwAAAJAAAAD7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4eHgAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAhAAAAEcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAewAAANwAAACvAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwAAABkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4uLiCAAAABYAAADlHh4e/QAAAAAAAAAAAAAAAAAAAAAAAAD9AAAA/gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/AAAAPkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAgAAAOoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADi4uIhAAAAigAAAKMAAACH4uLiFAAAAAAAAAAAAAAAAAAAAAAAAADsAAAA9QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/gAAAPQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEQAAACYAAAAmwAAAFoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOLi4iIAAACZAAAARAAAAAAAAAA+AAAAHuLi4mwAAADsAAAAAAAAAAAAAAA5AAAAFwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAADYAAADEAAAA5QAAAAAAAAAAAAAATgAAAJ4AAAATAAAAAAAAAEUAAAAPAAAAlwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4uLiIgAAAJkAAABEAAAAAAAAAAAAAAAAAAAAVwAAAP4AAAB6AAAAKwAAAFoAAAA3AAAAIQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAGUAAAA0AAAAwAAAAKoAAAAlAAAAmQAAABMAAAAAAAAAAAAAAAkAAACNAAAAAwAAAJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADi4uIgAAAAnAAAAEMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADNAAAAHAAAABcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANQAAAAYAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9QAAAHcAAACVAAAAAAAAAAAAAAAAAAAAAB4eHgAAAAAAAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAOLi4iMAAACaAAAAQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPMAAAB3AAAAlwAAAAAAAAAAAAAAAB4eHgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAA4uLiDAAAAHEAAABCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0AAACJAAAAPwAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFgAAADcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAAAAJgAAAAAAAA
}
2015-08-26 10:36:40 +02:00
2015-08-29 15:29:47 +02:00
#emote-menu {
background:#36393E;
height:0;
width:300px;
position:absolute;
bottom:45px;
right:0;
border:1px solid #000;
border-radius: 5px 0 0 0;
2015-12-14 06:22:52 +01:00
overflow:hidden;
2015-08-29 15:29:47 +02:00
visibility:hidden;
2015-08-26 10:36:40 +02:00
transition: all 1s;
-webkit-transition: all 1s;
}
2015-08-29 15:29:47 +02:00
.emotemenu-open {
height:450px !important;
visibility:visible !important;
2015-08-26 10:36:40 +02:00
}
#emote-menu-header {
width:100%;
2015-12-14 06:22:52 +01:00
height:30px;
background-color: #36393E;
2015-08-26 10:36:40 +02:00
}
2015-12-14 06:22:52 +01:00
.emote-menu-tab {
float:left;
width:130px;
2015-08-26 10:36:40 +02:00
text-align:center;
2015-12-14 06:22:52 +01:00
padding:7px;
2015-08-26 10:36:40 +02:00
color:#ADADAD;
2015-12-14 06:22:52 +01:00
background-color:#424549;
cursor: pointer;
}
.emote-menu-tab:hover {
background-color:#45484C;
}
#emote-menu-inner {
height:412px;
}
#emote-menu-inner-fav {
height:412px;
}
.emote-menu-tab-selected, .emote-menu-tab-selected:hover {
background-color:#36393E;
2015-08-26 10:36:40 +02:00
}
#emote-container {
padding:10px;
}
.emote-container {
display:inline-block;
padding:2px;
border-radius:5px;
width:30px;
height:30px;
position:relative;
}
2015-08-29 15:29:47 +02:00
.emote-icon {
2015-08-26 10:36:40 +02:00
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);
}
#tc-settings-panel {
position:fixed;
width:50%;
height:75%;
background:rgb(46,49,54);
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;
2015-08-29 15:29:47 +02:00
min-width:750px;
2015-08-26 10:36:40 +02:00
}
#tc-settings-panel-header {
background:rgb(54,57,62);
height:60px;
border-bottom:1px solid #000;
box-shadow:0 1px 0 0 rgb(78,78,78);
}
#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;
}
2015-12-14 06:22:52 +01:00
#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;
2015-08-31 15:20:33 +02:00
}
2015-08-26 10:36:40 +02:00
#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;
2015-11-19 12:42:08 +01:00
bottom:40px;
2015-08-26 10:36:40 +02:00
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: rgb(54,57,62);
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: rgb(46, 49, 54);
2015-08-29 15:29:47 +02:00
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;
2015-08-26 10:36:40 +02:00
}
.tc-switch span {
line-height:24px;
display:inline-block;
2015-08-29 15:29:47 +02:00
width:49px;
2015-08-26 10:36:40 +02:00
text-align:center;
height:24px;
}
2015-08-29 15:29:47 +02:00
.tc-switch-off {
border-right:1px solid #000;
}
.tc-switch-on {
border-left:1px solid #404040;
}
2015-08-26 10:36:40 +02:00
.tc-switch-on.active {
background:green;
2015-08-29 15:29:47 +02:00
border-left:1px solid #00AE08;
2015-08-26 10:36:40 +02:00
}
.tc-switch-off.active {
background:#860606;
2015-08-29 15:29:47 +02:00
}
2015-08-30 11:27:13 +02:00
.bd-minimal .avatar-large {
2015-12-12 10:21:08 +01:00
max-width:20px;
max-height:20px;
background-size: 100%;
margin-right:2px;
margin-top:0;
border-radius:0;
}
.bd-minimal .comment {
border-left:2px solid #303030;
padding-left:2px;
2015-08-30 11:27:13 +02:00
}
2015-12-12 10:21:08 +01:00
.bd-minimal .user-name {
font-size:small;
}
2015-08-30 11:27:13 +02:00
.bd-minimal.bd-minimal-chan .channels-wrap {
display:none;
}
.bd-minimal .message-group {
padding:5px;
}
.bd-minimal .embed {
padding:2px;
}
.bd-minimal .embed img {
max-height: 120px;
max-width:160px;
}
.bd-minimal .channel-members .avatar-small{
2015-12-12 10:21:08 +01:00
max-width:15px;
max-height:15px;
background-size: 15px 15px;
}
.bd-minimal .channel-members .avatar-small .status{
height:5px;
width:5px;
2015-08-30 11:27:13 +02:00
}
.bd-minimal .channel-members .member {
padding:5px;
}
.bd-minimal .channel-members-wrap {
min-width: 0px;
}
2015-10-24 21:30:12 +02:00
2015-12-12 10:21:08 +01:00
.bd-minimal .channel-members h2{
margin-top:3px;
}
2015-12-12 11:05:24 +01:00
.bd-minimal .account .avatar-small, .bd-minimal .account .username {
display:none;
}
.bd-minimal .channel-text a, .bd-minimal .guild-channels ul .channel-voice {
padding:5px !important;
font-size:small;
}
.bd-minimal .guild-channels h2 {
padding:2px;
}
.bd-minimal .guild-channels header spann {
font-size:12px;
}
.bd-minimal .channels-wrap {
width:160px;
}
.bd-minimal .channels-wrap .guild-channels {
padding:0;
}
.bd-minimal .guilds li .avatar-small, .bd-minimal .guilds li, .bd-minimal .guilds li .guild-inner, .bd-minimal .guilds li .guild-inner a, .bd-minimal .guilds .friends-icon {
width:20px;
height:20px;
background-size:100%;
font-size:15px;
line-height:20px;
}
.bd-minimal .guilds-wrapper {
width:45px;
}
.bd-minimal .guilds li.active .guild-inner:before {
height:20px;
margin-top:-10px;
}
.bd-minimal .guilds-add {
font-size:20px;
line-height:14px;
}
2015-12-13 21:06:36 +01:00
.bd-minimal .guilds li.audio .guild-inner:after {
width:12px;
height:12px;
background-size:12px;
}
2015-10-24 21:30:12 +02:00
2015-12-14 07:26:12 +01:00
.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;
}
2015-10-24 21:30:12 +02:00
#bd-ps-container {
position:fixed;
2015-10-24 21:30:12 +02:00
width:50%;
height:75%;
background:rgb(46,49,54);
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:rgb(54,57,62);
2015-10-24 21:30:12 +02:00
height:60px;
border-bottom:1px solid #000;
box-shadow:0 1px 0 0 rgb(78,78,78);
}
#bd-ps-header h2 {
margin:0;
2015-10-24 21:30:12 +02:00
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;
2015-10-24 21:30:12 +02:00
}
.bd-ps-server {
width:100%;
height:200px;
2015-10-24 21:30:12 +02:00
}
.bd-ps-server-header {
height:50px;
width:100%;
margin-top:1px;
background:#202020;
color:#AEAEAE;
line-height:50px;
font-size:20px;
2015-10-24 21:30:12 +02:00
}
.bd-ps-server-header span {
margin-left:10px;
2015-10-24 21:30:12 +02:00
}
.bd-ps-server-body {
padding:5px;
2015-10-24 21:30:12 +02:00
}
.bd-ps-server-icon {
width:90px;
height:90px;
background:#202020;
display:inline-block;
2015-10-24 21:30:12 +02:00
}
.bd-ps-server-info {
position:absolute;
height:190px;
display:inline-block;
left:100px;
right:5px;
color:#AEAEAE;
overflow:auto;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body table {
width:100%;
margin:0;
padding:0;
border-color:red;
border-collapse:collapse;
text-align:left;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body table th {
background-color:#202020;
color:#EDEDED;
height:50px;
padding-left:5px;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body table tr {
margin:0;
padding:0;
height:50px;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body table tr{
background-color:#33363B;
border-bottom:1px solid #000;
box-shadow:0 1px 0 #404040 inset;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body table tr td {
padding-left:5px;
color:#EDEDED;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body table tr td {
min-width:100px;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body .description {
overflow:auto;
max-height:60px;
word-wrap:break-word;
2015-10-24 21:30:12 +02:00
}
#bd-ps-body table tr:nth-child(odd) {
background-color:#2E3136;
}
#bd-show-channels {
display:none;
width: 12px;
height: 18px;
background: #2e3136;
position: absolute;
2015-12-12 11:05:24 +01:00
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;
}
2015-12-04 00:05:52 +01:00
.tipsy {
z-index: 9000000001!important;
position: absolute;
padding: 5px;
display: block;
visibility: visible;
opacity: 0.8;
}
2015-12-04 00:05:52 +01:00
.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;
2015-12-09 02:44:23 +01:00
max-width: 300px;
2015-12-04 00:05:52 +01:00
padding: 5px 8px 4px;
text-align: center;
2015-12-09 02:44:23 +01:00
overflow:hidden !important;
text-overflow: ellipsis;
2015-12-04 00:05:52 +01:00
}
2015-12-11 01:46:49 +01:00
#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;
}
2015-12-12 07:07:56 +01:00
.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;
vertical-align: top;
}
.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;
}
/*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
.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}