Update mpphc.user.js

* adjusted for updates
* made the time hide unless hovered
* removed space and gap around the viewport and the chat
* better aligned the tabs with chat
* restyled "me" and server messages
This commit is contained in:
Mute 2024-01-28 01:43:01 +00:00
parent d6a568a0d6
commit 1fc86c2dc0
1 changed files with 34 additions and 3 deletions

View File

@ -16,13 +16,44 @@ if (window.MPPHC) throw new Error("MPPHC found, aborting loading")
window.MPPHC = {}
const FONT = weight => ({weight, style: "normal", display: "swap", unicodeRange: "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"})
const CSS = _ => `
.chatArea {
div.roomScreen {
padding: 0;
gap: 0;
}
div.tab-container > ul.header {
padding: 0 0.5em 0 0;
}
div.chatArea {
font-family: 'Laila', serif;
font-size: 14px;
}
div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message > span.info {
font-style: normal;
font-family: 'Saira', sans-serif;
position: relative;
right: -13em;
margin-left: -10em;
padding: 0 0.5em;
}
div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message:hover > span.info {
right: -1em;
background: #000;
}
div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message.me {
font-style: italic;
}
div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message.serverMessage {
background-color: inherit;
border-left: none;
margin: 0;
padding: 0 0 0 0.25em;
font-style: italic;
}
div.chatArea > div.messages > div.Scrollbar > div.direction-column > div.message.serverMessage:before {
content: "[Server] ";
font-style: normal;
}
div.chatArea > textarea {
color: #fff;
background-color: #333;
font-family: 'Saira', sans-serif;
font-size: 22px;
height: 4.75em;