MediaWiki:Chat.css

/* Staff Highlights */

li[data-user="Leviine"] .username, li[data-user="ChoipStixks"] .username, li[data-user="Rosette_Addams"] .username, li[data-user="Desendants_1"] .username { color: #00ff99 !important; font-weight: bold; }

.Chat .inline-alert { color: #33ff99 !important; }

.modicon { display:none; }

.badge { display:none }

.Write img, .avatar, .User img { border-radius: 30px; }

/* Chat skin */ .WikiaPage { box-shadow: none !important; } body { background-position:top center; background-attachment:scroll; background-size:cover; } .chat-button { margin: 10px auto; text-align: center; cursor: pointer; } a.wikia-button { color: #FFFFFF !important; } a { color: #3cd7fa !important; } .you { background: transparent !important; } /* there is a 1% chance that it would be needed */ overflow-x: hidden; }
 * 1) WikiChatList {

.day .Chat, .day .WikiaPage, .day .ChatHeader, .day .Write .message { background: rgba(225, 225, 225, 0.5) !important; box-shadow: none !important; } .day .Write .message { border: 1px solid #ccc; } .day .away .username { color: #7A7C7F; } .day .away .username { font-style: italic; font-weight: 700; } .day .username { color: #000000; } .day .message, .day h1, .day div, .day .message textarea, .day .UserStatsMenu .info li { color:black !important; } body.day { background-color: solid white !important; background-position: inherit !important; } .day a.wikia-button { color: #000 !important; } .day .UserStatsMenu, .day .UserStatsMenu .info, .day .modalWrapper{ background: rgba(225, 225, 225, 0.8) !important; } .day a.wikia-button, .day .wikia-single-button a, .day .wikia-menu-button, .day input[type="submit"], .day input[type="reset"], .day input[type="button"], .day .button, .day button { background-color: #78dae0; background-image: -moz-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#a1e5ea),color-stop(65%,#78dae0)); background-image: -o-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -ms-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); border: 1px solid #78dae0; color: #000; } .day a.wikia-button:hover, .day .wikia-single-button a:hover, .day .wikia-menu-button:hover, .day input[type="submit"]:hover, .day input[type="reset"]:hover, .day input[type="button"]:hover, .day .button:hover, .day button:hover { background-color: #67d5dc; background-image: -moz-linear-gradient(top,#91e1e6 35%,#67d5dc 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#91e1e6),color-stop(65%,#67d5dc)); background-image: -o-linear-gradient(top,#91e1e6 35%,#67d5dc 65%); background-image: -ms-linear-gradient(top,#91e1e6 35%,#67d5dc 65%); } .day a.wikia-button.active, .day a.wikia-button:active, .day .wikia-single-button a.active, .day .wikia-single-button a:active, .day .wikia-menu-button.active, .day .wikia-menu-button:active, .day input[type="submit"].active, .day input[type="submit"]:active, .day input[type="reset"].active, .day input[type="reset"]:active, .day input[type="button"].active, .day input[type="button"]:active, .day .button.active, .day .button:active, .day button.active, .day button:active { background-image: -moz-linear-gradient(top,#67d5dc 35%,#91e1e6 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#67d5dc),color-stop(65%,#91e1e6)); background-image: -o-linear-gradient(top,#67d5dc 35%,#91e1e6 65%); background-image: -ms-linear-gradient(top,#67d5dc 35%,#91e1e6 65%); color: #000; } .day a.wikia-button[disabled]:active, .day .wikia-single-button a[disabled]:active, .day .wikia-menu-button[disabled]:active, .day input[type="submit"][disabled]:active .day ,input[type="reset"][disabled]:active, .day input[type="button"][disabled]:active, .day .button[disabled]:active, .day button[disabled]:active { background-color: #78dae0; background-image: -moz-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#a1e5ea),color-stop(65%,#78dae0)); background-image: -o-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -ms-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); } .day a.wikia-button.secondary, .day .wikia-single-button a.secondary, .day .wikia-menu-button.secondary, .day input[type="submit"].secondary, .day input[type="reset"].secondary, .day input[type="button"].secondary, .day .button.secondary, .day button.secondary { background-color: #e5e5e5; background-image: -moz-linear-gradient(top,white 35%,#e5e5e5 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,white),color-stop(65%,#e5e5e5)); background-image: -o-linear-gradient(top,white 35%,#e5e5e5 65%); background-image: -ms-linear-gradient(top,white 35%,#e5e5e5 65%); border: 1px solid #ccc; color: #3a3a3a; } .day a.wikia-button.secondary:hover, .day .wikia-single-button a.secondary:hover, .day .wikia-menu-button.secondary:hover, .day input[type="submit"].secondary:hover, .day input[type="reset"].secondary:hover, .day input[type="button"].secondary:hover, .day .button.secondary:hover, .day button.secondary:hover { background-color: #dbdbdb; background-image: -moz-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,whitesmoke),color-stop(65%,#dbdbdb)); background-image: -o-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); background-image: -ms-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); } .day .day a.wikia-button.secondary.active, .day a.wikia-button.secondary:active, .day .wikia-single-button a.secondary.active, .day .wikia-single-button a.secondary:active, .day .wikia-menu-button.secondary.active, .day .wikia-menu-button.secondary:active, .day input[type="submit"].secondary.active, .day input[type="submit"].secondary:active, .day input[type="reset"].secondary.active, .day input[type="reset"].secondary:active, .day input[type="button"].secondary.active, .day input[type="button"].secondary:active, .day .button.secondary.active, .day .button.secondary:active, .day button.secondary.active, .day button.secondary:active { background-color: #e5e5e5; background-image: -moz-linear-gradient(top,#dbdbdb 35%,whitesmoke 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#dbdbdb),color-stop(65%,whitesmoke)); background-image: -o-linear-gradient(top,#dbdbdb 35%,whitesmoke 65%); background-image: -ms-linear-gradient(top,#dbdbdb 35%,whitesmoke 65%); } .day a.wikia-button.secondary img.chevron, .day .wikia-single-button a.secondary img.chevron, .day .wikia-menu-button.secondary img.chevron, .day input[type="submit"].secondary img.chevron, .day input[type="reset"].secondary img.chevron, .day input[type="button"].secondary img.chevron, .day .button.secondary img.chevron, .day button.secondary img.chevron { border-color: #3a3a3a transparent transparent; } .day .wikia-menu-button:hover { background-color: #78dae0; background-image: -moz-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#a1e5ea),color-stop(65%,#78dae0)); background-image: -o-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -ms-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); } .day .wikia-menu-button > a:hover, .day .wikia-menu-button .drop:hover, .day .wikia-menu-button > li > a:hover { background-color: #67d5dc; background-image: -moz-linear-gradient(top,#91e1e6 35%,#67d5dc 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#91e1e6),color-stop(65%,#67d5dc)); background-image: -o-linear-gradient(top,#91e1e6 35%,#67d5dc 65%); background-image: -ms-linear-gradient(top,#91e1e6 35%,#67d5dc 65%); } .day .wikia-menu-button > a:active, .day .wikia-menu-button .drop:active, .day .wikia-menu-button > li > a:active { background-image: -moz-linear-gradient(top,#67d5dc 35%,#91e1e6 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#67d5dc),color-stop(65%,#91e1e6)); background-image: -o-linear-gradient(top,#67d5dc 35%,#91e1e6 65%); background-image: -ms-linear-gradient(top,#67d5dc 35%,#91e1e6 65%); color: #000; } .day .wikia-menu-button > a, .day .wikia-menu-button > li > a { border-right: 1px solid #488286; color: #000; } .day .wikia-menu-button ul { background: #fff; border: 1px solid #78dae0; box-shadow: 1px 2px 12px 0 #333; } .day .wikia-menu-button ul a { color: #3a3a3a; } .day .wikia-menu-button ul a:hover { background-color: #e4f7f8; } .day .wikia-menu-button ul li { border-top: 1px solid #ccc; } .day .wikia-menu-button .chevron { border-top-color: #000; } .day .wikia-menu-button.secondary { border: 1px solid #ccc; } .day .wikia-menu-button.secondary:hover { background-color: #e5e5e5; background-image: -moz-linear-gradient(top,white 35%,#e5e5e5 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,white),color-stop(65%,#e5e5e5)); background-image: -o-linear-gradient(top,white 35%,#e5e5e5 65%); background-image: -ms-linear-gradient(top,white 35%,#e5e5e5 65%); } .day .wikia-menu-button.secondary.combined:hover { background-color: #dbdbdb; background-image: -moz-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,whitesmoke),color-stop(65%,#dbdbdb)); background-image: -o-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); background-image: -ms-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); } .day .wikia-menu-button.secondary > a, .day .wikia-menu-button.secondary .drop, .day .wikia-menu-button.secondary > li > a { color: #3a3a3a; } .day .wikia-menu-button.secondary > a:hover, .day .wikia-menu-button.secondary .drop:hover, .day .wikia-menu-button.secondary > li > a:hover { background-color: #dbdbdb; background-image: -moz-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,whitesmoke),color-stop(65%,#dbdbdb)); background-image: -o-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); background-image: -ms-linear-gradient(top,whitesmoke 35%,#dbdbdb 65%); } .day .wikia-menu-button.secondary > a:active, .day .wikia-menu-button.secondary .drop:active, .day .wikia-menu-button.secondary > li > a:active { background-color: #e5e5e5; background-image: -moz-linear-gradient(top,#dbdbdb 35%,whitesmoke 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#dbdbdb),color-stop(65%,whitesmoke)); background-image: -o-linear-gradient(top,#dbdbdb 35%,whitesmoke 65%); background-image: -ms-linear-gradient(top,#dbdbdb 35%,whitesmoke 65%); } .day .wikia-menu-button.secondary > a { border-right: 1px solid #ccc; } .day .wikia-menu-button.secondary ul { background: #fff; border: 2px solid #ccc; } .day .wikia-menu-button.secondary ul a { color: #3a3a3a; } .day .wikia-menu-button.secondary ul a:hover { background-color: #e4f7f8 !important; } .day .wikia-menu-button.secondary ul li { border-top: 1px solid #ccc; } .day a.wikia-button-facebook, .day a.wikia-button.wikia-button-facebook { border-color: #afbdd6; color: #fff; } .day a.wikia-button-facebook, .day a.wikia-button-facebook:active, .day a.wikia-button-facebook:hover, .day a.wikia-button.wikia-button-facebook, .day a.wikia-button.wikia-button-facebook:active, .day 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%); } .day a.wikia-button-facebook > img, .day a.wikia-button.wikia-button-facebook > img { border-right: solid 1px #6381b4; } .day .modalWrapper { box-shadow: 0 10px 60px 0 #7f7f7f; background: #fff; border-color: #3cb2d6; border-color: rgba(60,178,214,0.8); color: #3a3a3a; } .day .modalWrapper > h1, .day .modalWrapper .main-header { color: #006cb0; } .day .modalWrapper .close { margin: 20px 20px 0 0; } .day .blackout { background: #fff; } .day .mask { background: #fff; } .day .WikiaForm .input-group [type='text'], .day .WikiaForm .input-group [type='url'], .day .WikiaForm .input-group [type='password'], .day .WikiaForm .input-group [type='email'], .day .WikiaForm .input-group textarea { box-shadow: inset 1px 1px 1px 0 #e5e5e5; background-color: #f7f7f7; border: 1px solid #ccc; color: #3a3a3a; } .day .WikiaForm .input-group [type='text']:focus, .day .WikiaForm .input-group [type='url']:focus, .day .WikiaForm .input-group [type='password']:focus, .day .WikiaForm .input-group [type='email']:focus, .day .WikiaForm .input-group textarea:focus { background-color: #efefef; } .day .WikiaForm .input-group [type='text']::-webkit-input-placeholder, .day .WikiaForm .input-group [type='text']:-moz-placeholder, .day .WikiaForm .input-group [type='text'].placeholder, .day .WikiaForm .input-group [type='url']::-webkit-input-placeholder, .day .WikiaForm .input-group [type='url']:-moz-placeholder, .day .WikiaForm .input-group [type='url'].placeholder, .day .WikiaForm .input-group [type='password']::-webkit-input-placeholder, .day .WikiaForm .input-group [type='password']:-moz-placeholder, .day .WikiaForm .input-group [type='password'].placeholder, .day .WikiaForm .input-group [type='email']::-webkit-input-placeholder, .day .WikiaForm .input-group [type='email']:-moz-placeholder, .day .WikiaForm .input-group [type='email'].placeholder, .day .WikiaForm .input-group textarea::-webkit-input-placeholder, .day .WikiaForm .input-group textarea:-moz-placeholder, .day .WikiaForm .input-group textarea.placeholder { color: #9c9c9c; } .day .WikiaForm .input-group [type='text'].error, .day .WikiaForm .input-group [type='url'].error, .day .WikiaForm .input-group [type='password'].error, .day .WikiaForm .input-group [type='email'].error, .day .WikiaForm .input-group textarea.error { border: 2px solid #F33; } .day .WikiaForm .input-group.error, .day .WikiaForm .input-group.success { background-color: #f2f2f2; } .day .WikiaForm .input-group.error .error-msg, .day .WikiaForm .input-group.success .error-msg { color: #f43535; } .day .WikiaForm .input-group.error .success-msg, .day .WikiaForm .input-group.success .success-msg { color: #3d8d42; } .day .WikiaForm .input-group.error label { color: #f43535; } .day .WikiaForm [type='submit'].link { color: #006cb0; } .day .UserStatsMenu { background: #fff; } .day .UserStatsMenu .info { background: #cce1ef; } .day .UserStatsMenu .info img { border: 1px solid #ccc; } .day .UserStatsMenu .actions ul li { color: #006cb0; } .day .UserStatsMenu .actions ul li a { color: #006cb0; } .day .UserStatsMenu .actions ul li:hover { background-color: #cce1ef; } .day .UserStatsMenu .actions .separator { border-top: #ccc 1px solid; } .day .ChatWindow .UserStatsMenu { box-shadow: 0 0 12px 0 #3cb2d6; border: 3px solid #3cb2d6; } .day body.limit-near .remaining { color: #883737; } .day body.limit-reached .remaining { color: #F33; } .day body.on-prod { background-color: #ff0; } .day a { color: #01568C !important; } .day .wordmark { color: #006cb0; } .day .ChatHeader { background-color: #fff; border: 1px solid #ccc; } .day .ChatHeader .User { border-left: 1px solid #ccc; } .day .User.away { color: #9c9c9c; } .day .User img { border: 1px solid #ccc; } .day #WikiaPage { background-color: #fff; border: 1px solid #ccc; color: #3a3a3a; } .day .Chat { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .day .Chat .avatar { border: 1px solid #ccc; } .day .Chat .time { color: #9c9c9c; } .day .Chat .me-message { color: #454545; } .day .Chat .inline-alert { color: #454545; } .day .Write img { border: 1px solid #ccc; } .day .Write [name="message"] { color: #3a3a3a; } .day .Rail .User:hover { background: #cce1ef; } .day .Rail .public .chevron { border-color: #000 transparent transparent; } .day .Rail .public .chevron.closed { border-color: transparent transparent transparent #000; } .day .Rail .private { background-color: #d7d7d7; 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-top: 1px solid #bababa; border-bottom: 1px solid #bababa; } .day .Rail .selected { box-shadow: inset 0 0 7px 0 #2d688f; background: #cce1ef; } .day .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%); border: 1px solid #fff; border-radius: 10px; color: #fff; }

body.night { background-color: solid black !important; } .night .UserStatsMenu, .night .UserStatsMenu .info, .night .modalWrapper { background: rgba(15,10,10,0.8) !important; } .night .Chat, .night .WikiaPage, .night .ChatHeader, .night .Write .message { background: rgba(15,10,10,0.5) !important; } /* Makes Userbox stat text white */ .UserStatsMenu .info ul .username, .UserStatsMenu .info ul { color:white }