diff --git a/mpphc.user.js b/mpphc.user.js index aa0546c..69f4cde 100644 --- a/mpphc.user.js +++ b/mpphc.user.js @@ -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;