User:KCCreations/NagitoKomaedaChatSkin.css

/* Nagito Komaeda skin for Special:Chat * Author: KCCreations * Uses code by: 2Actimv and AmonFatalis */

@import url('https://fonts.googleapis.com/css?family=Roboto');

.ChatWindow .User img { border-radius: 5px !important; border: 0; }

.Chat .you a, .Chat ul li a { color: #171A3B !important; } .inline-alert { color: black !important; font-weight: bold !important; font-family: 'Roboto', sans-serif; } .Chat .you { background: rgba(255, 255, 255, 1); } .Chat ul li { background: transparent; } .Chat .username { font-weight: bold !important; font-family: 'Roboto', sans-serif; } .Chat .you a, .Chat ul li a { color: #171A3B; font-style: normal; font-family: 'Roboto', sans-serif; } .Chat img.avatar { border-radius: 5px; border: 0; }

.Write .message { background-color: transparent; border: 0px solid black; } .Write .message textarea { background: rgba(255, 255, 255, 0.5); border: 0; padding: 1px 3px 1px 3px; border-radius: 0; font-family: 'Roboto', sans-serif; } .Write img { border-radius: 5px; border: 0; margin: -2.5px 0px 0px -2.5px !important; } .Write [name="message"] { background-color: transparent; border: 0; color: black; font-family: 'Roboto', sans-serif; } .WikiChatList .User:hover, .PrivateChatList .User:hover { margin: 0px 0px 0px 7px !important; -moz-transition: ease 400ms; -ms-transition: ease 400ms; -o-transition: ease 400ms; transition: ease 400ms; background: transparent !important; } .User .username { background-color: transparent; font-weight: normal !important; color: black; border: 0; font-family: 'Roboto', sans-serif; } .User .username:hover { color: #171A3B !important; } .Rail .User { padding-left: 40px !important; } .Rail .User:last-child, .Rail .User:hover:last-child { margin-bottom: 10px !important; } .Rail .User img { left: 10px !important; } .ChatHeader { background: rgba(255, 255, 255, 0.5) !important; border-radius: 0px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border: 0; font-size: 105% !important; color: black; font-family: 'Roboto', sans-serif; } .ChatHeader .User { border-left: none !important; } .ChatHeader img { border-radius: 5px; border: none; } .ChatHeader .private { color: white; } .ChatHeader .username, .ChatHeader .details { color: black !important; padding-left: 3.5px; }

.Rail .private { background-color: transparent; color: black; background-image: none; border: none !important; text-align: center; } .PrivateChatList .User img { border-radius: 2pc; border: 3px solid black; } .PrivateChatList .User img:hover { border-color: rgba(0, 0, 30, 1); } .PrivateChatList .User:hover { background: transparent; }

.Chat .me-message { background-color: rgba(255, 255, 255, 0.5); color: black; border: 1px solid rgba(254, 254, 254, 0.5); padding: 1px 5px; border-radius: 5px; font-family: 'Roboto', sans-serif; } .Chat .me-message:hover { color: black; border-color: black } .Rail .selected { box-shadow: none; background: transparent; }

.User.away .status { color: black; } .User.away .status:hover { color: #171A3B; } .Chat li { background: transparent; color: black; } .Chat .time, .Chat .custom-time { color: black; font-size: 12px; font-family: 'Roboto', sans-serif; }

.Chat .time:hover, .Chat .custom-time:hover { color: #171A3B !important; }

.Chat { background: transparent !important; border: 0; border-bottom: none; border-top-left-radius: 0; border-right: 0; }

.Write { background: transparent !important; border: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-right: none; }

.Rail { background: transparent; border: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-left: none; color: black !important; }

.ChatWindow #WikiaPage { background: rgba(255, 255, 255, 0.5) !important; border:0; border-radius: 0; }

.ChatWindow { background-image:url('https://vignette.wikia.nocookie.net/kccreations/images/b/bd/Nagito_Komaeda_wallpaper.png/revision/latest?cb=20180114052346'); }

@media screen and (min-width: 650px) { .ChatWindow { background-size: cover !important; background-position: 0% 0% !important; } }