MediaWiki:Chat.css

/*	Codes on this page will affect Special:Chat. For scripts, use MediaWiki:Chat.js

/* chat- break long words */

div.Chat ul li { word-wrap: break-word; }

/* chat- chatmoderators names */

color: navy; font-weight: normal; font-style: italic; }
 * 1) Rail .User.chat-mod:not(.staff) .username {

/* chat- staff names */

color: pink; font-style: italic; }
 * 1) Rail .User.staff .username {

/* chat- bots names */

color: #666666 !important; }
 * 1) Rail li[data-user="Cap bot"] .username,
 * 2) Rail li[data-user="CPChatBot"] .username,
 * 3) Rail li[data-user="EpicnessBot"] .username,
 * 4) Rail li[data-user="Mariocart25Bot"] .username,
 * 5) Rail li[data-user="SpydarBot"] .username,
 * 6) Rail li[data-user="Syster"] .username,
 * 7) Rail li[data-user="T&JKBot"] .username,
 * 8) Rail li[data-user="T%26JKBot"] .username,
 * 9) Rail li[data-user="T&amplJKBot"] .username,
 * 10) Rail li[data-user="TechLogger"] .username,
 * 11) Rail li[data-user="VicBot"] .username {

/* chat- administrators names */

color: #1d981d !important; font-weight: normal; font-style: italic; }
 * 1) Rail li[data-user="Apj26"] .username,
 * 2) Rail li[data-user="Dps04"] .username,
 * 3) Rail li[data-user="Hey.youcp"] .username,
 * 4) Rail li[data-user="Mixer2301"] .username,
 * 5) Rail li[data-user="Ocean6100"] .username,
 * 6) Rail li[data-user="Penguin-Pal"] .username,
 * 7) Rail li[data-user="Roger6881"] .username,
 * 8) Rail li[data-user="Wolf-gangs"] .username,
 * 9) Rail li[data-user="Shurow"] .username {

/* chat- self name in color (chatmoderator) */

body.chat-mod .ChatHeader .username { color: navy !important; }

/* chat- self name in color (administrator) */

body.can-give-chat-mod .ChatHeader .username { color: #1d981d !important; }

/* chat- italicized text for Private Message header) */

body.ChatWindow h1.private { font-style: italic; }

/* chat rail- giving transition of the background when hovering */

.WikiaRail section img.avatar, section.ChatModule img.avatar { -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -ms-transition: 200ms linear; -o-transition: 200ms linear; transition: 200ms linear; } .WikiaRail section img.avatar:hover, section.ChatModule img.avatar:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -ms-transition: 200ms linear; -o-transition: 200ms linear; transition: 200ms linear; } .WikiaRail section .chatter, section.ChatModule .chatter { background: #fff; }

/* chat users badges */ /* chatmoderator badge */ body.ChatWindow .User.chat-mod:not(.staff) .username:after { content: url("http://images4.wikia.nocookie.net/clubpenguin/images/b/bb/Moderator_badge_15px.png"); }

/* admins badges (default) */

body.ChatWindow .Rail #user-Apj26 .username:after, .Rail #priv-user-Apj26 .username:after, body.ChatWindow .Rail #user-Dps04 .username:after, .Rail #priv-user-Dps04 .username:after, body.ChatWindow .Rail [data-user="Hey.youcp"] .username:after, .Rail #PrivateChatList [data-user="Hey.youcp"] .username:after, body.ChatWindow .Rail #user-Mixer2301 .username:after, .Rail #priv-user-Mixer2301 .username:after, body.ChatWindow .Rail #user-Ocean6100 .username:after, .Rail #priv-user-Ocean6100 .username:after, body.ChatWindow .Rail #user-Penguin-Pal .username:after, .Rail #priv-user-Penguin-Pal .username:after, body.ChatWindow .Rail #user-Roger6881 .username:after, .Rail #priv-user-Roger6881 .username:after, body.ChatWindow .Rail #user-Shurow .username:after, .Rail #priv-user-Shurow .username:after, body.ChatWindow .Rail #user-Wolf-gangs .username:after, .Rail #priv-user-Wolf-gangs .username:after { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAeFJREFU KJGV0T9rU1EYx/Fvwr3kn4ohDSe12CCEgnZRChUdhEJwKUVdCnVx7eLgW3BzaErFl9BSJweHEpAU KxhqM4bcQBKNhWvulYb8ITES03OPQ4g17aXobz3P55zD7/EopRT/kfLLJ8hGmemnb/CMcK1WQymF 4zj4/X6i0ehZ+Pw+0xN58vsaATGBd3SgaRqdzg98Ph+RSATTNN3hJ43rF2vIS1dOXgbo9/vU63V0 XcdxFLGYcIVfAreYfXGAppSiWCwihMCyLILBIEopQqHQudDr9eL1eDwMBgOklABYlkUqlaLdbrP/ 6tlf0BqDwPDbzWaTXC6HEDGkPMYwDObtt+jWHr2G4lqowefAzTEIDAsLh8Mkk0na7RatVotoNMr3 ToefTfAPGuQvPzoDAVAuKZVKKpPJqNcPEyr7IKbWhVDGxoZypBybO3UVlMtlTNPEcRzurb/jqznF 0twcu2trvF9d5bjX+zM7tqoRlFKSTCaHBVar7C0vc1sIdkslgkKwtLnJhXj8BLvBUb5VKnxcWWFe CD4cHvJL13m8szMszDAMbNt2hQBTiQR3trY4sG1uLCwQmJyklM3iLRQKAHS7XVc4ytWZGe5ub1M9 OiIQjzO7uAiVSkWl02klTzX5L/kNhO5ZEGMYSTcAAAAASUVORK5CYII='); }

/* admins badges (hover) */

body.ChatWindow .Rail li.User#user-Apj26:hover .username:after, .Rail li.User#priv-user-Apj26:hover .username:after, body.ChatWindow .Rail li.User#user-Dps04:hover .username:after, .Rail li.User#priv-user-Dps04:hover .username:after, body.ChatWindow .Rail li.User[id="user-Hey.youcp"]:hover .username:after, .Rail li.User[id="priv-user-Hey.youcp"]:hover .username:after, body.ChatWindow .Rail li.User#user-Mixer2301:hover .username:after, .Rail li.User#priv-user-Mixer2301:hover .username:after, body.ChatWindow .Rail li.User#user-Ocean6100:hover .username:after, .Rail li.User#priv-user-Ocean6100:hover .username:after, body.ChatWindow .Rail li.User#user-Penguin-Pal:hover .username:after, .Rail li.User#priv-user-Penguin-Pal:hover .username:after, body.ChatWindow .Rail li.User#user-Roger6881:hover .username:after, .Rail li.User#priv-user-Roger6881:hover .username:after, body.ChatWindow .Rail li.User#user-Shurow:hover .username:after, .Rail li.User#priv-user-Shurow:hover .username:after, body.ChatWindow .Rail li.User#user-Wolf-gangs:hover .username:after, .Rail li.User#priv-user-Wolf-gangs:hover .username:after { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAfZJREFU KJGV0b1rE3EYwPHvXZM2MZo2NrWGJDZFCAQbB2tFa1FEcBC6COLi4iJ0FApOgn9B8G0oKgqKOAgO Dm4OgkQLKmpDCkJtz7a5JJfcmUt6SS4v5xBSjQmK3/3zex6en/Be0iz+o/qTOeylb5gXHiG0saEp 7HUPUG80yFfA6fZ0QWHhHAcCyyy9syHs9iBuv2gJVAyDYbeLY5F9bKnZ3nDRRmRXirLL92syQM00 CThq9PfbqZgNlKazJ0z0HUS88grRsiyMzBqGrqFnvmOaVUzTxLXD8XcoioiCIGAXmoRHXPgGHciy TCwWo6gXUJ9d+w3KHRBorV0q/ECTkoSCARqNOsvJJEfSL7DLrzFUi3GXylJftAMCrYPtHBzCP3GU lY0MiVUZy+EmU9Qpa+CoqcSds11wGwOIokgoOsXE1HG8viDlmXm+qG6ypRESj99SffoAq9nsjdtl 11exVTSk/Bbeq8/5KvmYnZzk88JtMtfnscpGb9yGa0qRQ9Mn8fiD+O88JJ5KczYaJR1/Q/LSeery Rif+E7bzBMcYvXWfeErmdDiMpRf4ePki9ZzSwlVFYqCmd8F2w2PjeG/cJb6ZIjB9AtueUeQPi4j5 9RWGnHZymt4TtvOG9uO9eQ8ppyD6g/hOnUF4Gf9kKZsSkcMzXV/xr34CwDj1v4+rBKAAAAAASUVO RK5CYII='); }

/* admins badges (client view) */ body.can-give-chat-mod .ChatHeader .username:after { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAeFJREFU KJGV0T9rU1EYx/Fvwr3kn4ohDSe12CCEgnZRChUdhEJwKUVdCnVx7eLgW3BzaErFl9BSJweHEpAU KxhqM4bcQBKNhWvulYb8ITES03OPQ4g17aXobz3P55zD7/EopRT/kfLLJ8hGmemnb/CMcK1WQymF 4zj4/X6i0ehZ+Pw+0xN58vsaATGBd3SgaRqdzg98Ph+RSATTNN3hJ43rF2vIS1dOXgbo9/vU63V0 XcdxFLGYcIVfAreYfXGAppSiWCwihMCyLILBIEopQqHQudDr9eL1eDwMBgOklABYlkUqlaLdbrP/ 6tlf0BqDwPDbzWaTXC6HEDGkPMYwDObtt+jWHr2G4lqowefAzTEIDAsLh8Mkk0na7RatVotoNMr3 ToefTfAPGuQvPzoDAVAuKZVKKpPJqNcPEyr7IKbWhVDGxoZypBybO3UVlMtlTNPEcRzurb/jqznF 0twcu2trvF9d5bjX+zM7tqoRlFKSTCaHBVar7C0vc1sIdkslgkKwtLnJhXj8BLvBUb5VKnxcWWFe CD4cHvJL13m8szMszDAMbNt2hQBTiQR3trY4sG1uLCwQmJyklM3iLRQKAHS7XVc4ytWZGe5ub1M9 OiIQjzO7uAiVSkWl02klTzX5L/kNhO5ZEGMYSTcAAAAASUVORK5CYII=') !important; }

/* admins badges (Private Message) - ensure the badge has blue BG and not white */

body.ChatWindow .PrivateChatList li.selected#priv-user-Apj26 .username:after, body.ChatWindow .PrivateChatList li.selected#priv-user-Dps04 .username:after, body.ChatWindow .PrivateChatList li.selected[id="priv-user-Hey.youcp"] .username:after, body.ChatWindow .PrivateChatList li.selected#priv-user-Mixer2301 .username:after, body.ChatWindow .PrivateChatList li.selected#priv-user-Ocean6100 .username:after, body.ChatWindow .PrivateChatList li.selected#priv-user-Penguin-Pal .username:after, body.ChatWindow .PrivateChatList li.selected#priv-user-Roger6881 .username:after, body.ChatWindow .PrivateChatList li.selected#priv-user-Shurow .username:after, body.ChatWindow .PrivateChatList li.selected#priv-user-Wolf-gangs .username:after { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAfZJREFU KJGV0b1rE3EYwPHvXZM2MZo2NrWGJDZFCAQbB2tFa1FEcBC6COLi4iJ0FApOgn9B8G0oKgqKOAgO Dm4OgkQLKmpDCkJtz7a5JJfcmUt6SS4v5xBSjQmK3/3zex6en/Be0iz+o/qTOeylb5gXHiG0saEp 7HUPUG80yFfA6fZ0QWHhHAcCyyy9syHs9iBuv2gJVAyDYbeLY5F9bKnZ3nDRRmRXirLL92syQM00 CThq9PfbqZgNlKazJ0z0HUS88grRsiyMzBqGrqFnvmOaVUzTxLXD8XcoioiCIGAXmoRHXPgGHciy TCwWo6gXUJ9d+w3KHRBorV0q/ECTkoSCARqNOsvJJEfSL7DLrzFUi3GXylJftAMCrYPtHBzCP3GU lY0MiVUZy+EmU9Qpa+CoqcSds11wGwOIokgoOsXE1HG8viDlmXm+qG6ypRESj99SffoAq9nsjdtl 11exVTSk/Bbeq8/5KvmYnZzk88JtMtfnscpGb9yGa0qRQ9Mn8fiD+O88JJ5KczYaJR1/Q/LSeery Rif+E7bzBMcYvXWfeErmdDiMpRf4ePki9ZzSwlVFYqCmd8F2w2PjeG/cJb6ZIjB9AtueUeQPi4j5 9RWGnHZymt4TtvOG9uO9eQ8ppyD6g/hOnUF4Gf9kKZsSkcMzXV/xr34CwDj1v4+rBKAAAAAASUVO RK5CYII=') !important; }

/* bots badges */

body.ChatWindow .Rail #user-Cap_bot .username:after, .Rail #priv-user-Cap_bot .username:after, body.ChatWindow .Rail #user-CPChatBot .username:after, .Rail #priv-user-CPChatBot .username:after, body.ChatWindow .Rail #user-EpicnessBot .username:after, .Rail #priv-user-EpicnessBot .username:after, body.ChatWindow .Rail #user-Mariocart25Bot .username:after, .Rail #priv-user-Mariocart25Bot .username:after, body.ChatWindow .Rail #user-SpydarBot .username:after, .Rail #priv-user-SpydarBot .username:after, body.ChatWindow .Rail #user-Syster .username:after, .Rail #priv-user-Syster .username:after, body.ChatWindow .Rail li.User[id="user-T&JKBot"]:hover .username:after, .Rail li.User[id="priv-user-T&JKBot"]:hover .username:after, body.ChatWindow .Rail li.User[id="user-T&amp;JKBot"]:hover .username:after, .Rail li.User[id="priv-user-T&amp;JKBot"]:hover .username:after, body.ChatWindow .Rail li.User[id="T%26JKBot"]:hover .username:after, .Rail li.User[id="priv-T%26JKBot"]:hover .username:after, body.ChatWindow .Rail #user-TechLogger .username:after, .Rail #priv-user-TechLogger .username:after, body.ChatWindow .Rail #user-The_Penguin_Herald .username:after, .Rail #priv-user-GuitarBot .username:after, body.ChatWindow .Rail #user-VicBot .username:after, .Rail #priv-user-VicBot .username:after { content: url('http://images1.wikia.nocookie.net/__cb20120607151932/clubpenguin/images/thumb/c/cb/InterfaceTools.svg/15px-InterfaceTools.svg.png') background: none; }