User:KCCreations/KibougamineGakuenChatSkin.css

/* Hope's Peak Academy skin for Special:Chat * Author: KCCreations * Uses code by: 2Actimv and AmonFatalis */

@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans|Play');

.ChatWindow .User img, .Chat img.avatar, .Write img { border-radius: 0 !important; border: 0; }

.Chat .you a, .Chat ul li a { color: #57B3BA !important; } .inline-alert { color: white !important; font-weight: bold !important; font-family: 'Play', sans-serif; } .Chat .you, .Chat ul li { background: transparent; } .Chat .username { font-weight: bold !important; font-family: 'Play', sans-serif; } .Chat .you a, .Chat ul li a { color: #57B3BA; font-style: normal; font-family: 'Alegreya Sans', sans-serif; }

.Write .message { background-color: rgba(87, 179, 186, 0.5); border: 0; } .Write .message textarea { background: transparent; border: 0; padding: 0; border-radius: 0; font-family: 'Alegreya Sans', sans-serif; } .Write [name="message"] { background-color: transparent; border: 0; color: white; font-family: 'Alegreya Sans', 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: white; border: 0; font-family: 'Play', sans-serif; } .User .username:hover { color: #57B3BA !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(0, 0, 0, 0) !important; border-radius: 0px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border: 0; font-size: 105% !important; color: white; font-family: 'Play', sans-serif; } .ChatHeader .User { border-left: none !important; } .ChatHeader img { border-radius: 5px; border: 0; } .ChatHeader .private { color: white; } .ChatHeader .username, .ChatHeader .details { color: white !important; padding-left: 3.5px; }

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

.Chat .me-message { background-color: rgba(87, 179, 186, 0.5); color: black; border: 0; padding: 2px 5px; border-radius: 0; font-family: 'Alegreya Sans', sans-serif; }

.Chat .me-message:hover { color:white; } .Rail .selected { box-shadow: none; background: transparent; }

.User.away .status { color: white; } .User.away .status:hover { color: #57B3BA; } .Chat li { background: transparent; color: white; } .Chat .time, .Chat .custom-time { color: white; font-size: 12px; font-family: 'Alegreya Sans', sans-serif; } .Chat .time:hover, .Chat .custom-time:hover { color: #57B3BA !important; }

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

.Write { background: transparent !important; border-top: 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: white !important; }

.ChatWindow #WikiaPage { background: rgba(0, 0, 0, 0.2) !important; border:1px solid #57B3BA; border-radius: 0; }

.ChatWindow { background-image:url('https://vignette.wikia.nocookie.net/kccreations/images/2/2b/Hope%27s_Peak_emblem_wallpaper.png/revision/latest?cb=20180127022820'); }

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