User:Flash of Memory/chat.css

/* 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; } .User img { border: 1px solid #00B2EE; border-radius: 3px; height: 25px; width: 25px; } /* Colored Text for Inline Alerts (Welcome Message etc.) */ .modicon { display:none; } /* Day/Night Theme Switch */ /** Day Theme **/ .day .Chat .inline-alert { color: #fff; } .day .Write .message { border: 1px solid #ccc; } .day .away .username { color: #7A7C7F; } .day .inline-alert a, .day .away .username{ text-shadow: 0 0 20px #333333 !important; } .day .username { text-shadow: 0 0 1px #000; } .day .username { color: #F5F5F5; } .day .message, .day h1, .day div, .day .message textarea { color: rgb(255, 255, 255) !important; background-color: rgba(245, 222, 179, 0.06); } body.day { background-image: url(http://66.media.tumblr.com/530fc0d47b5cd2607b0c37d7cbe88197/tumblr_mro3auqWX91rz7r1io4_1280.jpg) !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; } .dusk a.wikia-button, .dusk .wikia-single-button a, .dusk .wikia-menu-button, .dusk input[type="reset"], .dusk input[type="button"], .dusk .button, .dusk button { background-color: #782d2d; background-image: -moz-linear-gradient(top,rgba(155, 73, 73, 0.81) 35%,rgba(89, 1, 1, 0.77) 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 #590101; border-radius: 4px; color: #fff; 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; }

.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; }   background-color: rgba(255, 255, 255, 0); border: 1px solid #ccc; color: #fff; } .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: #9c9c9c; } .day .Chat .you { background: rgba(245, 245, 245, 0.19); } .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 **/
 * 1) WikiaPage {

body.night { background-image:url(http://vignette3.wikia.nocookie.net/botcentral/images/5/50/Imgpsh_fullsize.png/revision/latest?cb=20160712203314); }

.night .Chat .you { background: rgba(255, 255, 255, 0); }

.night #WikiaPage { /* background-color: #dfdbc3; */ /* border: 1px solid #b2af9c; */ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; bottom: 10px; color: #ffffff; left: 10px; margin: 0; position: absolute; right: 10px; top: 55px; }

.night .ChatHeader { background-color: rgba(29, 19, 88, 0.34); border: 1px solid #b2af9c; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 40px; margin: 10px; position: relative; border-radius: 20pc; }

.night .Write .message { background-color: rgba(24, 24, 25, 0.85); border: 1px solid #000000; box-sizing: border-box; height: 3.3em; padding: 2px; position: relative; border-radius: 0 20pc 20pc 20pc; }

.night .Rail .selected { box-shadow: inset 0 0 7px 0 #374224; background: rgba(13, 29, 58, 0.78); }

.night a.wikia-button, .night .wikia-single-button a, .night .wikia-menu-button, .night input[type="reset"], .night input[type="button"], .night .button, button { background-color: #1304f5; background-image: -moz-linear-gradient(top,#f9804e 35%,#f75d1d 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,rgba(89, 78, 249, 0.57)),color-stop(65%,rgba(12, 11, 56, 0.54))); background-image: -o-linear-gradient(top,#f9804e 35%,#f75d1d 65%); background-image: -ms-linear-gradient(top,#f9804e 35%,#f75d1d 65%); border: 1px solid #1303ff; border-radius: 4px; color: #fff; 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; }

.night .ChatHeader .User .username { font-weight: bolder; color: white; font-family: cursive; }

.night .Write [name="message"] { background-color: transparent; border: 0; color: #fff; height: 100%; line-height: 1.4em; margin: 0; outline: none; padding: 0; resize: none; width: 100%; } /** Dusk Theme **/ body.dusk { background-image:url(http://66.media.tumblr.com/fd53be2393a52f5b94d82001a02f0238/tumblr_mro3auqWX91rz7r1io6_1280.jpg); } .dusk .UserStatsMenu, .dusk .UserStatsMenu .info, .dusk .modalWrapper { background: rgba(15,10,10,0.8) !important; } .dusk #WikiaPage { color: #fff; }

.dusk li.you, .dusk .Chat, .dusk .WikiaPage, .dusk .ChatHeader, .dusk .Write .message { background: rgba(15, 10, 10, 0) !important; }

.dusk .Write [name="message"] { background-color: transparent; border: 0; color: #FFF; height: 100%; line-height: 1.4em; margin: 0; outline: none; padding: 0; resize: none; width: 100%; }

/*Normal Theme Section*/ .normal #WikiaPage { background-color: #dfdbc3; border: 1px solid #b2af9c; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; bottom: 10px; color: #000; left: 10px; margin: 0; position: absolute; right: 10px; top: 55px; }

.normal .Write [name="message"] { background-color: transparent; border: 0; color: #000; height: 100%; line-height: 1.4em; margin: 0; outline: none; padding: 0; resize: none; width: 100%; }

.normal .Chat .inline-alert { color: #4e4e4e; }

.night a { color: #228100; }

/* 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 } /* KockaEmoticons modal colors */ .day .EmoticonsWindowIcon:hover { background: #00ffff !important; } .day .EmoticonsWindowIcon { background: #00f1f1 !important; border-color: transparent !important; margin: 1px; padding: 9px; } .night .kockaEmoticonsIcon:hover { background: #19548d !important; } .night .kockaEmoticonsIcon { background: #004281 !important; margin: 1px; padding: 9px; }