Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
::-webkit-scrollbar {
background: #111;
border-left: 2px solid #222;
border-right: 2px solid #222;
}
::-webkit-scrollbar-button {
/* 2 */
}
::-webkit-scrollbar-track {
/* 3 */
}
::-webkit-scrollbar-track-piece {
/* 4 */
}
::-webkit-scrollbar-thumb {
background: #222;
border-left: 5px solid #222;
}
::-webkit-scrollbar-corner {
/* 6 */
}
::-webkit-resizer {
/* 7 */
}
html body * {
transition: none;
}
body.tweaked #chatinput input {
background: #1a1a1a;
color: #fff;
border-color: #333;
}
body.tweaked.vidshown #chatpane {
background: #222;
}
#chatpane:not(:hover) .chatbuffer,
#chatpane,
#chatinput input,
#chatControls,
#connectedCountWrapper,
#chatlist,
.dynarea {
transition: none;
}
body.tweaked .chatbuffer {
color: #bbb;
}
body.tweaked.vidshown #chatpane {
border-color: #111;
}
body.tweaked #playlist .track {
border: none;
background: #111;
}
body.tweaked #playlist .thumb {
background: #222;
cursor: default;
}
body.tweaked #playlist .thumb:hover {
background: 222;
}
body.tweaked #playlist .thumb .end {
display: none;
}
body.tweaked.plshown #leftpane {
border-color: #1a1a1a;
background: #1a1a1a;
}
body.tweaked #playlist ul li {
display: flex !important;
border: none;
border-bottom: 1px solid #222;
margin: 0;
padding: 5px;
background: #111;
}
body.tweaked #playlist ul li:hover .title {
white-space: normal;
overflow: visible;
}
body.tweaked #playlist ul li .title {
width: auto;
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.tweaked #playlist ul li .time {
order: 1;
color: #aaa;
}
body.tweaked #playlist ul li .clear {
display: none;
}
body.tweaked #chatbuffer {
background: #111 !important;
display: flex !important;
flex-direction: column !important;
border: none;
}
body.tweaked #chatbuffer > div .message {
display: flex;
flex-direction: row;
margin: 0;
padding-left: 110px;
position: relative;
}
body.tweaked #chatbuffer > div {
border-left: none;
border-top: 1px solid #1a1a1a;
}
body.tweaked #chatbuffer > div .message .nick {
padding-right: 10px;
font-size: 10px;
background: #1a1a1a;
padding: 3px 5px;
padding-top: 7px;
font-weight: bold;
border-bottom-right-radius: 3px;
min-width: 100px;
text-align: right;
position: absolute;
left: 0;
top: 0;
height: calc(100% - 8px);
}
body.tweaked #chatbuffer > div .message .msg > span {
display: grid;
grid-gap: 5px;
grid-auto-flow: column;
align-items: center;
padding: 5px;
}
body #plstats {
font-size: 9px;
background: #111;
padding: 10px;
border-top: 1px solid #000;
display: flex;
justify-content: space-around;
align-items: center;
opacity: .5;
}
body #plstats:hover {
opacity: 1;
}
body #plstats div {
text-align: center;
}
body #plstats .totalLength {
order: 0;
}
body.tweaked #rcvOverlay {
display: none;
}
body.tweaked #chatpane #chatlist {
border: none;
background: #111;
}
body.tweaked #chatpane #chatlist {
display: flex;
flex-direction: column;
background: #111;
}
body.tweaked #chatpane #chatlist > ul {
flex-grow: 1;
display: flex;
flex-direction: column;
background: #111;
}
body.tweaked #chatpane #chatlist > ul > li {
flex-shrink: 0;
margin: 0;
padding: 0;
display: flex;
grid-gap: 5px;
border-left: none;
border: none;
}
body.tweaked #chatpane #chatlist > ul > li .berrytweaks-localtime,
body.tweaked #chatpane #chatlist > ul > li .berrytweaks-flag {
position: static;
}
body.tweaked #chatpane #chatlist > ul > li .chatlistname {
flex-grow: 1;
}
body.tweaked #chatpane #chatlist > ul > li span,
body.tweaked #chatpane #chatlist > ul > li div {
padding: 2px 5px;
}
body.tweaked.pollshown #pollbox {
border-color: #111;
}
body.tweaked #chatbuffer input {
background: #111;
}
body.tweaked:not(.headershown):not(.footershown) {
color: #fff;
background: #111;
}
#connectedCountWrapper {
color: #ddd;
}
#chatControls {
display: flex;
color: #ddd;
background: #1a1a1a;
}
#chatControls > div {
opacity: 0;
padding: 0;
margin: 2px 5px;
}
#chatControls:hover > div {
opacity: .5;
opacity: 1;
}
#tweakbutts {
display: flex;
}
#tweakbutts > i {
margin: 0 5px;
}
body.tweaked.pollshown #chatpane {
background: #111;
}
#pollpane {
background: #111;
}
html body div#playlist ul#plul li.active {
border: none;
}
.chatbuffer .drinkWrap {
border: none;
background: #c600ad44;
}
body.tweaked #chatbuffer > div .message.request {
color: red;
}
a {
color: #fff;
}
body.tweaked #connectedCountWrapper {
background: #111;
}
#chatpane {
background: #111;
}
body.tweaked #chatbuffer > div.highlight {
background: #222;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.