User:KCCreations/TsubomiKidoChatSkin.css

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

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

.ChatWindow .User img { border: 0; }

.Chat .you a, .Chat ul li a { color: #BC444D !important; }

.inline-alert { color: #FFF2E2 !important; font-weight: bold !important; font-family: 'Cabin', sans-serif; }

.Chat .you { background: transparent; }

.Chat ul li { background: transparent; }

.Chat .username { font-weight: bold !important; font-family: 'Cabin', sans-serif; }

.Chat .you a, .Chat ul li a { color: #BC444D; font-style: normal; font-family: 'PT Sans', sans-serif; }

.Chat img.avatar { border-radius: 5px; border: 0; }

.Write .message { background-color: transparent; border: 0; }

.Write .message textarea { background: rgba(0, 0, 0, 1); border: 0; padding: 1px 3px 1px 3px; border-radius: 0; font-family: 'PT Sans', 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: #FFF2E2; font-family: 'PT 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: #FFF2E2; border: 0; font-family: 'Cabin', sans-serif; }

.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.5); border-radius: 0px; border-top-left-radius: 0; border-top-right-radius: 0; border: 0; font-size: 105%; color: #FFF2E2; font-family: 'Cabin', sans-serif; }

.ChatHeader .User { border-left: none !important; }

.ChatHeader img { border-radius: 5px; border: none; }

.ChatHeader .private { color: #FFF2E2; }

.ChatHeader .username, .ChatHeader .details { color: #FFF2E2; padding-left: 3.5px; }

.Rail .private { background-color: transparent; color: white; background-image: none; border: none !important; text-align: center; }

.PrivateChatList .User img { border-radius: 0; border: 0; }

.PrivateChatList .User img:hover { border-color: transparent }

.PrivateChatList .User:hover { background: transparent; }

.Chat .me-message { background: transparent; color: silver; border: 0; padding: 1px 5px; border-radius: 5px; font-family: 'PT Sans', sans-serif; }

.Rail .selected { box-shadow: none; background: transparent; }

.Chat .message, .User.away .status { color: #FFF2E2; font-family:'Cabin'; }

.Chat li { background: transparent; color: #FFF2E2; }

.Chat .time, .Chat .custom-time { color: white; font-size: 12px; font-family: 'PT Sans', sans-serif; }

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

.Write, .Rail { background: transparent; border: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-left: none; color: white; }

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

.ChatWindow { background-color:black; background-image:url('https://vignette.wikia.nocookie.net/kccreations/images/c/c4/Tsubomi_Kido_wallpaper.jpg/revision/latest?cb=20180224231450'); background-repeat:no-repeat; }

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