MediaWiki:Chat.css

@import url('https://fonts.googleapis.com/css?family=Lato'); @import url('https://fonts.googleapis.com/css?family=Sunflower:300');

/* Chat CSS */

/* Aligning Chat Send Button to the left of the screen to prevent overlapping with Chat Hacks */

.ChatWindow #ChatSendButton { right: auto !important; left: 55px; bottom: 12px; } .ChatWindow .Write .message { padding-left: 70px; }

/* Sonako Wiki modifications Removes unnessary mod icon. */

.modicon { display:none }

/* Background is transparent. Matches somewhat of Sonako*/

border-radius: 8px !important; border: 1.5px solid black !important; text-shadow: 2px 2px 6px black; background: rgba(0, 0, 0, 0.45) !important; bottom: 10px; color: #D5D4D4; left: 10px; margin: 0; position: absolute; right: 10px; top: 55px; }
 * 1) WikiaPage {

/*Modding rails*/

.Rail { background: transparent !important; border: 0px solid black; border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-left: none; bottom: 0; position: absolute; right: 0; top: 0; }

a.wikia-button, .wikia-single-button a, .wikia-menu-button, 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; }   box-shadow: none; -webkit-box-shadow: none; background: #1f3558; background-image: -moz-linear-gradient(top,whitesmoke 0,#D7D7D7 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,whitesmoke),color-stop(100%,#D7D7D7)); background-image: -o-linear-gradient(top,whitesmoke 0,#D7D7D7 100%); background-image: -ms-linear-gradient(top,whitesmoke 0,#D7D7D7 100%); border-bottom: 1px solid #BABABA; margin-top: 0px; text-align: center; padding-left: 0px; }
 * 1) Rail h1.public {

.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?*/ .remaining { display: block; right: 49px; top: 0px; }

.ChatWindow, body{ background: url(https://vignette.wikia.nocookie.net/glitchtale/images/f/fe/Chat_Background.png) center top !important; background-repeat: no-repeat; background-size: 100% !important; background-attachment: fixed; background-position: inherit !important; cursor: url(https://vignette.wikia.nocookie.net/sonako/images/b/bb/Cool_blue_cursor.png/revision/latest?cb=20160122084133), auto; } /*dark chat colors + transparency*/ .kockaEmoticonsIcon, .UserStatsMenu, .UserStatsMenu .info, .modalWrapper{ background: rgba(15, 10, 10, 0.8) !important; }

/*When you gotta do something, you gotta do it your self*/ 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*/ a { color: #FF00FC; text-shadow: 0 -15px 2.5px transparent,0 15px 2.5px transparent; }

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; }

/* Staff Messages */

li[data-user="MasterSlenderTR"] { color: #ff0000 !important; text-shadow: 0 1px rgb(0, 187, 255), 2px 2px 2px black; }

li[data-user="Withersoul 235"] { color: teal !important; text-shadow: 1px 0 0 teal, 0 1px 0 teal; font-family: "Sunflower"; font-size: 15.5px; }

/* End o' Staff Messages */

.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; }

.Chat, .WikiaPage, .ChatHeader, .Write .message { background: rgba(15, 10, 10, 0.5) !important; } /*shapes*/ border-bottom-left-radius: 26px; } /*round avatars*/ .Write img, .avatar, .User img { border-radius: 23px; } .avatar{ height:30px; width:30px; } .Write img{ height:38px; width:38px; }
 * 1) WikiaPage {

/*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; }
 * 1) WikiChatList {
 * 1) Rail h1.private {
 * 1) PrivateChatList {
 * 1) Write .remaining {

/* Общее оформление чата */ .ChatWindow #WikiaP,.ChatWindow .ChatHeader { background: rgba(0,0,0); border: none; margin-top: 3px } .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?*/ /* User styling */

li[data-user="MasterSlenderTR"] .username { color: transparent !important; } .Chat li[data-user="MasterSlenderTR"] .username { content: " : Leader" !important; background-image: url('https://images.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 }

li[data-user="MasterSlenderTR"] { color: #ff0000 !important; text-shadow: 0 1px rgb(255, 0, 0), 2px 2px 2px black; }

a[href$=":MasterSlenderTR"]:hover, a[href$="/MasterSlenderTR"]:hover, .Wall .edited-by a.subtle[href$="Wall:MasterSlenderTR"]:hover, li[data-user="MasterSlenderTR"] .username:hover { color: rgba(70, 70, 70, 0.57) !important; } @keyframes unknown { from { filter: hue-rotate(360deg) }

to { filter: hue-rotate(0deg) } }

.User.chat-mod .username:after { color: #F70505 !important; font-weight: bold !important; font-family: calibri; font-size: 125%; }

/*Смайлы*/ /*Правая колонка */ .kockaHideRailButton { position: relative; top: 9px; }
 * 1) SpeedE {top: -6px !important;right: 40px !important;}

.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("https://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 !important; cursor: pointer; font-weight: bold; padding-left: 5px; }
 * 1) show-h {

.diff-addedline { background-color: #6a1095 !important; }

td.diff-context { background-color: #000000 !important; }

.Chat .avatar { border-radius: 2pc !important; height: 28px !important; width: 28px !important; }

/* Animation Section */

@-webkit-keyframes circle { 0% {		opacity: 1; }	40% {		opacity: 1; }	100% {		width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% {		opacity: 1; }	40% {		opacity: 1; }	100% {		width: 200%; height: 200%; opacity: 0; } } @keyframes fader { 0% {		opacity: 1; }	40% {		opacity: 1; }	100% {		width: 200%; height: 200%; opacity: 0; } }	/* End of Heart Beat's Glow */ /* Corrupted Diamond CSS Start */

@keyframes crptd { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px rgba(70, 70, 70, 0.57), 0 0 70px rgba(70, 70, 70, 0.57), 0 0 80px rgba(70, 70, 70, 0.57), 0 0 100px rgba(70, 70, 70, 0.57), 0 0 150px rgba(70, 70, 70, 0.57); } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px rgba(70, 70, 70, 0.57), 0 0 35px rgba(70, 70, 70, 0.57), 0 0 40px rgba(70, 70, 70, 0.57), 0 0 50px rgba(70, 70, 70, 0.57), 0 0 75px rgba(70, 70, 70, 0.57); } }

/* Fonts */

.inline-alert { font-family: "lorem"; letter-spacing: .6px; }

.Chat { font-family: "Lato"; }

/* CSS END */