MediaWiki:Chat.css

.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; } .User img { border: 1px solid #00B2EE; border-radius: 3px; height: 25px; width: 25px; } .you { background: transparent !important; } .Chat .inline-alert { color: #ffffff; } .modicon { display:none; } /* Day/Night Theme Switch */ /** Day Theme **/ .day .Chat, .day .WikiaPage, .day .ChatHeader, .day .Write .message { background: rgba(225, 225, 225, 0.14) !important; box-shadow: none !important; }

.day .Write .message { border: 1px solid #ccc; }

.day .away .username { color: #56595f; } .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-image: url(https://vignette.wikia.nocookie.net/charlotte-anime/images/1/1d/Day_Theme.jpg/revision/latest?cb=20170315035922) !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.37) !important; border-radius: 10px; } .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: #c8ddd3; background-image: -moz-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#e9ebe1),color-stop(65%,#ccdbd8)); background-image: -o-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); background-image: -ms-linear-gradient(top,#a1e5ea 35%,#78dae0 65%); border: 1px solid #b8d8ce; 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: #d5dada; background-image: -moz-linear-gradient(top,#91e1e6 35%,#67d5dc 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#dbdccc),color-stop(65%,#baccd2)); 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%,#d3ddde),color-stop(65%,#ececec)); 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; } /** Night Theme **/ body.night { background-image:url(https://vignette.wikia.nocookie.net/charlotte-anime/images/5/51/Night_Theme.jpg/revision/latest?cb=20170315035851); } .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; } /* Removes the default chat moderator star icon */ .User.chat-mod .username:after, .User.staff .username:after { background-image: none; } .modicon { display:none } /* Staff Highlights */ /** Bureaucrats **/ li[data-user="Robyn Grayson"] .username, li[data-user="Yoponot"] .username{ color: #3ab0b7 !important; font-weight: bold; } li[data-user="Robyn Grayson"] .username:after, li[data-user="Yoponot"] .username:after{ content: url(https://vignette.wikia.nocookie.net/charlotte-anime/images/0/04/Modicon.png) !important; position: absolute; padding-left: 5px; } /* Bots */ li[data-user="Game Boterator"] .username { color:#99f9ff !important; font-weight: bold; } li[data-user="Game Boterator"] .username:after { content: url(https://vignette.wikia.nocookie.net/charlotte-anime/images/0/04/Modicon.png) !important; position: absolute; padding-left: 5px; } /* VSTF */ li[data-user="Callofduty4"] .username, li[data-user="Cyanide3"] .username, li[data-user="Ajraddatz"] .username, li[data-user="Yatalu"] .username, li[data-user="Jr Mime"] .username, li[data-user="Lady Lostris"] .username, li[data-user="TyA"] .username, li[data-user="White torch"] .username, li[data-user="RansomTime"] .username { color:#B2FFCD !important; font-weight: bold; } li[data-user="Callofduty4"] .username:after, li[data-user="Cyanide3"] .username:after, li[data-user="Ajraddatz"] .username:after, li[data-user="Yatalu"] .username:after, li[data-user="Jr Mime"] .username:after, li[data-user="Lady Lostris"] .username:after, li[data-user="TyA"] .username:after, li[data-user="White torch"] .username:after, li[data-user="RansomTime"] .username:after { content: url(https://vignette.wikia.nocookie.net/charlotte-anime/images/0/04/Modicon.png) !important; position: absolute; padding-left: 5px; }

.badge { display:none } /* Scroll for text walls */ .Chat li .message { overflow: auto; max-height: 110px; display: block; } /* KockaEmoticons modal colors */ .day .EmoticonsWindowIcon:hover { background: #00ffff !important; } .day .EmoticonsWindowIcon { background: #00f1f1 !important; } .night .EmoticonsWindowIcon:hover { background: #19548d !important; } .night .EmoticonsWindowIcon { background: #004281 !important; } .EmoticonsWindowIcon { margin: 1px; padding: 9px; border: none !important; } .EmoticonsWindowButton { margin-left: 0 !important; }

body.ChatWindow section#WikiaPage div.Chat ul li[data-user] { display: block !important; }