User:DestructionTheNightWing/chat.css

img[alt="(fite)"] { /* hiding a very annoying emote */ background: #f0f4f3; border: 1px solid #bac0bd; box-sizing: border-box; padding-left: 17px;} /** HELIO'S SUPER BUGGY CHAT-SKIN * User:Heliosanctus * 1/8/2017 *  Background Colors * Text Colors * Hide Styles * Remove Backgrounds * Remove Borders * Chat Styles * Rail Styles * UserStatsMenu Styles **/ @media (max-device-width:500px) { /* Background Colors */ background: #2769ae;} .Chat .you {  /* you message */ background: #5e90c3;} .ChatWindow #WikiaPage {  /* body */ background: #ffffff;} .ChatWindow #Write .message {  /* textarea */ background: #f8f8f8;} /* Text Colors */ color: #3a3a3a;} color: #ffffff;} .ChatWindow a {  /* link color */ color: #8abcdf;} .Chat .me-message {  /* accent color */ color: #2769ae;} /* Hide Styles */ display: none !important;} /* Remove Backgrounds */ box-shadow: none; background: none;} /* Remove Borders */ border: none;} /* Chat Styles */ box-shadow: 0 0 20px rgba(0,0,0,0.5); margin: 0; position: fixed; z-index: 1; height:120px;} font-size: 40px; line-height: 120px; padding: 0 20px;} content: 'Main Chat';} .Chat { right:0; bottom:135px;} .Chat li { font-size: 2em; line-height: 1.5em; padding: 15px 30px 30px 100px;} .Chat .avatar { height:60px; width:60px;} .Chat .time { color: inherit; font-size: inherit;} .ChatWindow #WikiaPage { top:120px; right:0; bottom:0; left:0;} .ChatWindow #Write { box-shadow: 0 0 20px rgba(0,0,0,0.5); box-sizing: border-box; padding: 4px 7px 1px 137px; position: fixed; right:0; height:135px;} .ChatWindow #Write .message { font-size: 3em; margin-top: 3px; height:120px;} .ChatWindow #Write img { margin: 12px; height:100px; width:100px;} .ChatWindow #Write img, .Chat .avatar, .ChatWindow .User img { border-radius: 50%;} /* Rail Styles */ box-sizing:border-box; margin-top: -120px; padding-top: 120px; z-index:3; bottom:initial; min-height:120px;} background: linear-gradient( 180deg, transparent 5%, #fff 5%, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 55%, transparent 55%, transparent 75%, #fff 75%, #fff 90%, transparent 90%); content: ''; position: absolute; top:15px; right:15px; height:90px; width:90px;} box-shadow: 0 0 20px rgba(0,0,0,0.5); display: flex; flex-direction: column; padding-top: 30px; width:calc(100% - 150px); bottom:0;} margin-bottom: 40px;} content: 'Main Chat'; font-size: 40px; padding-top: 20px; padding-left: 110px; position: absolute; height:30px;} background-image: url(http://vignette2.wikia.nocookie.net/wingsoffirefanon/images/f/fd/Insignia.png); background-size: 80px; content: ''; margin: 0 0 0 10px; position: absolute; height:80px; width:80px;} display: none;} display: block;} border-bottom: 9px solid #fff; border-top: 9px solid #fff; margin-top: 50px; order:1;} content: 'Private Messages'; font-size: 60px; padding: 0 40px;} order:2;} content: 'User List'; font-size: 60px; padding: 0 40px;} padding:0; margin:0; height:initial;} border-radius: 50%; font-size: 27px; line-height: 36px; height:36px; width:36px;} padding-left: 110px; min-height:80px;} left: 10px; height:80px; width:80px;} font-size: 40px; line-height: 80px;} /* UserStatsMenu Styles */ right:0 !important;} display: flex;} margin-left: 0;} font-size: 26px; line-height: 36px;} font-size: 40px; line-height: 40px;} fill: #fff;} min-width: 36px; height:36px; width:36px;} }
 * 1) ChatHeader, #Rail, #UserStatsMenu, .ChatWindow {  /* header */
 * 1) WikiaPage .Chat .inline-alert, .ChatWindow #Write textarea {  /* main text */
 * 1) ChatHeader, #ChatHeader .wordmark:before, #Rail, #Rail:hover .public:after, #UserStatsMenu, .Chat .you, .User.away, .UserStatsMenu .label {  /* inverse text */
 * 1) ChatHeader .User, #ChatHeader .wordmark img, #chatOptionsButton, #Rail .details, #Rail .private, #Rail .public img, #Rail .username:after, #UserStatsMenu .info img, #UserStatsMenu .info li:not(.username), .modicon {
 * 1) Rail .selected, #Rail .User:hover, #UserStatsMenu .info, #UserStatsMenu .actions li:hover {
 * 1) ChatHeader, .Chat, .Chat .avatar, .ChatWindow #WikiaPage, .ChatWindow #Write img, .ChatWindow .User img, .Write .message, #UserStatsMenu {
 * 1) ChatHeader {
 * 1) ChatHeader .private, #ChatHeader .wordmark:before {
 * 1) ChatHeader .wordmark:before {
 * 1) Rail {
 * 1) Rail:before {
 * 1) Rail:hover {
 * 1) Rail:hover .public {
 * 1) Rail:hover .public:after {
 * 1) Rail:hover .public:before {
 * 1) Rail > ul {  /* hide rail */
 * 1) Rail:hover > ul {  /* show rail */
 * 1) Rail #PrivateChatList {
 * 1) Rail #PrivateChatList:before {
 * 1) Rail #WikiChatList {
 * 1) Rail #WikiChatList:before {
 * 1) Rail .public {
 * 1) Rail .splotch {
 * 1) Rail .User {
 * 1) Rail .User img {
 * 1) Rail .User .username {
 * 1) UserStatsMenu {
 * 1) UserStatsMenu .actions {
 * 1) UserStatsMenu .info ul {
 * 1) UserStatsMenu .info .username {
 * 1) UserStatsMenu .label {
 * 1) UserStatsMenu .wds-icon {
 * 1) UserStatsMenu .wds-icon-small {