User:Squazzil/chat.css

.dzactive { color: #333 !important; background: rgba(245, 98, 138, 0.4) !important; }   color: lightslategray; cursor: pointer; background: rgba(244, 98, 245, 0.4); padding: 1px 25px; border: 1px solid hotpink; font-size: 18px; border-radius: 20px 2px 20px 2px; } body { background: url(http://images.wikia.com/wlb/images/8/8d/Hearts_BG.jpg); } body.ChatWindow .WikiaPage#WikiaPage { background: url(http://vignette3.wikia.nocookie.net/kallenbearrp/images/6/62/Large_baby-squirrel.png/revision/latest?cb=20160822013605) no-repeat bottom -2px right 3px rgba(251, 178, 207, 0.6); background-size: 100px; } body.ChatWindow .you .avatar { border: 1px solid hotpink; border-radius: 2px 6px; box-shadow: 0 0 6px hotpink; } body.ChatWindow .avatar { border: 1px solid #BB4E83; border-radius: 6px 2px; box-shadow: 0 0 6px #BB4E83; } .ChatWindow a { color: #ff007f; } a.wikia-button { color: #505; } .ChatWindow .you { background: transparent; border-right: 6px ridge hotpink; border-style: double; } .ChatWindow #Chat_211 { border: solid hotpink; border-width: 0 1px 1px 0; } .ChatWindow #ChatHeader, .ChatWindow #WikiaPage { border: 1px solid hotpink; } .ChatHeader .User { border-left:1px solid hotpink; } .ChatHeader .User img { border: 1px solid hotpink; border-radius: 2px 6px; box-shadow: 0 0 4px hotpink; } .ChatHeader .User .username { font-weight: bold; color: hotpink; background: transparent; } .ChatWindow #ChatHeader .username { color: hotpink; } .Chat { color: #333; border-right:1px solid hotpink; border-bottom:1px solid hotpink; } .Chat .inline-alert { color: #767676; font-size: 9px; height: auto; line-height: normal; font-weight: normal; } .Chat .time { color: #BB4E83; } .Chat .username { color: #BB4E83; font-weight: bold; text-shadow:0px 0px 2px hotpink; } .ChatWindow .ChatHeader { background-color: rgba(251, 178, 207, 0.6); border:1px solid #3d454d; color: hotpink; } .Chat .avatar { border:1px solid #3d454d; } .ChatWindow .me-message { color: lightslategray; } .ChatWindow .UserStatsMenu { background-color: rgba(244, 98, 245, 0.4); box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000; border:1px solid hotpink; border-radius:3px; } .ChatWindow .UserStatsMenu .info { background:transparent; color: #333; } .ChatWindow .UserStatsMenu .actions ul li:hover { background: rgba(245, 98, 138, 0.4); } .message.ping { color: red !important; }   background: rgba(245, 98, 138, 0.4); border: solid 1px hotpink; }   color: darkslategray; }   color: hotpink; } textarea#pings { margin-top: -1px; background: rgba(244, 98, 245, 0.4); border: 1px solid hotpink; color: #333; } .User img { border:1px solid hotpink; } .User .username { color: #BB4E83; font-weight: bold; text-shadow:0px 0px 2px hotpink; } .UserStatsMenu .info img { border: 1px solid hotpink; } .UserStatsMenu .info ul .username { color: #BB4E83; } .UserStatsMenu .actions ul li .icon { background-position:0; background-image:url('http://slot1.images.wikia.nocookie.net/__cb1452521916/common/extensions/wikia/Chat2/images/sprite-Chat.png'); opacity:100; } .UserStatsMenu .actions ul li:hover .icon { opacity:100; } .UserStatsMenu .actions .separator { border-top: white 1px solid; margin: 20px !important; } .User.away { color: #767676; } .wordmark { color: orange; } .Write [name="message"] { color: #d5d4d4; } .Write img { border:1px solid #3d454d; } .Write .message { border: 1px solid rgba(61, 69, 77, 0.97); } .Write img, .ChatHeader img { border: transparent; border-radius: 2px 6px; } .Write img, .ChatHeader .User img { border: 1px solid hotpink; border-radius: 2px 6px; box-shadow: 0 0 4px hotpink; } .Rail { color: hotpink; } .Rail .public { border: solid #fbcce7; border-width: 2px 0; background: rgba(244, 98, 245, 0.4); box-shadow: none; } .Rail .public:hover { border: solid #fbcce7; border-width: 2px 0; background: rgba(245, 98, 138, 0.4); } .Rail .selected { border: solid rgba(210,210,230,1); border-width: 2px 0; background: rgba(210,210,230,.4); box-shadow: none; } .Rail .selected:hover { border: solid rgba(210,210,230,1); border-width: 2px 0; background: rgba(210,210,230,.7); box-shadow: none; } .Rail .public .chevron { border-color: hotpink transparent transparent transparent; } .Rail .public .chevron.closed { border-color:transparent transparent transparent orange; } .Rail .User { border: solid #fbcce7; border-width: 2px 0; margin-bottom: 3px; background: rgba(244, 98, 245, 0.4); } .Rail .User:hover { border: solid #fbcce7; border-width: 2px 0; background: rgba(245, 98, 138, 0.4); } .Rail .User.selected { border: solid rgba(210,210,230,1); border-width: 2px 0; background: rgba(210,210,230,.4); box-shadow: none; } .Rail .User.selected:hover { border: solid rgba(210,210,230,1); border-width: 2px 0; background: rgba(210,210,230, .7); } .Rail .User img { border: 1px solid #BB4E83; border-radius: 6px 2px; box-shadow: 0 0 6px #BB4E83; width: 28px; height: 28px; left: 10px; top: 2px; } .Rail .selected { border: solid rgba(210,210,230,1); border-width: 2px 0; background: rgba(210,210,230,.4); box-shadow: none; } .Rail .private { border-top: 1px solid hotpink; border-bottom: 1px solid hotpink; background-color:transparent; background-image:-webkit-gradient(linear,0% 0%,0% 0%,color-stop(0,transparent),color-stop(0,transparent)); } .UserStatsMenu .info img { border: 1px solid #BB4E83; border-radius: 6px 2px; } .WikiaPage#WikiaPage .you { background: url(http://images.wikia.com/wlb/images/f/f2/Pink_heart.png) no-repeat left -2px top 5px; background-size: 65px; } .WikiaPage#WikiaPage .you.continued { background: none; } .UserStatsMenu .actions ul li .label { color: #ff007f; cursor: pointer; margin: 0; padding: 5px 10px; line-height: 16px; white-space: nowrap; } .you { color: #333; font-weight: normal; } /* transparent chat buttons (chat hacks buttons) */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: rgba(0, 0, 0, 0.03); background-image: -moz-linear-gradient(top,#1a1a1a 35%,#000 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,rgba(26, 26, 26, 0.05)),color-stop(65%,rgba(0, 0, 0, 0.04))); background-image: -o-linear-gradient(top,#1a1a1a 35%,#000 65%); background-image: -ms-linear-gradient(top,#1a1a1a 35%,#000 65%); border: 1px solid rgba(0, 0, 0, 0.05); border-top-color: rgba(0, 0, 0, 0.0470588); border-top-style: solid; border-top-width: 1px; color: rgba(225, 65, 65, 0.89); } /* SCROLLBAR */
 * 1) dzchat, #dzirc {
 * 1) Write .message {
 * 1) Write .message textarea {
 * 1) Rail h1.private {
 * -webkit-scrollbar {

width: 8px; height: 8px; }
 * -webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {

background-color: hotpink; border-radius: 1px; border:1px solid pink; }
 * -webkit-scrollbar-thumb:hover {

background: red !important; }
 * -webkit-scrollbar-thumb:active {

background: orange !important; }
 * -webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal {

background-color: transparent; }
 * -webkit-scrollbar-corner {

background-color: dimgray; }
 * -webkit-scrollbar-button:start:decrement,
 * -webkit-scrollbar-button:end:increment {

display: none; } /* END OF CODES */