MediaWiki:Chat.css

/* --- Old chat skin modified for current chat --- .ChatWindow { background-image: url('https://vignette.wikia.nocookie.net/redisc0very/images/5/56/Personal_Chat_Background.jpg/revision/latest?cb=20161005060650'); } /* Chat Header */ .ChatWindow > .ChatHeader { background-color: rgb(230, 230, 250); background-color: rgba(230, 230, 250, 0.1); border: 1px solid rgb(230, 230, 250); border: 1px solid rgba(230, 230, 250, 0.7); border-radius: 10px 20px 10px 20px; box-shadow: 0 0 6px 1px rgba(230,230,250,0.5) inset; } .ChatWindow > .ChatHeader .User { border-left: 1px solid rgb(230, 230, 250); border-left: 1px solid rgba(230, 230, 250, 0.5); } .ChatWindow > .ChatHeader .User > .username { color: lightblue; text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black; font-family: monospace; } .ChatWindow > .ChatHeader > .private { color: aqua; padding: 0 12px; font-family: monospace; } /* Wikia Page */ background-color: transparent; border: none; color: rgb(230, 230, 250); color: rgba(230, 230, 250, 0.85); } /* Messages */ .ChatWindow > .WikiaPage > .Chat { box-shadow: 0 0 6px 1px rgba(230,230,250,0.3) inset; border-radius: 6px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); border: 1px solid rgb(230, 230, 250); border: 1px solid rgba(230, 230, 250, 0.4); margin-right: 6px; font-family: monospace; }
 * 1) WikiaPage {

.ChatWindow > .WikiaPage .Chat .inline-alert { color: aqua; text-shadow: 0 0 1px black; } .ChatWindow > .WikiaPage > .Chat .you { background: none; }

.ChatWindow > .WikiaPage .Chat .you > .username { color: lightslategray; } .ChatWindow > .WikiaPage > .Chat .you a { color: lightslategray; } .ChatWindow > .WikiaPage > .Chat .time { color: lightblue; text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black; } /* Chat Rail */ .ChatWindow > .WikiaPage > .Rail { box-shadow: 0 0 6px 1px rgba(230,230,250,0.6) inset; border-radius: 6px; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.5); color: lightblue; font-family: monospace; text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black; border: 1px solid rgb(230, 230, 250); border: 1px solid rgba(230, 230, 250, 0.7); } .ChatWindow > .WikiaPage > .Rail .selected { box-shadow: none; background: rgb(230, 230, 250); background: rgba(230, 230, 250, 0.2); border-top-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: rgb(230, 230, 250); border-color: rgba(230, 230, 250, 0.5); } .ChatWindow > .WikiaPage > .Rail .User:hover { background: rgb(230, 230, 250); background: rgba(230, 230, 250, 0.3); box-shadow: inset 0 0 3px rgba(230, 230, 250, 0.5); } .ChatWindow > .WikiaPage > .Rail .private { background-color: rgb(230, 230, 250); background-color: rgba(230, 230, 250, 0.4); background-image: none; text-align: center; color: lavender; } .ChatWindow > .WikiaPage > .Rail::-webkit-scrollbar-track { background-color: rgb(230, 230, 250); background-color: rgba(230, 230, 250, 0.2); border-left: 1px solid rgb(230, 230, 250); border-left: 1px solid rgba(230, 230, 250, 0.4); } /* Message Box */ .ChatWindow > .WikiaPage > .Write { margin-right: 6px; } .ChatWindow > .WikiaPage .Write > .message { background-color: rgb(230,230,250); background-color: rgba(230,230,250,0.1); border: 1px solid rgb(230,230,250); border: 1px solid rgba(230,230,250,0.7); border-radius: 10px 6px 6px 20px; box-shadow: 0 0 6px 1px rgba(230,230,250,0.5) inset; padding-right: 12px; } .ChatWindow > .WikiaPage > .Write > .message > textarea[name="message"] { font-size: 12px; color: lavender; padding: 0 5px; } .ChatWindow > .WikiaPage > .Write > .message > textarea[name="message"]:focus { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6); border-radius: 10px 6px 6px 20px; color: orange; } /* User Images */ .ChatWindow .Write img, .ChatWindow .Chat .avatar, .ChatWindow .User img, .ChatWindow > .UserStatsMenu > .info > img { border-radius: 1px; border: 1px solid rgb(230, 230, 250); border: 1px solid rgba(230, 230, 250, 0.7); } /* UserStats */ background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.9); box-shadow: inset 0 0 5px 1px rgba(230, 230, 250, 0.4); border: 1px solid rgb(230, 230, 250); border: 1px solid rgba(230, 230, 250, 0.7); border-radius: 10px; font-family: monospace; } .ChatWindow > .UserStatsMenu > .info { background-color: rgb(230, 230, 250); background-color: rgba(230, 230, 250, 0.4); color: lavender; border-radius: 8px 8px 0 0; border: 1px solid rgb(230, 230, 250); border: 1px solid rgba(230, 230, 250, 0.7); } .ChatWindow > .UserStatsMenu > .actions li:hover { background-color: rgb(230, 230, 250); background-color: rgba(230, 230, 250, 0.3); box-shadow: inset 0 0 2px 1px rgba(230,230,250,0.4); } .ChatWindow > .UserStatsMenu .actions ul li.message-wall .icon { background-position: -521px 0; } .ChatWindow > .UserStatsMenu .actions ul li:hover.message-wall .icon { background-position: -490px 0; } .ChatWindow > .UserStatsMenu .actions ul li.contribs .icon { background-position: -397px 0; } .ChatWindow > .UserStatsMenu .actions ul li:hover.contribs .icon { background-position: -366px 0; } .ChatWindow > .UserStatsMenu .actions ul li.private .icon { background-position: -583px 0; } .ChatWindow > .UserStatsMenu .actions ul li:hover.private .icon { background-position: -552px 0; } .ChatWindow > .UserStatsMenu .actions ul li.private-block .icon { background-position: -641px 0; } .ChatWindow > .UserStatsMenu .actions ul li:hover.private-block .icon { background-position: -614px 0; } /* Scrollbars */
 * 1) UserStatsMenu {
 * -webkit-scrollbar {

width: 8px; height: 8px; }
 * -webkit-scrollbar-track {

background-color: transparent; border-radius: 10px; }
 * -webkit-scrollbar-thumb {

background-color: rgb(230, 230, 250); background-color: rgba(230, 230, 250, 0.5); border-radius: 10px; border: 1px solid rgb(230, 230, 250); border: 1px solid rgba(230, 230, 250, 0.3); }
 * -webkit-scrollbar-corner {

background-color: transparent; }