User:Americhino/chat.css

/** Minimalist Leonardo Chat Skin - Americhino **/ @import url(http://fonts.googleapis.com/css?family=Open+Sans:600); .ChatWindow #WikiaPage .Rail .public .wordmark { content:url("https://vignette.wikia.nocookie.net/botkylorens-test/images/f/fc/Fandom_logo_leonardo.png/revision/latest?cb=20180523021449"); width: 105px; height: 23px; } .ChatHeader .wordmark img { content:url("https://vignette.wikia.nocookie.net/botkylorens-test/images/f/fc/Fandom_logo_leonardo.png/revision/latest?cb=20180523021449"); width: 150px; height: 32px; } @-moz-document url-prefix { .ChatWindow #WikiaPage .Rail .public .wordmark, .ChatHeader .wordmark img { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url('https://vignette.wikia.nocookie.net/botkylorens-test/images/f/fc/Fandom_logo_leonardo.png/revision/latest?cb=20180523021449') no-repeat; background-size: 150px 32px; padding-top: 75px; } } .ChatWindow .User img { border-radius: 2pc !important; } .inline-alert { color: #eee !important; } .Chat .you { background: transparent; } .Chat ul li { background: transparent; } .Chat .you a, .Chat ul li a { color: #fff; font-style: italic; } .Chat img { border-radius: 0px; border: none !important; } .Chat img.avatar { border-radius: 2pc; border: none; } .Write .message { background-color: transparent; border: 0px solid black; } .Write .message textarea { width: 96%; height: 92%; background: #0004; border: none; padding: 1px 6px 1px 6px; border-radius: 8px; } .Write img { border-radius: 2pc; border: none; margin: 1.5px 0px 0px 0px !important; } .Write [name="message"] { background-color: transparent; border: none; color: white; } .Write .message textarea { font-family: Open Sans, sans-serif !important; } .WikiChatList img { border-radius: 3px; border: none; } .WikiChatList .User, .PrivateChatList .User { -moz-transition: all linear 200ms; -ms-transition: all linear 200ms; -o-transition: all linear 200ms; transition: all linear 200ms; background: transparent !important; } .WikiChatList .User:hover, .PrivateChatList .User:hover { margin: 0px 0px 0px 7px !important; -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; background: transparent !important; } .User .username { background-color: transparent; color: #eee; border: 0px solid black; } .User .username:hover { color: #fff !important; } .ChatHeader { background: rgba(0, 0, 0, 0.8) !important; border-radius: 10px; border: 0px solid black; font-size: 105% !important; } .ChatHeader img { border-radius: 3px; border: none; } .ChatHeader .private { color: white; } .ChatHeader .username { color: white; } .Rail .private { background-color: transparent; color: white; background-image: none; border: none !important; text-align: center; } .PrivateChatList .User img { border-radius: 3px; border: none; } .PrivateChatList .User:hover { background: transparent; } .Chat .me-message { background-color: transparent; color: white; border: 0px solid black; background: transparent; padding: 0px 2px; border-radius: 5px; } .Rail .selected { box-shadow: none; background: transparent; } .Rail .public .chevron { border-color: white transparent transparent; } .ChatWindow { background: url(https://img00.deviantart.net/85ee/i/2016/093/9/8/leonardo_watch_wallpaper_by_yogidepp-d9xkgdo.jpg) 67% -25% !important; font-weight:normal !important; background-repeat: no-repeat !important; background-color: #000 !important; font-family: 'Open Sans', sans-serif; } @media screen and (min-width: 650px) { .ChatWindow { background-size: cover !important; } } .ChatWindow .WikiaPage { background-color: #0004 !important; } .Chat { border: none !important; color: #fff; } .UserStatsMenu { text-shadow: 0px 0px 0px black !important; } .away .status { background-color: #faa61a !important; padding: 2px; border-radius: 50%; color: transparent; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 9999999999; position: relative; font-size: 0; } .status { background-color: #43b581 !important; padding: 2px; border-radius: 50%; color: transparent; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 1; position: relative; } .ChatHeader .User .details .status { margin-left: -15px !important } .UserStatsMenu { border: none !important; box-shadow: none !important; border-radius: 5px; } .UserStatsMenu .info { background-color: #0078ff; border-radius: 5px 5px 0px 0px; } .UserStatsMenu .info img { border-radius: 50%; } .UserStatsMenu { background-color: #1b1b1b } .UserStatsMenu .info { background-color: #000; padding-bottom: 0.5em; padding-top: 0.7em; color: #fff; } .UserStatsMenu .info img { border: none; } .UserStatsMenu .actions li, .UserStatsMenu .actions li a { color: #3856ca !important; } .UserStatsMenu .actions li svg { fill: #3856ca; } .UserStatsMenu .actions li:hover { background-color: #0001 !important; } /************/ .inline-alert:before, .inline-alert:after { display: none; } .ChatHeader .User.away, .ChatHeader .User { border-left: none; } .ChatWindow ul li a { color: #ccc } .ChatWindow .wikia-button, .ChatWindow .button { background-image: none !important; background-color: #242272; border: none; } .ChatWindow .wikia-button:hover, .ChatWindow .button:hover { background-image: none !important; background-color: #242272; border: none; filter: brightness(80%) } .ChatWindow .wds-button { background-color: #242272; border: none; border-radius: 2px; } .ChatWindow .wds-button:hover { background-color: #16145f; } color: #3056d7; } /* scrollbar */ /* width */
 * 1) pingspan {
 * -webkit-scrollbar {

width: 6px !important; } /* Track */
 * -webkit-scrollbar-track {

background: transparent; border-radius:0px !important; } /* Handle */
 * -webkit-scrollbar-thumb {

border-radius: 2px !important; background-color: #242272 !important; } /* Handle on hover */
 * -webkit-scrollbar-thumb:hover {

background: #16145f !important; } /* Badges */ .ChatWindow #wds-avatar-badges-discussion-moderator path[fill="#999"] { fill: #3056d7 !important; } .ChatWindow #wds-avatar-badges-admin path[fill="#E3BD00"] { fill: #242272 !important; } /* Private Messages */ .Rail .splotch { border: none; border-radius: 50%; font-weight: bold; left: 18px; top: 22px; width: 5%; line-height: 11px; background-image: none; background-color: #f04747; } .Rail .public.wordmark.unread .splotch { left: 35px; top: 32px; } /** End of Minimalist Leonardo Chat Skin - Americhino **/