stumblechat.com by Phuen

/* ==UserStyle==
@name           stumblechat
@namespace      stumblechat.com
@version        1.0.15
==/UserStyle== */

/* HIDE SYSTEM MESSAEGS */
    #chat-content > .message.system {
        display: none;
    }

    /* Except interesting links */
    #chat-content > .message.system:has(a) {
        display: unset !IMPORTANT;
    }

    /* 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;
    }