User:ChocoLove20/chat.css

/* Chat.css for use in Special:Chat page. Original idea by wikia. Theme based from http://botchan.wikia.com. Thanks to Nanamin for ripping out the source code. Code tidy-up by Chrome browser. Martirsadota for addressing a few bugs/todo kinks on this CSS: Parts of this CSS has been documented, as well as modified to suit ones tastes. a.wikia-button,.wikia-single-button a,.wikia-menu-button,input[type="submit"],input[type="reset"],input[type="button"],.button,button { background-color: #012e59; background-image: -moz-linear-gradient(top,#02488b 35%,#012e59 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#02488b),color-stop(65%,#012e59)); background-image: -o-linear-gradient(top,#02488b 35%,#012e59 65%); background-image: -ms-linear-gradient(top,#02488b 35%,#012e59 65%); border: 1px solid #012e59; border-radius: 4px; color: white; cursor: pointer; display: inline-block; font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 10px; text-decoration: none; white-space: nowrap } a.wikia-button:hover,.wikia-single-button a:hover,.wikia-menu-button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:hover,button:hover { background-color: #012445; background-image: -moz-linear-gradient(top,#013e77 35%,#012445 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#013e77),color-stop(65%,#012445)); background-image: -o-linear-gradient(top,#013e77 35%,#012445 65%); background-image: -ms-linear-gradient(top,#013e77 35%,#012445 65%); text-decoration: none } a.wikia-button.active,a.wikia-button:active,.wikia-single-button a.active,.wikia-single-button a:active,.wikia-menu-button.active,.wikia-menu-button:active,input[type="submit"].active,input[type="submit"]:active,input[type="reset"].active,input[type="reset"]:active,input[type="button"].active,input[type="button"]:active,.button.active,.button:active,button.active,button:active { background-image: -moz-linear-gradient(top,#012445 35%,#013e77 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#012445),color-stop(65%,#013e77)); background-image: -o-linear-gradient(top,#012445 35%,#013e77 65%); background-image: -ms-linear-gradient(top,#012445 35%,#013e77 65%); color: white } a.wikia-button[disabled],.wikia-single-button a[disabled],.wikia-menu-button[disabled],input[type="submit"][disabled],input[type="reset"][disabled],input[type="button"][disabled],.button[disabled],button[disabled] { cursor: default; opacity: .5 } a.wikia-button[disabled]:active,.wikia-single-button a[disabled]:active,.wikia-menu-button[disabled]:active,input[type="submit"][disabled]:active,input[type="reset"][disabled]:active,input[type="button"][disabled]:active,.button[disabled]:active,button[disabled]:active { background-color: #012e59; background-image: -moz-linear-gradient(top,#02488b 35%,#012e59 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#02488b),color-stop(65%,#012e59)); background-image: -o-linear-gradient(top,#02488b 35%,#012e59 65%); background-image: -ms-linear-gradient(top,#02488b 35%,#012e59 65%); } a.wikia-button img,.wikia-single-button a img,.wikia-menu-button img,input[type="submit"] img,input[type="reset"] img,input[type="button"] img,.button img,button img { vertical-align: text-bottom } a.wikia-button img.chevron,.wikia-single-button a img.chevron,.wikia-menu-button img.chevron,input[type="submit"] img.chevron,input[type="reset"] img.chevron,input[type="button"] img.chevron,.button img.chevron,button img.chevron { margin-top: 1px; vertical-align: middle } a.wikia-button.secondary,.wikia-single-button a.secondary,.wikia-menu-button.secondary,input[type="submit"].secondary,input[type="reset"].secondary,input[type="button"].secondary,.button.secondary,button.secondary { background-color: #4f4e4e; background-image: -moz-linear-gradient(top,#5c5a5a 35%,#4f4e4e 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#5c5a5a),color-stop(65%,#4f4e4e)); background-image: -o-linear-gradient(top,#5c5a5a 35%,#4f4e4e 65%); background-image: -ms-linear-gradient(top,#5c5a5a 35%,#4f4e4e 65%); border: 1px solid #615f5f; color: #d5d4d4 } a.wikia-button.secondary:hover,.wikia-single-button a.secondary:hover,.wikia-menu-button.secondary:hover,input[type="submit"].secondary:hover,input[type="reset"].secondary:hover,input[type="button"].secondary:hover,.button.secondary:hover,button.secondary:hover { background-color: #444343; background-image: -moz-linear-gradient(top,#515050 35%,#444343 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#515050),color-stop(65%,#444343)); background-image: -o-linear-gradient(top,#515050 35%,#444343 65%); background-image: -ms-linear-gradient(top,#515050 35%,#444343 65%); } a.wikia-button.secondary.active,a.wikia-button.secondary:active,.wikia-single-button a.secondary.active,.wikia-single-button a.secondary:active,.wikia-menu-button.secondary.active,.wikia-menu-button.secondary:active,input[type="submit"].secondary.active,input[type="submit"].secondary:active,input[type="reset"].secondary.active,input[type="reset"].secondary:active,input[type="button"].secondary.active,input[type="button"].secondary:active,.button.secondary.active,.button.secondary:active,button.secondary.active,button.secondary:active { background-color: #4f4e4e; background-image: -moz-linear-gradient(top,#444343 35%,#515050 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#444343),color-stop(65%,#515050)); background-image: -o-linear-gradient(top,#444343 35%,#515050 65%); background-image: -ms-linear-gradient(top,#444343 35%,#515050 65%); } a.wikia-button.secondary img.chevron,.wikia-single-button a.secondary img.chevron,.wikia-menu-button.secondary img.chevron,input[type="submit"].secondary img.chevron,input[type="reset"].secondary img.chevron,input[type="button"].secondary img.chevron,.button.secondary img.chevron,button.secondary img.chevron { border-color: #d5d4d4 transparent transparent } a.wikia-button.big,.wikia-single-button a.big,.wikia-menu-button.big,input[type="submit"].big,input[type="reset"].big,input[type="button"].big,.button.big,button.big { font-size: 18px; height: 40px; line-height: 23px } a.wikia-button:-moz-focusring,.wikia-single-button a:-moz-focusring,.wikia-menu-button:-moz-focusring,input[type="submit"]:-moz-focusring,input[type="reset"]:-moz-focusring,input[type="button"]:-moz-focusring,.button:-moz-focusring,button:-moz-focusring { box-shadow: 0px 0px 1px 1px highlight } .wikia-menu-button-submit input[type=submit] { border: none; height: 100% } input[type="submit"],input[type="reset"],input[type="button"],button { height: 21px } input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,button::-moz-focus-inner { border: 0; padding: 0 } .wikia-menu-button { *display: inline; list-style: none; margin: 0; padding: 0; position: relative; text-align: left; } .wikia-menu-button:hover { background-color: #012e59; background-image: -moz-linear-gradient(top,#02488b 35%,#012e59 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#02488b),color-stop(65%,#012e59)); background-image: -o-linear-gradient(top,#02488b 35%,#012e59 65%); background-image: -ms-linear-gradient(top,#02488b 35%,#012e59 65%); } .wikia-menu-button a:hover { text-decoration: none } .wikia-menu-button > a,.wikia-menu-button .drop,.wikia-menu-button > li > a { display: inline-block } .wikia-menu-button > a:hover,.wikia-menu-button .drop:hover,.wikia-menu-button > li > a:hover { background-color: #012445; background-image: -moz-linear-gradient(top,#013e77 35%,#012445 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#013e77),color-stop(65%,#012445)); background-image: -o-linear-gradient(top,#013e77 35%,#012445 65%); background-image: -ms-linear-gradient(top,#013e77 35%,#012445 65%); } .wikia-menu-button > a:active,.wikia-menu-button .drop:active,.wikia-menu-button > li > a:active { background-image: -moz-linear-gradient(top,#012445 35%,#013e77 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#012445),color-stop(65%,#013e77)); background-image: -o-linear-gradient(top,#012445 35%,#013e77 65%); background-image: -ms-linear-gradient(top,#012445 35%,#013e77 65%); color: white } .wikia-menu-button > a,.wikia-menu-button > li > a { border-bottom-left-radius: 4px; border-right: 1px solid #66819b; border-top-left-radius: 4px; color: white; padding: 0 8px 0 5px } .wikia-menu-button .drop { border-bottom-right-radius: 4px; border-top-right-radius: 4px; margin-left: -3px; padding-left: 5px } .wikia-menu-button ul { background: #474646; border: 1px solid #012e59; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100; box-shadow: 1px 2px 12px 0 black } .wikia-menu-button ul a { color: #d5d4d4; display: block; padding: 9px 9px 7px } .wikia-menu-button ul a:hover { background-color: #4b5560 } .wikia-menu-button ul li { border-top: 1px solid #6b6a6a; line-height: normal } .wikia-menu-button ul li:first-child { border: 0 } .wikia-menu-button .WikiaMenuElement { margin: 0 } .wikia-menu-button .icon,.wikia-menu-button img { vertical-align: text-bottom } .wikia-menu-button .chevron { border-top-color: white; margin: 0 7px 0 1px } .wikia-menu-button.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .wikia-menu-button.active ul { display: block } .wikia-menu-button.secondary { border: 1px solid #6b6a6a; *display: inline; list-style: none; margin: 0; position: relative; text-align: left } .wikia-menu-button.secondary:hover { background-color: #4f4e4e; background-image: -moz-linear-gradient(top,#5c5a5a 35%,#4f4e4e 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#5c5a5a),color-stop(65%,#4f4e4e)); background-image: -o-linear-gradient(top,#5c5a5a 35%,#4f4e4e 65%); background-image: -ms-linear-gradient(top,#5c5a5a 35%,#4f4e4e 65%); } .wikia-menu-button.secondary.combined { padding-left: 4px } .wikia-menu-button.secondary.combined:hover { background-color: #444343; background-image: -moz-linear-gradient(top,#515050 35%,#444343 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#515050),color-stop(65%,#444343)); background-image: -o-linear-gradient(top,#515050 35%,#444343 65%); background-image: -ms-linear-gradient(top,#515050 35%,#444343 65%); } .wikia-menu-button.secondary.combined .drop:hover { background: transparent } .wikia-menu-button.secondary > a,.wikia-menu-button.secondary .drop,.wikia-menu-button.secondary > li > a { color: #d5d4d4; margin-top: -2px } .wikia-menu-button.secondary > a:hover,.wikia-menu-button.secondary .drop:hover,.wikia-menu-button.secondary > li > a:hover { background-color: #444343; background-image: -moz-linear-gradient(top,#515050 35%,#444343 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#515050),color-stop(65%,#444343)); background-image: -o-linear-gradient(top,#515050 35%,#444343 65%); background-image: -ms-linear-gradient(top,#515050 35%,#444343 65%); } .wikia-menu-button.secondary > a:active,.wikia-menu-button.secondary .drop:active,.wikia-menu-button.secondary > li > a:active { background-color: #4f4e4e; background-image: -moz-linear-gradient(top,#444343 35%,#515050 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#444343),color-stop(65%,#515050)); background-image: -o-linear-gradient(top,#444343 35%,#515050 65%); background-image: -ms-linear-gradient(top,#444343 35%,#515050 65%); } .wikia-menu-button.secondary > a { border-right: 1px solid #6b6a6a } .wikia-menu-button.secondary ul { background: #474646; border: 2px solid #6b6a6a; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100 } .wikia-menu-button.secondary ul a { color: #d5d4d4; display: block } .wikia-menu-button.secondary ul a:hover { background-color: #4b5560 !important } .wikia-menu-button.secondary ul li { border-top: 1px solid #6b6a6a; line-height: normal } .wikia-menu-button.secondary ul li:first-child { border: 0 } .wikia-menu-button.secondary.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .wikia-menu-button.secondary.active ul { display: block } .wikia-chiclet-button { background-image: none; border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 19px; opacity: 0.7; padding: 0; position: relative; width: 19px } .wikia-chiclet-button img { height: 15px; left: 2px; position: absolute; top: 2px; width: 15px } .wikia-chiclet-button:hover { opacity: 1; background-image: none } button.wikia-chiclet-button { line-height: 1px } button.wikia-chiclet-button img { position: static; vertical-align: middle } .wikia-button.loginToEditProtectedPage { padding: 0px 5px } .wikia-button.loginToEditProtectedPage img { margin-right: 8px } a.wikia-button-facebook,a.wikia-button.wikia-button-facebook { border-color: #afbdd6; border-radius: 2px; color: #fff; font-weight: bold; height: 21px; padding: 0 6px } a.wikia-button-facebook,a.wikia-button-facebook:active,a.wikia-button-facebook:hover,a.wikia-button.wikia-button-facebook,a.wikia-button.wikia-button-facebook:active,a.wikia-button.wikia-button-facebook:hover { background-color: #5e7bb2; background-image: -moz-linear-gradient(top,#5e7bb2 0%,#3c62a1 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,#5e7bb2),color-stop(100%,#3c62a1)); background-image: -o-linear-gradient(top,#5e7bb2 0%,#3c62a1 100%); background-image: -ms-linear-gradient(top,#5e7bb2 0%,#3c62a1 100%); } a.wikia-button-facebook > img,a.wikia-button.wikia-button-facebook > img { border-right: solid 1px #6381b4; margin-right: 6px } .modalWrapper { box-shadow: 0 10px 60px 0 #232323; background: #474646; border-width: 5px; border-style: solid; border-color: #1a1a1a; border-color: rgba(26,26,26,0.6); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; /*color: #d5d4d4;*/ color: #70b8ff; position: absolute } .modalWrapper > h1,.modalWrapper .main-header { color: #70b8ff; font-size: 22px; margin: 20px 60px 20px 20px; overflow: hidden } .modalWrapper .close { zoom:1;float: right; margin: 20px 20px 0 0; z-index: 1 } .modalWrapper .close:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .modalWrapper .neutral { background: transparent } .modalWrapper .modalToolbar { text-align: right; background: transparent; margin-top: 20px } .modalWrapper .modalToolbar a { margin-left: 10px } .modalWrapper #WikiaConfirmOk { margin-left: 2px } .modalContent { zoom:1;font-size: 13px; line-height: 21px; display: block; margin: 0 20px 20px 20px } .modalContent:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden } .modalContent .main-header { margin-left: 0; margin-top: 0 } .modalContent .MyToolsConfiguration .options-list { line-height: 1 } .modalContent b { font-weight: bold } .modalContent i { font-style: italic } .blackout { background: #474646; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; height: 100% } yui-overlay,.yui-panel-container { position: absolute; z-index: 5000102 !important } .yui-panel { left: 0; position: relative; top: 0 } .mask { background: #474646; margin-top: -30px; opacity: .8; position: fixed; z-index: 5000101 !important } .editor .mask { margin-top: 0 } .skin-oasis #ImageUploadBorder { display: none } .skin-oasis #ImageUploadBody { height: 480px } .skin-oasis #ImageUploadProgress1 { visibility: hidden } .skin-oasis .yui-back { display: inline-block; margin: 0 5px 0 0 } .skin-oasis #VideoEmbedConflict .yui-back,.skin-oasis #ImageUploadConflict .yui-back { bottom: 15px } a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,time,ul,var,video { border: 0; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline } article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block } a,ins { text-decoration: none } ul,ol { list-style: none } q:after,q:before { content: "" } .WikiaForm > fieldset { border: 0; margin: 0; padding: 0 } .WikiaForm .input-group { clear: both; float: left; font-size: 13px; line-height: 13px; margin-bottom: 5px; padding: 5px 7px } .WikiaForm .input-group [type='text'],.WikiaForm .input-group [type='url'],.WikiaForm .input-group [type='password'],.WikiaForm .input-group [type='email'],.WikiaForm .input-group textarea { box-shadow: inset 1px 1px 1px 0 #595858; background-color: #4c4b4b; border: 1px solid #6b6a6a; color: #d5d4d4; font-family: "Lucida Grande",sans-serif; font-size: 13px; margin: 0; padding: 8px; -webkit-appearance: textfield; -moz-appearance: textfield } .WikiaForm .input-group [type='text']:focus,.WikiaForm .input-group [type='url']:focus,.WikiaForm .input-group [type='password']:focus,.WikiaForm .input-group [type='email']:focus,.WikiaForm .input-group textarea:focus { background-color: #525151 } .WikiaForm .input-group [type='text']::-webkit-input-placeholder,.WikiaForm .input-group [type='text']:-moz-placeholder,.WikiaForm .input-group [type='text'].placeholder,.WikiaForm .input-group [type='url']::-webkit-input-placeholder,.WikiaForm .input-group [type='url']:-moz-placeholder,.WikiaForm .input-group [type='url'].placeholder,.WikiaForm .input-group [type='password']::-webkit-input-placeholder,.WikiaForm .input-group [type='password']:-moz-placeholder,.WikiaForm .input-group [type='password'].placeholder,.WikiaForm .input-group [type='email']::-webkit-input-placeholder,.WikiaForm .input-group [type='email']:-moz-placeholder,.WikiaForm .input-group [type='email'].placeholder,.WikiaForm .input-group textarea::-webkit-input-placeholder,.WikiaForm .input-group textarea:-moz-placeholder,.WikiaForm .input-group textarea.placeholder { color: #8e8d8d } .WikiaForm .input-group [type='text'].error,.WikiaForm .input-group [type='url'].error,.WikiaForm .input-group [type='password'].error,.WikiaForm .input-group [type='email'].error,.WikiaForm .input-group textarea.error { border: 2px solid #ff3333 } .WikiaForm .input-group label { display: block; line-height: 15px; margin: 0 0 5px } .WikiaForm .input-group label .sprite { margin: -4px 0 0 3px } .WikiaForm .input-group strong { font-weight: bold } .WikiaForm .input-group.error,.WikiaForm .input-group.success { border-radius: 3px; background-color: #626161 } .WikiaForm .input-group.error .error-msg,.WikiaForm .input-group.success .error-msg { color: #aa1111; font-size: 11px; margin-top: 5px } .WikiaForm .input-group.error .success-msg,.WikiaForm .input-group.success .success-msg { color: #b5e3b5; font-size: 11px; margin-top: 5px } .WikiaForm .input-group.error label { color: #aa1111 } .WikiaForm .input-group.general-errors .error-msg { margin-top: 0 } .WikiaForm .spacer { clear: both } .WikiaForm [type='submit'].link { background: none; border: 0; border-radius: 0; color: #70b8ff; line-height: 13px; padding: 0 } .WikiaForm [type='submit'].link:hover { text-decoration: underline } .WikiaForm .submits { padding: 0 7px } .modalWrapper .input-group { padding-left: 0; padding-right: 0 } .modalWrapper .input-group select { min-width: 130px } .UserStatsMenu { background: #474646; display: none; color: #70b8ff; font-size: 12px } /*.UserStatsMenu .info controls the message box when user clicks on another user from user list.*/ .UserStatsMenu .info { zoom:1;background: #4f5c6b; line-height: 15px; padding: 5px; color: #70b8ff; position: relative } .UserStatsMenu .info:after { clear: both; content: " "; display: block; height: 0; color: #70b8ff; overflow: hidden; visibility: hidden } .UserStatsMenu .info img { border: 1px solid #6b6a6a; float: left } .UserStatsMenu .info ul { list-style: none; margin: 0; color: #70b8ff; margin-left: 32px } .UserStatsMenu .info ul li { line-height: 15px; margin: 0; color: #70b8ff; overflow: hidden; white-space: nowrap } .UserStatsMenu .info ul .username { font-size: 13px; /*color: #8e8d8d;*/ color: #70b8ff; font-weight: bold; margin-bottom: 2px } .UserStatsMenu .actions ul { list-style: none; margin: 5px 0 } /*.UserStatsMenu .actions controls the actions for the selected user from the userlist.*/ .UserStatsMenu .actions ul li { color: #70b8ff; cursor: pointer; margin: 0; padding: 5px 10px; line-height: 16px; white-space: nowrap } .UserStatsMenu .actions ul li a { color: #70b8ff } .UserStatsMenu .actions ul li a:hover { text-decoration: none } .UserStatsMenu .actions ul li .icon { background-color: transparent; background-image: url("http://slot1.images.wikia.nocookie.net/__cb1438278992/common/extensions/wikia/Chat2/images/sprite-Chat.png"); background-repeat: no-repeat; display: inline-block; height: 18px; opacity: .4; width: 19px } .UserStatsMenu .actions ul li .label { padding-left: 5px } .UserStatsMenu .actions ul li.message-wall .icon,.UserStatsMenu .actions ul li.talk-page .icon { background-position: -521px 0px } .UserStatsMenu .actions ul li.contribs .icon { background-position: -397px 0px } .UserStatsMenu .actions ul li.private .icon { background-position: -583px 0px } .UserStatsMenu .actions ul li.private-block .icon { background-position: -641px 0px } .UserStatsMenu .actions ul li.give-chat-mod .icon { background-position: -335px 0px } .UserStatsMenu .actions ul li.kick .icon { background-position: -459px 0px } .UserStatsMenu .actions ul li.ban .icon { background-position: -273px 0px } .UserStatsMenu .actions ul li:hover { background-color: #4f5c6b } .UserStatsMenu .actions ul li:hover .icon { opacity: .7 } .UserStatsMenu .actions ul li:hover.message-wall .icon,.UserStatsMenu .actions ul li:hover.talk-page .icon { background-position: -490px 0px } .UserStatsMenu .actions ul li:hover.contribs .icon { background-position: -366px 0px } .UserStatsMenu .actions ul li:hover.private .icon { background-position: -552px 0px } .UserStatsMenu .actions ul li:hover.private-block .icon { background-position: -614px 0px } .UserStatsMenu .actions ul li:hover.give-chat-mod .icon { background-position: -304px 0px } .UserStatsMenu .actions ul li:hover.kick .icon { background-position: -428px 0px } .UserStatsMenu .actions ul li:hover.ban .icon { background-position: -242px 0px } .UserStatsMenu .actions .separator { margin: 5px; border: 0; border-top: #6b6a6a 1px solid } .popover .UserStatsMenu { display: block } .ChatWindow .UserStatsMenu { box-shadow: 0 0 12px 0 #1a1a1a; border: 3px solid #1a1a1a; position: absolute; z-index: 100 } body { background: #1a1a1a; color: #d5d4d4; font-family: Consolas,Lucida Console,Courier New,Courier,monospace; font-size: 13px; height: 100%; margin: 0 } body.warn .Chat { bottom: 70px } body.warn .remaining { display: block } body.limit-near .remaining { color: #e59393 } body.limit-reached .remaining { color: #ff3333 } body .remaining { display: none; line-height: 25px; position: absolute; top: -25px; right: 5px } textarea { font: inherit; font-family: Consolas,Lucida Console,Courier New,Courier,monospace; line-height: normal } body.on-prod { background-color: yellow } body.on-prod:before { content: "==NOTE:CONNECTED TO PROD NODE SERVER ==" } a { color: #70b8ff } a:hover { text-decoration: underline } .wordmark { color: #70b8ff; font-size: 20px; line-height: 40px; margin-right: 150px; overflow: hidden; padding-left: 5px; text-overflow: ellipsis; white-space: nowrap } .wordmark img { margin-top: 5px } .wordmark a:hover { text-decoration: none } /*.ChatHeader functionality: Unknown*/ .ChatHeader { background-color: #474646; border: 1px solid #6b6a6a; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 40px; margin: 10px; position: relative; /*color: #70b8ff;*/ } /*.ChatHeader .User controls the information to be parsed onto the main chat screen; mainly the username.*/ .ChatHeader .User { border-left: 1px solid #6b6a6a; height: 26px; padding-bottom: 2px; padding-top: 2px; position: absolute; right: 0; top: 5px; width: 113px; color: #70b8ff; } .ChatHeader .User img { vertical-align: middle } .ChatHeader .User .username { font-weight: bold; color: #cccccc !important; } .ChatHeader .User.chat-mod .username:after,.ChatHeader .User.staff .username:after { top: 1px } .ChatHeader .private { font-size: 16px; color: #cccccc; font-weight: bold; line-height: 45px; padding: 0 5px } .User { font-size: 11px; padding: 7px 5px 7px 32px; position: relative; color: #cccccc !important; } .User.away { color: #8e8d8d } .User.away .status { display: inline } .User img { border: 1px solid #6b6a6a; height: 22px; position: absolute; left: 5px; vertical-align: middle; width: 22px } /*.User .username controls the userlist field on the right but on the first line.*/ .User .username { display: block; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #70b8ff; } .User .username:after { content: ''; height: 15px; position: absolute; right: 5px; top: 5px; width: 15px } .User.chat-mod .username:after,.User.staff .username:after { background-color: transparent; background-image: url("http://slot1.images.wikia.nocookie.net/__cb1438278992/common/extensions/wikia/Chat2/images/sprite-Chat.png"); background-repeat: no-repeat } .User.chat-mod .username:after { background-position: -101px 0px } .User.staff .username:after { background-position: -154px 0px } /*.User .details controls the information shown in the user list on the second line. e.g if they are away or not.*/ .User .details { font-size: 11px; color: #888; font-style: italic } .User .status { display: none } .User .UserStatsMenu { display: none }   background-color: #474646; border: 1px solid #6b6a6a; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; bottom: 10px; color: #d5d4d4; left: 10px; margin: 0; position: absolute; right: 10px; top: 55px } .Chat { border-right: 1px solid #6b6a6a; border-bottom: 1px solid #6b6a6a; bottom: 50px; left: 0; line-height: 1.4em; overflow: auto; position: absolute; right: 150px; top: 0; /* background: url('http://i.imgur.com/Oh3i8SQ.png;'); sets background image */ /* background-repeat: no-repeat; background-size: cover; Allows stretching of any background images to fit */ } .Chat ul { bottom: 0 } .Chat li { min-height: 32px; padding: 18px 15px 16px 55px; position: relative; /*background-color: white; These sets the chat texts' background. background-color: #333; opacity: 0.9; opacity settings mainly for background-color */ } .Chat .continued { margin-bottom: -15px; min-height: 0; padding-top: 0; top: -15px } .Chat .continued .avatar { display: none } .Chat .continued .username { display: none } .Chat .continued .time { display: none } .Chat .avatar { border: 1px solid #6b6a6a; left: 15px; position: absolute; top: 20px } /* .Chat .username controls the username shown ...*/ .Chat .username { display: block; color: #70b8ff; font-weight: bold; } .Chat .username:after { content: ":" } /* .Chat .time controls the timestamp shown to the right of the screen.*/ .Chat .time { color: #70b8ff; float: right; font-size: 12px } .Chat .message { white-space: pre-line; } .Chat ul li .message { color: #CCC; }
 * Chat Options lettering colours fixed.
 * Possibly the highlighting of one's nickname when "pinged".
 * 1) WikiaPage {

.Chat ul li .ping { color: #FF0000 !important; } .Chat ul li .message a { color: #70b8ff !important; } .Chat .me-message { color: #CCC; } /*.Chat .inline-alert controls any alerts such as welcome banners.*/ .Chat .inline-alert { /*color: #8e8d8d;*/ color:#70b8ff; font-weight: bold; min-height: 0; padding-bottom: 10px; padding-top: 10px; /*text-align: center;*/ text-align: left; } /*.Chat .inline-alert:before controls anything to prepend the .Chat .inline-alert message.*/ .Chat .inline-alert:before { /* content: "~ ";*/ content: "! "; color: red; } /*.Chat .inline-alert:after controls anything to append the .Chat .inliine-alert message */ .Chat .inline-alert:after { /*content: " ~";*/ content: ""; color: #70b8ff; } .Chat .you { background: #222; } .Write { bottom: 0; height: 45px; left: 0; line-height: 30px; padding-left: 55px; padding-right: 55px; /* Needed for ChatHacks/ChatOptions */ position: absolute; right: 150px; } .Write.blocked { opacity: .3 } .Write img { border: 1px solid #6b6a6a; left: 7px; position: absolute } .Write [name="message"] { background-color: transparent; border: 0; color: #d5d4d4; height: 100%; line-height: 1.4em; margin: 0; outline: none; padding: 0; resize: none; width: 100% } .Write .message { background-color: #545353; border: 1px solid #6b6a6a; box-sizing: border-box; height: 3.3em; padding: 2px; position: relative } .Write input[type="submit"] { display: none } .Rail { bottom: 0; overflow-y: auto; position: absolute; right: 0; top: 0; width: 150px } .Rail .User { padding-left: 47px; min-height: 22px } .Rail .User:hover { background: #4f5c6b; cursor: pointer } .Rail .User img { left: 20px } .Rail h1 { margin: 5px 0 } .Rail .public { height: 30px; line-height: 30px; padding: 3px 0 3px 13px; text-overflow: ellipsis }

/* Arrow markers to reveal if user list should be visible or not. Here is with the user list visible */ .Rail .public .chevron { border-width: 5px; border-color: #70b8ff transparent transparent; border-style: solid; cursor: pointer; display: none; height: 0; left: 3px; margin: 0; position: absolute; top: 20px; width: 0; vertical-align: middle } /* Arrow markers to reveal if user list should be visible or not. Here is with the user list invisible */ .Rail .public .chevron.closed { border-color: transparent transparent transparent #70b8ff; left: 6px; top: 17px } .Rail .public .wordmark { margin: 0; vertical-align: middle } .Rail .private { background-color: #636262; background-image: -moz-linear-gradient(top,#4e4d4d 0,#636262 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,#4e4d4d),color-stop(100%,#636262)); background-image: -o-linear-gradient(top,#4e4d4d 0,#636262 100%); background-image: -ms-linear-gradient(top,#4e4d4d 0,#636262 100%); border-top: 1px solid #787777; border-bottom: 1px solid #787777; font-size: 11px; padding: 3px 2px 2px; display: none } .Rail .selected { box-shadow: inset 0 0 7px 0 black; background: #4f5c6b } .Rail .selected .splotch { display: none } .Rail .unread .splotch { display: block } .Rail .unread .username:after { display: none } .Rail .blocked { opacity: .3 } .Rail .splotch { background-color: #dc0d0e; background-image: -moz-linear-gradient(top,#e63031 0,#dc0d0e 50%,#e63031 100%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,#e63031),color-stop(50%,#dc0d0e),color-stop(100%,#e63031)); background-image: -o-linear-gradient(top,#e63031 0,#dc0d0e 50%,#e63031 100%); background-image: -ms-linear-gradient(top,#e63031 0,#dc0d0e 50%,#e63031 100%); background-clip: padding-box; border: 1px solid white; border-radius: 10px; color: white; display: none; font-size: 9px; height: 12px; line-height: 13px; padding: 0 2px; position: absolute; right: 3px; text-align: center; top: 16px; min-width: 8px } .PrivateChatList .splotch { top: 6px } /* unvisited link */ a:link { color: #70b8ff !important; } /* visited link */ a:visited { color: #70b8ff !important; } /* mouse over link */ a:hover { color: blue !important; } /* selected link */ a:active { color: #70b8ff !important; }

/* ChatOptions.js customisations */ color: #70b8ff; }
 * 1) chatOptionsButton {

color: #70b8ff; }
 * 1) sidebar-top {

position: fixed !important; margin-left: 5px !important; font-size: 13px !important; }
 * 1) pingspan {

/* ChatTopic fixes */ .chattopic { margin: 10px 113px 0px 115px; vertical-align: middle; text-align: center; z-index: 0; font-size: 13px; height: 18px; overflow-y: hidden !important; }

/* WikiaPage fixes */ width: auto !important; }
 * 1) WikiaPage {