User:SnappyDragon/chat.css

/*Think of eight legit reasons you're reading this, and tell me those reasons*/ .modicon { display:none } /*Modding rails switch*/ .kockaHideRailButton { position: relative; top: 0px; } /*I would add animation to the button but what the heck*/ .a .wikia-button, .wikia-single-button .a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: #9412ce; background-image: -moz-linear-gradient(top,#E220FF 35%,#ff0af3 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#004281),color-stop(65%,#00284e)); background-image: -o-linear-gradient(top,#004281 35%,#00284e 65%); background-image: -ms-linear-gradient(top,#004281 35%,#00284e 65%); border: 1px solid #00284e; border-radius: 4px; color: white; cursor: pointer; display: inline-block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 10px; text-decoration: none; white-space: nowrap; } /*Why make background switches?*/ .night .remaining { display: block; right: 49px; top: 0px; }/*Undertale Time*/ body.night { background-image:url('http://vignette3.wikia.nocookie.net/undertale/images/5/50/Wiki-background/revision/latest?cb=20151206202529&path-prefix=ru'); background-repeat: no-repeat; background-size: 100% !important; background-attachment: fixed; background-position: inherit !important; background-color: #000; } /*dark chat colors + transparency*/ .kockaEmoticonsIcon, .night .UserStatsMenu, .night .UserStatsMenu .info, .night .modalWrapper{ background: rgba(15, 10, 10, 0.8) !important; } /*When you gotta do something, you gotta do it your self*/ .night a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: #7700f8; background-image: -moz-linear-gradient(top,#750081 35%,#6400cf 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#004281),color-stop(65%,#00284e)); background-image: -o-linear-gradient(top,#004281 35%,#00284e 65%); background-image: -ms-linear-gradient(top,#004281 35%,#00284e 65%); border: 1px solid #00284e; border-radius: 4px; color: white; cursor: pointer; display: inline-block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 10px; text-decoration: none; white-space: nowrap; } /*End of crud*/ /*New crud*/ .night a { color: #FF00FC; text-shadow: 0 -15px 2.5px transparent,0 15px 2.5px transparent; } .night a { color: #cf4dff !important; } a:hover { text-shadow: 0 0 2.5px #000,0 0 2.5px #444; color: #b3b3b3 !important; transition: all .4s linear 0s; } .night li[data-user="Navid 1600"] .username, .night li[data-user="Kmes the Awesome JJ"] .username, .night li[data-user="DarlingVanilla"] .username, .night li[data-user="DapperPearl"] .username, .night li[data-user="StarmanW"] .username, .night li[data-user="Live Delta"] .username, .night li[data-user="CrystalMomSquad"] .username { color: #C6464F !important; font-weight: bold; } .night li[data-user="Ditto Creeper Bot"] .username { color: #5C494A !important } .Rail .selected { background: rgba(96, 12, 112, 0.47); } element { text-align: center; position: absolute; width: 60%; z-index: 0; font-size: 13px; color: rgb(190, 83, 255); font-weight: bold; line-height: 1.6; margin-left: 110px; } .wordmark { color: #db3cfa; font-size: 20px; line-height: 40px; white-space: nowrap; } .night .Chat, .night .WikiaPage, .night .ChatHeader, .night .Write .message { background: rgba(15, 10, 10, 0.5) !important; } /*shapes*/ .night #WikiaPage { border-bottom-left-radius: 26px; } /*round avatars*/ .night .Write img, .night .avatar, .night .User img { border-radius: 23px; } .night .avatar{ height:30px; width:30px; } .night .Write img{ height:38px; width:38px; } /*fixed PM*/ overflow:auto; max-height: calc(100vh - 338px); }   display:block; }   overflow:auto; max-height:72px; } /*chevron fix*/ img.chevron { position: inherit !important; border-width: 10px !important; } /*remaining characters*/ display: block; right: 49px; top: 0px; } /* Общее оформление чата */ .night .ChatWindow #WikiaP,.ChatWindow .ChatHeader { background: rgba(0,0,0); border: none; margin-top: 3px } .night .Rail .selected { box-shadow: none; } .Write img { border-radius: 20px; } .Write div.message { background-color: transparent; border: 1px outset #848484; } .User img { border-radius: 15px; } .Rail .private { background-image: none; background-color: transparent; } .ChatHeader .User { border-left: none; } .Chat { border-right: none; border-bottom: none; } .Write .message { border: none; } .User.selected { background: rgba(25, 25, 25, 0.4) !important; } .actions li:hover { background: rgba(75, 75, 75, 0.3) !important; } .UserStatsMenu { border: none !important; background: rgba(25, 25, 25, 0.3) !important; } .UserStatsMenu .info { background: rgba(125, 125, 125, 0.3) !important; } .Write .message { background-color: #292929 } .ChatWindow #WikiaP { background: none; color: #FFF; border: none; border-radius: 5px; margin-top:3px; } /* Скругление аватарок */ .UserStatsMenu { text-shadow: 0px 0px 0px black !important; } .ChatWindow .User img { border-radius: 2pc !important; } .Rail .User { -moz-transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; transition: all linear 400ms; background: transparent !important; } .Rail .User:hover {margin-left: 7px !important} /* Окно с сообщениями, списком участников и полем ввода сообщения */ .ChatWindow #WikiaP { background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0.9) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.7) 30%,rgba(0,0,0,0.9) 100%); color: #FFF; border:3px double white; border-radius: 5px; margin-top:3px; } /* Цвет ссылок */ .Chat a { color: #b962b9; font-weight: bold; } /* Фон собственных сообщений, заголовка списка участников и поля набираемого сообщения */ .Chat .you { background: transparent; } /*Why are you here?*/ /*Adding Undertale related stuff, why are you reading this?*/ .Chat li[data-user="Pseudo-Miracles"] .username:after { content: " :" !important; background-image: url('http://vignette2.wikia.nocookie.net/botcentral/images/7/78/Mettaton_flower_crown_by_yuffi369-d9h8ho7.png/revision/latest/scale-to-width-down/20?cb=20160524080101') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } li[data-user="Ditto Creeper Bot"] .username { color: transparent !important; } .Chat li[data-user="Ditto Creeper Bot"] .username { content: " : Aka King of Living Bots" !important; background-image: url('http://images4.wikia.nocookie.net/undertale/ru/images/c/c1/Soul1.gif') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; background-size: contain } .Chat li[data-user="Lenhi"] .username:after { content: " : This Guy's is too professional" !important; background-image: url('http://images2.wikia.nocookie.net/undertale/ru/images/c/c0/Spr_heartblue_0.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="Navid 1600"] .username:after { content: " : A really kind hearted person inside" !important; background-image: url('http://images2.wikia.nocookie.net/steven-universe/images/thumb/4/40/NewRubyGem2.png/19px-.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="StarmanW"] .username:after { content: " : A dear friend" !important; background-image: url('http://images2.wikia.nocookie.net/steven-universe/images/thumb/4/40/NewRubyGem2.png/19px-.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="Arbitrary Labby"] .username:after { content: " : Best bud ever to roam SU ;3" !important; background-image: url('http://images2.wikia.nocookie.net/steven-universe/images/thumb/4/40/NewRubyGem2.png/19px-.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="Robyn Grayson"] .username:after { content: " : This user is a b0ss" !important; background-image: url('http://images2.wikia.nocookie.net/steven-universe/images/thumb/4/40/NewRubyGem2.png/19px-.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="JellyPoo"] .username:after { content: " : She came back ^-^" !important; background-image: url('http://images2.wikia.nocookie.net/steven-universe/images/thumb/4/40/NewRubyGem2.png/19px-.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="Wyatt Mars"] .username:after { content: " : He really is awesome and I believe in him" !important; background-image: url('http://images2.wikia.nocookie.net/steven-universe/images/thumb/4/40/NewRubyGem2.png/19px-.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="KockaAdmirlac"] .username:after { content: " :WHAT IS HE DOING HERE?!!?! o.O" !important; background-image: url('http://images3.wikia.nocookie.net/undertale/ru/images/4/4e/Filyz.gif') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="The Watermelon Dog"] .username:after { content: " :" !important; background-image: url('http://images3.wikia.nocookie.net/undertale/ru/images/4/4c/Screen_Shot_2015-12-07_at_3.51.53_AM.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="Vloggmusprime"] .username:after { content: " :" !important; background-image: url('http://images3.wikia.nocookie.net/undertale/ru/images/4/4e/Filyz.gif') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="Maximum Effort"] .username:after { content: " :" !important; background-image: url('http://images4.wikia.nocookie.net/undertale/ru/images/0/0a/Ghf1Y4b.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } .Chat li[data-user="Melonuniverse"] .username:after { content: " :" !important; background-image: url('http://images1.wikia.nocookie.net/undertale/ru/images/a/a4/Spr_heartpurple_center_0.png') !important; padding: 2px 20px; background-repeat: no-repeat; background-position: 3px 0; } /* Chat Mod badge */ .User.chat-mod .username:after { content: url("http://images2.wikia.nocookie.net/steven-universe/images/thumb/4/40/NewRubyGem2.png/19px-.png"); } .User.chat-mod .username:after { color: #F70505 !important; font-weight: bold !important; font-family: calibri; font-size: 125%; } /*Смайлы*/ /*Правая колонка */ .kockaHideRailButton { position: relative; top: 9px; } .ui-sortable-placeholder { border: 2.5px dashed #ccc; opacity: 0.5 !important; visibility: visible !important; } .ui-sortable-placeholder:hover { background: transparent !important; } .ui-sortable-placeholder * { visibility: hidden; } /* Disable selection */ body { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; font-size: 14px !important; overflow: hidden; user-select: none; } /* Enable selection */ .inline-alert, .message, .Chat .username, .time, .Write textarea { -moz-user-select: text !important; -ms-user-select: text !important; -webkit-user-select: text !important; user-select: text !important; } /* Show */ li.User, .continued .time { display: block !important; } /* Hide */ .ChatHeader .User, li.away .status { display: none !important; } /* Change padding */ .Chat li { padding: 18px 15px 20px 49px; } /* Change width */ .Rail { width: 178px !important; } /* Messages and users count */ .count { color: #fff; text-align: center; } .messages-icon, .users-icon { background-image: url("http://slot1.images.wikia.nocookie.net/common/extensions/wikia/Chat2/images/sprite-Chat.png"); background-repeat: no-repeat; } .messages-icon { background-position: -521px 0px; padding-right: 25px; } .users-icon { background-position: -583px 0px; padding-right: 25px; } /* Away */ .WikiChatList li.away:not(.ui-sortable-placeholder) { opacity: 0.05; } .WikiChatList li.away:not(.ui-sortable-placeholder):hover { opacity: 1; } /* Other stuff */ .Chat { line-height: 1.2em !important; margin-right: 29px !important; overflow-x: hidden !important; } .Rail .selected { background-color: inherit !important; box-shadow: none !important; } .Rail h1.private { background-image: none !important; font-weight: bold; text-align: center; } li.User img { cursor: ns-resize !important; height: 28px !important; left: 15px !important; margin-top: 2px !important; top: 2px !important; width: 28px !important; } .PrivateChatList .selected img { left: 10px !important; margin-left: 5px !important; } .message img { vertical-align: bottom !important; } .time { margin-top: 18px !important; } .Write textarea { overflow: auto !important; padding-top: 1px !important; } .continued .time { margin-bottom: -15px !important; margin-top: 3px !important; } .Write { right: 178px !important; } .Chat .avatar { border-radius: 0px !important; height: 28px !important; width: 28px !important; } .watchlist { color: #fff; position: absolute; right: 5px; top: 11px; } .inline-time { float: right; } .inline-alert span { color: inherit !important; cursor: auto !important; text-decoration: none !important; } h1.wordmark { cursor: pointer !important; } .User .username { margin-right: 0px !important; }   color: #6a6a6a; cursor: pointer; font-weight: bold; padding-left: 5px; }
 * 1) WikiChatList {
 * 1) Rail h1.private {
 * 1) PrivateChatList {
 * 1) Write .remaining {
 * 1) SpeedE {top: -6px !important;right: 40px !important;}
 * 1) show-h {