@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('style.css');

html {
}

body {
}

#top_banner {
    background-image: url('https://greyvenz.neocities.org/pattern/plaidback.png');
}

#background, #input {
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #bcdea8 transparent;
    background-color: white;
}

#background::-webkit-scrollbar {
    width: 8px;
}

#background::-webkit-scrollbar-track {
    background: transparent;
}

#background::-webkit-scrollbar-thumb {
    background-color: #bcdea8;
    border-radius: 4px;
    border: 2px solid transparent;
}

.allMessages {
    max-height: 300px;
    max-width: 1000px;
    font-family: 'DotGothic16';
    font-size: 11px;
    background-color: white;
}

.allMessages::-webkit-scrollbar {
    width: 8px;
}

.allMessages::-webkit-scrollbar-track {
    background: transparent;
}

.allMessages::-webkit-scrollbar-thumb {
    background-color: #bcdea8;
    border-radius: 4px;
    border: 2px solid transparent;
}

.msgBody {
    border: 9px solid transparent;
    border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
    border-image-slice: 9;   
    border-image-repeat: round;
    border-radius: 0; 
    background-color: white;
    font-family: 'DotGothic16';
}

.senderInfo {
    font-size: 12px;
    color: #D05D5D;
    margin-bottom: 2px;
    font-family: 'DotGothic16';
    font-style: italic;
}

#timestamp {
    font-size: 10px;
    color: #f2b6ba;
    font-family: 'DotGothic16';
    font-style: italic;
}

#settings {
    background-image:url('https://greyvenz.neocities.org/png/favicons/pcicon.gif');
}

#scrollToBottom {
    font-family: 'DotGothic16';
}

.ctxMenuOption {
    background-color: #D05D5D;
    color: black;
    cursor: pointer;
    border: 7px solid transparent; 
    border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
    border-image-slice: 9;   
    border-image-repeat: round;
    border-radius: 0; 
    background-color: white;
    font-family: 'DotGothic16';
    font-size: 10px;
}

.mod, .owner, .tester {
    width: 0;
}

.mod::before {
    content: "[mod]";
    display: inline-block;
    color: #D05D5D;
    position: absolute;
    top: 7px;
    right: 7px;
}

.owner::before {
    content: "[owner]";
    display: inline-block;
    color: #D05D5D;
    position: absolute;
    top: 7px;
    right: 7px;
}

#settingsWindow, 
#settingsWindow * {
    background-image: url('https://greyvenz.neocities.org/pattern/plaidback.png') !important;
    font-family: 'DotGothic16' !important;
    font-size: 11px !important;
    color: #D05D5D !important;
    background-color: white !important;
}

#settingsWindow {
    background-image: url('https://greyvenz.neocities.org/pattern/plaidback.png') !important;
    font-family: 'DotGothic16' !important;
    font-size: 11px !important;
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
}

.pinned {
    border: 9px solid transparent;
    border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
    border-image-slice: 9; 
    border-image-repeat: round;
    border-radius: 0; 
    background-color: white;
    font-family: 'DotGothic16';
    content: "[pinned]";
    display: inline-block;
    width: 92%;
}

.emoji {
    font-size: 16px;
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
}

#emojiTray {
    cursor: url('https://cur.cursors-4u.net/food/foo-1/foo76.cur'), auto !important;
    font-family: 'DotGothic16';
    background-color: white;
    border: 7px solid transparent;
    border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
    border-image-slice: 9;
    border-image-repeat: round;
    border-radius: 0;
    padding: 5px;
}

#is_typing {
    background-color: white;
    border: 7px solid transparent; 
    border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
    border-image-slice: 9;
    border-image-repeat: round;
    border-radius: 0;
}

#input {
    background-color: white;
    border: 7px solid transparent; 
    border-image-source: url("https://greyvenz.neocities.org/png/NJa4bp2.png");
    border-image-slice: 9;
    border-image-repeat: round;
    border-radius: 0;
    padding: 0px;
    font-family: 'DotGothic16';
}