User:Mfaizsyahmi/chat2.css

/* Moved to this page for easier maintenance*/ /* 21 Feb 13 - Added a new selector to apply: a mock module positioned in the same place as the docked chat. This module will serve the same purpose as the menu item */

/* ====== TITLE ====== */ /* General rules for the module title, which goes vertically */ .module.ChatangoModule:before, .module.ChatMockModule:before { font-size:17px; font-weight:bold; position:absolute; -ms-transform:    rotate(90deg) translate(75px,103px); -moz-transform:   rotate(90deg) translate(75px,103px); -webkit-transform: rotate(90deg) translate(75px,103px); -o-transform:     rotate(90deg) translate(75px,103px); } /* Specific rules for title, detailing which title to use */ .module.ChatangoModule:before { content:"Unterganger's Chat " url(data:image/gif;base64,R0lGODlhCgAKAKECAACdAACeAP///////yH5BAEKAAIALAAAAAAKAAoAAAIVlAVwF+3sookSUJduUzpMDUkLohwFADs=) !important; } .module.ChatMockModule:before { content:"Unterganger's Chat " url(data:image/gif;base64,R0lGODlhCgAKAIABALAAAP///yH5BAEKAAEALAAAAAAKAAoAAAIQjIFgm8ntoJy0wkBfW8eZAgA7) !important; }

/* General rules for the DOCKED module */ .module.ChatangoModule, .module.ChatMockModule { padding-left:40px !important; position:fixed !important; right:-297px; top:40px; z-index:1001; background-color: rgba(50,50,50,1) !important; height:170px; width:280px; /* previously only set on the chat object */ overflow:hidden; box-shadow:0px 0px 10px black !important; }

/* Rules for HOVERED and PINNED modules */ .module.ChatangoModule:hover, .module.ChatangoModule.pinned { margin-left:-30px; right:0px; height:auto; box-shadow:0px 0px 10px white !important; }

/* miscellaneous stylings */ border:1px solid rgb(107, 106, 106) !important; max-height:4em; max-width:275px; overflow:auto; } .chatangoQuickLinks li { display:inline-block; border-right:1px solid rgb(213, 212, 212) !important; padding:2px !important } .ChatangoModule .chatStdLinks > span:last-child { position:absolute; right:0px; top:0px; }
 * 1) chatangoQuickLinks, .chatangoQuickLinks {
 * 1) chatangoQuickLinks:empty, .chatangoQuickLinks:empty {display:none}
 * 2) chatangoQuickLinks li,