Tidy chat up.
stumblechat.com by Phuen
Details
AuthorPhuen
LicenseNo License
Categorystumblechat.com
Created
Updated
Size3.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name stumblechat
@namespace stumblechat.com
@version 1.0.13
==/UserStyle== */
@-moz-document domain("stumblechat.com") {
/* HIDE SYSTEM MESSAEGS */
#chat-content > .message.system {
display: none;
}
/* Don't select timestamps */
.hidden-selectable {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
#chat-content > div > div > span.timestamp {
font-size: 8px !IMPORTANT;
}
#chat-content > .message > div> span.message.common > center > img {
height: auto;
}
/* HIDE AVATARS
#chat-content > .message.common > .avatar {
display: none;
}
#chat-content > .message.common {
padding-left: 2px;
}
*/
/* PAD MESSAGES WITHOUT AVATAR, LESS SPACE BETWEEN MESSAGES */
#chat-content > .message {
padding-left: 44px !important;
margin-bottom: 0px;
margin-top: 2px;
}
/* REMOVE NICKNAME STYLING */
#chat-content > .message > .nickname {
background: none !important;
border: none;
margin-top: 4px;
height: 1.4em;
}
/* ADD A PALCEHOLDER FOR USERS WITHOUT AN AVATAR */
#chat-content > .message.noavatar::before {
content: '';
display: inline-block;
width: 38px;
height: 38px;
-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
background-color: #151515;
position: absolute;
top: 2px;
left: 2px;
}
/* TEXT AND BGS - BLACK AND GREY */
#chat-content > .message *,
textarea#textarea {
color: grey !important;
}
body,
#chat-content,
#chat-content *,
textarea#textarea {
background: black !important;
}
textarea#textarea {
border: 1px solid #222;
border-radius: 12px;
padding: 10px;
}
form#input {
margin: 10px 10px 5px 5px;
}
div#chat-wrapper {
border-left: 1px solid #222;
}
div.resizechat,
div.resizeuser,
div.resizetopic {
opacity: 0.5;
}
#chat-content > .message > .content > .message.common {
line-height: 1.1em;
}
/***/
/* CHILL TALK BUTTON */
button#media-ptt,
div#media-openmic {
background: #12261c;
color: #2d5240;
text-shadow: none;
transition: .2s;
}
button#media-ptt:hover {
background: #17402b;
color: #41956b;
}
/***/
/* Userlist doesnt need to be so wide */
#userlist {
resize: horizontal;
}
#userlist > ul > li > div.bar-item > span.nickname {
font-size: 11px;
}
#userlist > ul > li > div.bar-item > span.username {
font-size: 10px;
}
#userlist > ul > li > div.user-status > div.role {
font-size: 10px;
}
#userlist > ul > li > div.bar-item span {
width: auto;
}
}