:root {
    --hid-border-color: #472929;
    --hid-background-color-left: #270909;
    --hid-background-color-right: #200909;

    --moved-border-color: #16164a;
    --moved-background-color-left: #050530;
    --moved-background-color-right: #050525;

    --fmod-border-color: #294729;
    --fmod-background-color-left: #092709;
    --fmod-background-color-right: #092009;

    --jmod-border-color: #8c7a16;
    --jmod-background-color-left: #4c4205;
    --jmod-background-color-right: #3e3605;

    --normal-border-color: #382418;
    --normal-background-color-left: #261d14;
    --normal-background-color-right: #1c1610;
}
#contentmsg {
    .message {
        text-align: left;
        border: 2px solid var(--normal-border-color);
        margin-bottom: 7px;
        min-height: 80px;
    }
    .leftpanel {
        vertical-align: top;
        width: 20%;
        padding: 10px 0;
        background-color: var(--normal-background-color-left);
        position: relative;
        vertical-align: top;
    }
    .rightpanel {
        margin-right: 10px;
        padding-left: 15px;
        word-wrap: break-word;
        overflow: hidden;
        background-color: var(--normal-background-color-right);
        position: relative;
        vertical-align: top;
    }
    .msgcontents {
        word-wrap: break-word;
        overflow: hidden;
        width: 570px;
        position: relative;
        margin-bottom: 2em;
        clear: right;
    }
    .msgtime {
        text-align: right;
        margin: 5px 5px 0 5px;
        color: #888888;
        float: right;
        word-wrap: break-word;
    }
    .modtype {
        font-size: 8pt;
        text-align: center;
    }
    .msgcommands {
        text-align: right;
        position: absolute;
        bottom: 5px;
        right: 5px;
    }
    .msgcreator {
        text-align: center;
        a {
            color: #000000;
        }
    }
    .avatar {
        margin-top: 5px;
        margin-bottom: 5px;
        img {
            width: 100px;
            height: 100px;
            border: 1px solid var(--normal-border-color);
        }
    }
    .fmod {
        border-color: var(--fmod-border-color);
        .leftpanel {
            background-color: var(--fmod-background-color-left);
        }
        .rightpanel {
            background-color: var(--fmod-background-color-right);
        }
        .avatar img {
            border: 1px solid var(--fmod-border-color);
        }
    }
    .jmod {
        border-color: var(--jmod-border-color);
        .leftpanel {
            background-color: var(--jmod-background-color-left);
        }
        .rightpanel {
            background-color: var(--jmod-background-color-right);
        }
        .avatar img {
            border: 1px solid var(--jmod-border-color);
        }
    }
    .moved {
        border-color: var(--moved-border-color);
        .leftpanel {
            background-color: var(--moved-background-color-left);
        }
        .rightpanel {
            background-color: var(--moved-background-color-right);
        }
        .avatar img {
            border: 1px solid var(--moved-border-color);
        }
    }
    .hid {
        border-color: var(--hid-border-color);
        .leftpanel {
            background-color: var(--hid-background-color-left);
        }
        .rightpanel {
            background-color: var(--hid-background-color-right);
        }
        .avatar img {
            border: 1px solid var(--hid-border-color);
        }
    }
    .highlight {
        border-color: #ffbb22;
    }
}