Chat only by WingedRizon

/* ==UserStyle==
@name           10/27/2023, 8:41:47 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("live.bilibili.com") {
    /* Show div elements with class "right container" within a parent with ID "unique-parent" */
    /* Display only the chat history box */
    .chat-history-panel {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
        /* Set a high value to place it above everything else */
        /* Enable scrolling if necessary */
    }
    #player-ctnr,
    .main-content,
    #rank-list-vm,
    .bottom,
    #link-footer-vm,
    .link-navbar-ctnr,
    .side-bar-cntr {
        display: none !important;
    }
    .live-room-app .app-content .app-body .player-and-aside-area .aside-area .chat-history-panel.new {
        height: 100%;
    }
    .chat-container {
        width: 100%;
        /* Adjust the width as needed */
    }

    .chat-message {
        margin-bottom: 10px;
        /* Add spacing between messages */
        background-color: #f0f0f0;
        /* Background color for messages */
        padding: 10px;
        /* Add padding to messages */
        font-size: 16px;
        /* Adjust the font size as needed */
        color: #333;
        /* Text color for messages */
        font-family: Arial, sans-serif;
        /* Specify a font family */
    }

    .user-info {
        display: flex;
        align-items: center;
    }

    .user-name {
        font-weight: bold;
        margin-right: 10px;
        /* Add spacing between name and message text */
    }

    .message-text {
        /* Style for message text */
    }
}