TestChatSkin.css

/\* Sonic the Hedgehog Chat (2Actimv) \*/

/\* Original version made by AmonFatalis and 2Actimv \*/
/\* Christmas version made by 2Actimv \*/
/\* New Year's Eve version made by 2Actimv \*/
/\* Mountain version made by 2Actimv \*/
/\* Holland version made by 2Actimv \*/
/\* Mountain V2 version made by 2Actimv \*/
/\* Trees version made by 2Actimv \*/
/\* Forest version made by 2Actimv \*/
/\* Spongebob Squarepants version made by 2Actimv \*/
/\* Sonic the Hedgehog version made by 2Actimv (Thnx Fubuki風吹 for the rail background and some fixes) \*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

.ChatWindow .User img {
border-radius: 2pc !important;
}

.inline-alert {
color: #A5ECFE !important;
}

.Chat .you {
background: transparent;
}

.Chat ul li {
background: transparent;
}

.Chat .you a,
.Chat ul li a {
color: #A5ECFE;
font-style: italic;
}

.Chat img {
border-radius: 0px;
border: none !important;
}

.Chat img.avatar {
border-radius: 2pc;
border: none;
}

.Write .message {
background-color: transparent;
border: 0px solid black;
}

.Write .message textarea {
width: 96%;
height: 92%;
background: transparent;
border: 0.5px solid white;
padding: 1px 6px 1px 6px;
border-radius: 8px;
}

.Write img {
border-radius: 2pc;
border: none;
margin: 1.5px 0px 0px 0px !important;
}

.Write [name="message"] {
background-color: transparent;
border: 0;
color: white;
}

.WikiChatList img {
border-radius: 3px;
border: none;
}

.WikiChatList .User:hover,
.PrivateChatList .User:hover {
margin: 0px 0px 0px 7px !important;
-moz-transition: all linear 400ms;
-ms-transition: all linear 400ms;
-o-transition: all linear 400ms;
transition: all linear 400ms;
background: transparent !important;
}

.User .username {
background-color: transparent;
color: white;
border: 0px solid black;
}

.User .username:hover {
color: #A5ECFE !important;
}

.ChatHeader {
background: rgba(0, 0, 0, 0.8) !important;
border-radius: 25px;
border: 0px solid black;
font-size: 105% !important;
}

.ChatHeader img {
border-radius: 3px;
border: none;
}

.ChatHeader .private {
color: white;
}

.ChatHeader .username {
color: white;
}

.Rail .private {
background-color: transparent;
color: white;
background-image: none;
border: none !important;
text-align: center;
}

.PrivateChatList .User img {
border-radius: 3px;
border: none;
}

.PrivateChatList .User:hover {
background: transparent;
}

.Chat .me-message {
background-color: transparent;
color: black;
border: 1px solid white;
background: white;
padding: 0px 2px;
border-radius: 10px;
}

.Rail .selected {
box-shadow: none;
background: transparent;
}

.User.away .status {
color: #A5ECFE;
}

.Chat li {
background: transparent;
color: white;
}

.Chat .time {
color: white;
font-size: 13px;
}

.Chat {
background: transparent !important;
border: 0px solid black;
border-bottom: none;
border-top-left-radius: 8px;
border-right: none !important;
}

.Write {
background: transparent !important;
border:0px solid black;
border-top: 0px solid black !important;
border-right: 0px solid black !important;
border-bottom-left-radius: 25px;
border-top-right-radius: 12px;
border-right: none;
}

.Rail {
background: url() !important;
border: 0px solid black;
border-bottom-right-radius: 25px;
border-top-right-radius: 25px;
border-left: none;
color: white !important;
background-size: 500px 700px !important;
background-position: -135px -10px !important;
}

@media screen and (min-width: 650px) {

```
   .Rail {
       background-size: 600px 840px !important;
       background-position: -165px 0px !important;
   }

```

}

.ChatWindow .WikiaPage {
background: rgba(0,7,46,0.9) !important;
background: -moz-linear-gradient(-45deg, rgba(0,7,46,0.9) 0%, rgba(3,6,61,0.75) 100%) !important;
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,7,46,0.9)), color-stop(100%, rgba(3,6,61,0.75))) !important;
background: -webkit-linear-gradient(-45deg, rgba(0,7,46,0.9) 0%, rgba(3,6,61,0.75) 100%) !important;
background: -o-linear-gradient(-45deg, rgba(0,7,46,0.9) 0%, rgba(3,6,61,0.75) 100%) !important;
background: -ms-linear-gradient(-45deg, rgba(0,7,46,0.9) 0%, rgba(3,6,61,0.75) 100%) !important;
background: linear-gradient(135deg, rgba(0,7,46,0.9) 0%, rgba(3,6,61,0.75) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00072e', endColorstr='#03063d', GradientType=1 ) !important;
border-radius: 25px !important;
border: 0px solid black !important;
}

.ChatWindow {
background: url() 87% 2% !important;
font-weight: bold !important;
font-family: 'Open Sans', sans-serif;
}

@media screen and (min-width: 650px) {

```
   .ChatWindow {
       background-size: cover !important;
   }

```

}

.UserStatsMenu {
text-shadow: 0px 0px 0px black !important;
}
/\* End of Sonic the Hedgehog Chat (2Actimv) \*/