MediaWiki:Chat.css

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

/* break long words */

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

/* colored names */

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

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

/* bots names */ color: #666666 !important; font-style: italic; /* for non-mod bots */ }
 * 1) Rail li[data-user="CPChatBot"] .username,
 * 2) Rail li[data-user="Jeserator TEST"] .username,
 * 3) Rail li[data-user="Syster"] .username,
 * 4) Rail li[data-user="VicBot"] .username {

/* administrators names */ color: #1d981d !important; font-weight: normal; font-style: italic; }
 * 1) Rail li[data-user="Apj26"] .username,
 * 2) Rail li[data-user="Callum Fawsitt"] .username,
 * 3) Rail li[data-user="Dps04"] .username,
 * 4) Rail li[data-user="Hey.youcp"] .username,
 * 5) Rail li[data-user="Jeserator"] .username,
 * 6) Rail li[data-user="Shurow"] .username,
 * 7) Rail li[data-user="Vicyorus"] .username,
 * 8) Rail li[data-user="Watatsuki"] .username {

/* self name - chatmoderators */ body.chat-mod .ChatHeader .username { color: navy !important; }

/* self name - administrators */ body.can-give-chat-mod .ChatHeader .username { color: #1d981d !important; }

/* italicized text for Private Message header */

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

/* special badges */

/* chatmoderators */ body.ChatWindow .User.chat-mod:not(.staff) .username:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAAABmJLR0QAAABXAH2+BI7LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMfFhEaI1qJkwAAAnBJREFUOMuF1E1I03Ecx/H3/781s23IdMvHfFioFSlRPqRlhVuUaXXo0rFICoK6RBREl4KkSxBBl+xWRIcOUlkpgdCgUtS1pmm6TXGazYfm/jl1c/t1aRLm5u/+4vf5fR9+EomP7jSc3Qb1WsiIgO0mNIfBvo4juRquPoXoOIgfIDwg7sIboBBAToAXy6CkACQZGAB6gIjMEavMKQB1PLkHTjphxxgs54N6CdBYoLgESR3hsiVCWBXHStOQVAjpJ6AyCaTRA5B7DmotYM5BH5gnO97NIgzOPvg6A9ObwOTRQMQDk1NgzgH/HF51gjfvugC1WWCaAvontxINV2Hv6AtJC71tH7/QHA9WH4b2hyC6QbwHca+xUbhcLtHU1NQGpMcrWFoVXDkK1jIgEzAAv41GtFotiqL4gJm1WiVtB0sVNJQCGkAAflkmragIIQSBQKAfWF6NN+ihci+czweNHkgBJMBTUUF6TQ0Oh0Ox2WydMbAS2wDl5XD9INSU/I0bBF7n5jJXV8fUu2c4ulvH7XZ7X8ys9HkRvNlg2AylqZDiUCF17CxhxGoFMYJv8DEiOBKS1bzw/sS3umCiK5kxvdmQpNv3S1pIhWB0lvHh9sFJv1sVDkcVp4tHwxMM/RcbMC4UXDvm3z2VmdfwBOdoHs5vpUz4ul+ZlqLtPQPMzSp8+re6MaxBX1iPKnJ8aL5M3Hq5RRr4riG4IL+ls+U50LXWMMRwiGSjkaxD8z4lJHxKhoSr+QPTnXdguSveJKmBVIrPXMRYfglZ5cbTMsNGUyve1vtAb6KFV6PS72fOnYdKd5vPNyR0WWb8/Q8A93q/xR8H1+FOIeQlDQAAAABJRU5ErkJggg=='); background-position: 0 0; }	/* admins */ body.ChatWindow .User.chat-mod[data-user="Apj26"] .username:after, body.ChatWindow .User.chat-mod[data-user="Callum Fawsitt"] .username:after, body.ChatWindow .User.chat-mod[data-user="Dps04"] .username:after, body.ChatWindow .User.chat-mod[data-user="Hey.youcp"] .username:after, body.ChatWindow .User.chat-mod[data-user="Jeserator"] .username:after, body.ChatWindow .User.chat-mod[data-user="Shurow"] .username:after, body.ChatWindow .User.chat-mod[data-user="Vicyorus"] .username:after, body.ChatWindow .User.chat-mod[data-user="Watatsuki"] .username:after, /* admins - self name */ body.ChatWindow.chat-mod.can-give-chat-mod #ChatHeader > .User > .username:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAAABmJLR0QAAABXAH2+BI7LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AMfFhEaI1qJkwAAAnBJREFUOMuF1E1I03Ecx/H3/781s23IdMvHfFioFSlRPqRlhVuUaXXo0rFICoK6RBREl4KkSxBBl+xWRIcOUlkpgdCgUtS1pmm6TXGazYfm/jl1c/t1aRLm5u/+4vf5fR9+EomP7jSc3Qb1WsiIgO0mNIfBvo4juRquPoXoOIgfIDwg7sIboBBAToAXy6CkACQZGAB6gIjMEavMKQB1PLkHTjphxxgs54N6CdBYoLgESR3hsiVCWBXHStOQVAjpJ6AyCaTRA5B7DmotYM5BH5gnO97NIgzOPvg6A9ObwOTRQMQDk1NgzgH/HF51gjfvugC1WWCaAvontxINV2Hv6AtJC71tH7/QHA9WH4b2hyC6QbwHca+xUbhcLtHU1NQGpMcrWFoVXDkK1jIgEzAAv41GtFotiqL4gJm1WiVtB0sVNJQCGkAAflkmragIIQSBQKAfWF6NN+ihci+czweNHkgBJMBTUUF6TQ0Oh0Ox2WydMbAS2wDl5XD9INSU/I0bBF7n5jJXV8fUu2c4ulvH7XZ7X8ys9HkRvNlg2AylqZDiUCF17CxhxGoFMYJv8DEiOBKS1bzw/sS3umCiK5kxvdmQpNv3S1pIhWB0lvHh9sFJv1sVDkcVp4tHwxMM/RcbMC4UXDvm3z2VmdfwBOdoHs5vpUz4ul+ZlqLtPQPMzSp8+re6MaxBX1iPKnJ8aL5M3Hq5RRr4riG4IL+ls+U50LXWMMRwiGSjkaxD8z4lJHxKhoSr+QPTnXdguSveJKmBVIrPXMRYfglZ5cbTMsNGUyve1vtAb6KFV6PS72fOnYdKd5vPNyR0WWb8/Q8A93q/xR8H1+FOIeQlDQAAAABJRU5ErkJggg=='); background-position: 0 0; }	/* bots */ body.ChatWindow #Rail .User[data-user="CPChatBot"] .username:after, body.ChatWindow #Rail .User[data-user="Jeserator TEST"] .username:after, body.ChatWindow #Rail .User[data-user="Syster"] .username:after, body.ChatWindow #Rail .User[data-user="VicBot"] .username:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAADB0lEQVQokXXST0g0dQDG8Wdmdnd2Zsc3pRlrBeEVZUXbVBKWFhRUghAP7kUXZAXfsoOX10MWHuKtLr2WRBfr4CWJDh2KAltFXSRBCV8IDTfn4ErCLObuuLojOzt/duf369ILHt4+5+e5fTnc09HRwY+Pjz9OJBJfhsPhUDabfZZMJp8kk8mPW1paJELIn7que3iRiYmJHzVNI67r0lQq9WxmZubp7Ozs73d3d/Tk5MRLJBLfvvAIAP39/eHl5eWiaZr05uaGGoZBi8UiLZVKdH5+Xm9ubm6/v+cAYHp6+rdoNMr19vY+mZubizIMA47jAAAsy6JWq6Gnp0cwDOO1SCTyUjQafZrNZr9jJicn315YWPjZcRymra2NlySJYRgGjuOAEAJCCPx+P1zXxfX1NS2VSm65XPZWV1ff8gmC8H5DQ4PQ3t4OQggopbAsCzs7O8XT01Ots7Pz4dDQ0MvBYBCiKDI8z/MAqCiKn6Krqys8MDDw+fb2tqvrOr28vKTpdLoSj8ffAfBgeHj48ebmppXL5Wgul6Nra2tmLBb7RFGUDlZV1X9s2/6BZVnO8zw4joPz83OzUCj8BODOtu3vLy4uKrZtAwB4nudM0/xF1/UcNzU1tdTX1/ded3d3qyiKLMuyUBRFLBQKryuKYkQikc/Gxsb6QqEQqtUqTNP0APS2trY+ZFKp1BeLi4sfBAIBEEIgCAJM04Truri6uoIsy+A4DoIgoFwugxCCSqWClZWVZS4UCv3hed6jTCaj2bYNWZbFYDAIn8+HxsZG+P1+MAyD29tbHBwc6JlMJq9pWm19ff1dLp/PW4SQajqd/qherxssy/bLsizatg3LslCtVmFZFvb39683Nja+2t3dnbMsq3x2drbrA4C9vb1vACAQCPzd1NTkr9fr2NraunIcx/b5fMLIyMgrkiQFJEn6yzCM28PDw68BgL2fG6W08+jo6FLTNO/4+HhzaWkppqrqr5qm1VRVzddqtTf+t+3/PBgcHPwwFouNAMDo6Oib8Xh8AcCrz3N+7l8zD3QtGKbLJQAAAABJRU5ErkJggg=='); background-position: 0 0; }	/* confirmed accounts of cp employees and other official accounts */ body.ChatWindow .User[data-user="Polo Field"] .username:after, body.ChatWindow .User[data-user="Screenhog at Rocketsnail"] .username:after { background-image: url('data:image/gif;base64,R0lGODlhEAAQAMZ7AA8KAQARGmIPEFcWDgArQWkREh0qMQAzTiI3Q48bGTg4OABFaABDfZwfHDw8PD09PQBJhDlAQwBNdV0+CUJCQj1ESABPjyBLYQBRlUFITQBWggBVmyBUbgBcjQBbpUBRWU5OTs8tJgBisABlmgBmoVVVVQBntABptgBtpwBsuEBidABuuqFRFABxvD5mdABzvgB2tBpwtAB4wslNHgB5vapaFAB9xj5zigCAyHBrVQCCyn9vFS95s7ZsFJx0Jj+DuM1qGo+FJbt8E06MvbJ/KS+V0ZSIX76PEn+Yq++HHdqRFuyKKOGSF2+ozb+mIOeeJL+sK5yptY+uxpmyxo+00fqnGa+vr/qpGL+3P/utF/uwFa+7xeq2X/68EL+/v8DAwP7ADv/CDp/J5fzCH//DD+DBjv/FEf7HG//KF9vHpcPL0dbMvN/Qgs/Pz9PPyNDQ0O/WUNHS1P/XI8/b5d/f3+Dg4Ojo6e/t4e/v7+/1+v///wAAAAAAAAAAAAAAAAAAACH5BAEKAH8ALAAAAAAQABAAAAfMgH+Cf18GBwsXCoOLghUSOC8rMjAIjIIRKCkiIjweJjQfjCAjJ5tUenN5Yh1fixwrmzx6bXh4bUUZgw8kmyJSeg50Xg9NKoMEmpttelZ4zEjGgjq9IndscE7ZUEE5b38tMr1YZ2Zh5mRocjt1IskiRz1aXebmYGMl1CJCAjVMVVlZriiZQIHakCcFEg7wcQNAAAkwesVQw2VGgwIsXIjQYKMFtSlx1iQJkYDIJgj5fuixE6fMEiBGNnnYtGHTFj0r47hJE2WTBREYGAQCADs='); background-position: 0 0; }

/* Sidebar image */ .Rail { background: url('http://images.wikia.com/clubpenguin/images/b/bb/Site_sprite_puffle.png') no-repeat right bottom; }

/* Removes the badge added by chathacks */ img.modicon { display: none; }

/* Adds a very soft drop shadow for 3D feeling :) Also makes chat look deeper on retina screens */

.ChatHeader { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.WikiaPage { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

body { background-color: Purple; background-position:center; background-attachment:scroll; }