FANDOM


Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Chrome - Windows: Hold the Ctrl key and press the F5 key. OS X: Hold both the ⌘ Cmd and ⇧ Shift keys and press the R key.
  • Safari - Hold down the ⇧ Shift key and click the Reload toolbar button.
  • Firefox - Windows: Hold the Ctrl key, and press F5. OS X: Hold the ⌘ Cmd and ⇧ Shift keys, and then press R.
  • Internet Explorer - Hold the Ctrl key, and press F5 (or click the Refresh button).
This is a custom .css that changes your chat window. This skin now has support for transparency and background images, as well as color changes for the user menu's icons. [http://i.imgur.com/IA09wWr.png -preview-]
 
As for background images, you may use [http://imgur.com imgur] or Wikia. Make sure to place it on <nowiki>".ChatWindow { 
background:url('') no-repeat fixed center;"</nowiki>, between the apostrophe enclosed with the parentheses.
 
To apply the modular chat skin, visit [[Special:MyPage/wikia.css|this page]] on a wiki, or [[Special:MyPage/global.css|here]]; should you wish for the modular chat skin to be applied on all wiki chats.
 
To suggest features, make sure you message me on my [[Message Wall:Ahri-chan|wall]].
 
==.css==
<tabber>
 
Local MCS =
 
<pre>
 
/* MCS */
 
#WikiaPage {
background-color:rgba(0, 0, 0, 0.15);
}
 
.ChatWindow { 
background:url('http://i.imgur.com/v5IvGto.jpg') no-repeat fixed center; 
}
 
.ChatHeader {
background-color:rgba(0, 0, 0, 0.75); 
}
 
.Chat li.you {
background:transparent; 
}
 
.ChatWindow .UserStatsMenu { 
background-color:rgba(0, 0, 0, 0.45); 
box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000;
border:1px solid #3d454d; 
border-radius:3px; 
}
 
.ChatWindow .UserStatsMenu .info { 
background:transparent; 
}
 
.ChatWindow .UserStatsMenu .actions ul li:hover { 
background:transparent; 
}
 
.UserStatsMenu .actions ul li .icon { 
background-position:0; background-image:url('http://img1.wikia.nocookie.net/__cb20140617131805/central/images/9/97/Grand_theft_auto_gta_v-wide.jpg');
opacity:100; 
}
 
.UserStatsMenu .actions ul li:hover .icon { 
opacity:100; 
}
 
.ChatWindow .Write .message { 
background:transparent; 
}
 
.Rail .User:hover { 
background:transparent; 
}
 
.Rail .public .chevron { 
border-color:white transparent transparent transparent; 
}
 
.Rail .public .chevron.closed { 
border-color:transparent transparent transparent white; 
}
 
.Rail .private { 
background-color:transparent; 
background-image:-webkit-gradient(linear,0% 0%,0% 0%,color-stop(0,transparent),color-stop(0,transparent));
border-color: #3a3a3a
}
 
.Rail .selected { 
background:transparent; 
box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000; 
}
 
/* END OF CODES */
 
</pre>
 
|-|
 
Universal MCS =
 
<pre>
 
/* MCS (universal) */
 
#WikiaPage {
border:1px solid #3d454d;
background-color:rgba(0, 0, 0, 0.75);
}
 
.ChatWindow {
background: url('') no-repeat fixed center;
}
 
.ChatHeader .User {
border-left:1px solid #3d454d;
}
 
.Chat {
color: #d5d4d4;
border-right:1px solid #3d454d;
border-bottom:1px solid #3d454d;
}
 
.ChatWindow .WikiaPage {
background-color: rgba(0, 0, 0, 0.75);
border:1px solid #3d454d;
color: #d5d4d4;
}
 
.ChatWindow .ChatHeader {
background-color:rgba(0, 0, 0, 0.75);
border:1px solid #3d454d;
color: #d5d4d4; 
}
 
.ChatWindow .Chat li.you {
background:transparent; 
}
 
.Chat .avatar {
border:1px solid #3d454d;
}
 
.ChatWindow .UserStatsMenu { 
background-color:rgba(0, 0, 0, 0.45); 
box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000;
border:1px solid #3d454d; 
border-radius:3px; 
}
 
.ChatWindow .UserStatsMenu .info { 
background:transparent;
color:#d5d4d4;
}
 
.ChatWindow .UserStatsMenu .actions ul li:hover { 
background:transparent; 
}
 
.User img {
border:1px solid #3d454d;
}
 
.UserStatsMenu .actions ul li .icon { 
background-position:0; background-image:url('http://img1.wikia.nocookie.net/__cb20140617131805/central/images/9/97/Grand_theft_auto_gta_v-wide.jpg');
opacity:100; 
}
 
.UserStatsMenu .actions ul li:hover .icon { 
opacity:100; 
}
 
.Write [name="message"] {
color: #d5d4d4;
}
 
.Write img {
border:1px solid #3d454d;
}
 
.Write .message { 
border:1px solid #3d454d;
background:transparent; 
}
 
.Rail {
color: #d5d4d4;
}
 
.Rail .User:hover { 
background:transparent; 
}
 
.Rail .public .chevron { 
border-color:white transparent transparent transparent; 
}
 
.Rail .public .chevron.closed { 
border-color:transparent transparent transparent white; 
}
 
.Rail .private { 
background-color:transparent; 
background-image:-webkit-gradient(linear,0% 0%,0% 0%,color-stop(0,transparent),color-stop(0,transparent));
}
 
.Rail .selected { 
background:transparent; 
box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000; 
}
 
/* END OF CODES */
 
</pre>
 
|-|
 
MCS for chat hacks =
 
<pre>
 
/* MCS (universal; chat hacks support) */
 
#WikiaPage {
border:1px solid #3d454d;
background-color:rgba(0, 0, 0, 0);
}
 
.ChatWindow {
background: url('') no-repeat fixed center;
}
 
.ChatHeader .User {
border-left:1px solid #3d454d;
}
 
.Chat {
color: #d5d4d4;
border-right:1px solid #3d454d;
border-bottom:1px solid #3d454d;
}
 
.ChatWindow .WikiaPage {
background-color: rgba(0, 0, 0, 0.75);
border:1px solid #3d454d;
color: #d5d4d4;
}
 
.ChatWindow .ChatHeader {
background-color:rgba(0, 0, 0, 0.75);
border:1px solid #3d454d;
color: #d5d4d4; 
}
 
.ChatWindow .Chat li.you {
background:transparent; 
}
 
.Chat .avatar {
border:1px solid #3d454d;
}
 
.ChatWindow .UserStatsMenu { 
background-color:rgba(0, 0, 0, 0.45); 
box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000;
border:1px solid #3d454d; 
border-radius:3px; 
}
 
.ChatWindow .UserStatsMenu .info { 
background:transparent;
color:#d5d4d4;
}
 
.ChatWindow .UserStatsMenu .actions ul li:hover { 
background:transparent; 
}
 
.User img {
border:1px solid #3d454d;
}
 
.UserStatsMenu .actions ul li .icon { 
background-position:0; background-image:url('http://img1.wikia.nocookie.net/__cb20140617131805/central/images/9/97/Grand_theft_auto_gta_v-wide.jpg');
opacity:100; 
}
 
.UserStatsMenu .actions ul li:hover .icon { 
opacity:100; 
}
 
.Write [name="message"] {
color: #d5d4d4;
}
 
.Write img {
border:1px solid #3d454d;
}
 
.Write .message { 
border:1px solid #3d454d;
background:transparent;
width:95%;
}
 
.Rail {
color: #d5d4d4;
}
 
.Rail .wordmark .chevron { 
top:48px; 
}
 
.Rail .wordmark .chevron.closed { 
top:45px; 
}
 
.Rail .User:hover { 
background:transparent; 
}
 
.Rail .public .chevron { 
border-color:white transparent transparent transparent; 
}
 
.Rail .public .chevron.closed { 
border-color:transparent transparent transparent white; 
}
 
.Rail .private { 
background-color:transparent; 
background-image:-webkit-gradient(linear,0% 0%,0% 0%,color-stop(0,transparent),color-stop(0,transparent));
}
 
.Rail .selected { 
background:transparent; 
box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000; 
}
 
/* END OF CODES */
 
</pre>
 
</tabber>
 
==Upcoming updates==
* Compatibility with chat hacks
* Universalisation of the .css.
Community content is available under CC-BY-SA unless otherwise noted.