Как украсить чат? - код CSS, вращение!

код вращения:

___________________

@keyframes myfirst
{
from {transform: rotate(0deg);width: 0%;height: 0%;}
to {transform: rotate(360deg);width: 100%;height: 100%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {-webkit-transform: rotate(0deg);width: 0%;height: 0%;}
to {-webkit-transform: rotate(360deg);width: 100%;height: 100%;}
}

#chatRoot
{
margin: 0 auto;
animation: myfirst 3s;
-webkit-animation: myfirst 3s; /* Safari and Chrome */
}

_______________


дизайн чата:


________________

.chatUserFrom { font-size: 14px; padding: 4px 0 5px 25px !important; color: #B22222; }<a href="http://chatadelic.net/chat/40198">
<img src="Animated GIF - animation.gif" width="61" height="61" border="0" >
</a>
.chatUserFrom:hover { color: #55d415 !important; }
.userName {background-color:#Fdedede;
border:solid 2px SlateGrey;
border-botto: dashed 4px ;}
.chatTime { color: #20B2AA; }
.chatUsersTitle { color: #FF00FF; font-size: 15px !important; text-capitalize: center; }
.chatUsers { background: url(http://rghost.ru/53666903/image.png) no-repeat bottom left }
.chatUser { color: #0000FF !important; font-weight: bold; } #7FFF00
#tabArea ul.tabs li.active a { background: none !important; color: #CCFF33 ; text-transform: capitalize; font-weight: normal; }
#tabArea ul.tabs li.active a { background: #76EE00 !important; color:#191907 ; text-transform: uppercase; font-weight: bold; }
.chatSendButton { background: #EE0000; border: none; color: #F8F8FF; border-radius: 16px; cursor:pointer; font-size: 18px; font-weight: bold; margin-top: -10px; }
.chatSendButton:hover { color: #FF0000; background: #00FFFF !important; }
.chatSmiles b: { padding: 3px }
.chatSmiles b:hover { background: ; padding: 1px; }
.popupActive .label { color: #FF0000; }
.chatFooter .chatFooterWrapper .chatTalkPanel .chatSendTextPanel input { border-radius: 9px; outline: none; padding-left: 8px; font-family: DejaVu Sans; width: 698px !important; }
.chatFooter .chatFooterWrapper .chatTalkPanel .chatSendButtonPanel .chatSendButton { width: 90px !important; }
.chatFooter .chatFooterWrapper .chatTalkPanel .chatSendButtonPanel { right: 140px !important; top: 38px !important; }
#chatMessagePages { background: url() no-repeat bottom right }
.chatMessage:hover { background: rgba(18,366,87, 0.3); }
:selection { background: rgb(158,237,87)}
::moz--selection { background: rgb(158,235,87); }
ul.tabs li.chatTab { background: none !important; }
.admin span { color: #7D26CD; }
.chatSendTextPanel { width: 600px; }

__________________

Оригинальный дизайн для чата на сервисе chatadelic.net:

-----------------------------------------

img.unsafe {
border: 1px solid rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
margin: 30px 0 0 0;
}
img.unsafe:hover {
-webkit-transform:scale(2.5); -webkit-transform-origin: 0 100%; -webkit-transition: -webkit-transform .3s linear;
-moz-transform:scale(2.5); -moz-transform-origin: 0 100%; -moz-transition: -moz-transform .3s linear;
-o-transform:scale(2.5); -o-transform-origin: 0 100%; -o-transition: -o-transform .3s linear;
}

a.unsafe {
padding: 2px
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
transition: all .2s linear;
}

a.unsafe:hover {
background: rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0, 0, 0, 1);
color: #0095ff;
text-shadow: 0px 0px 7px;
}

.chatUsers ul.chatUsersList li .chatUserIcon b {
width: 15px;
height: 20px;
float: left;
background: url('http://www.besplatnoporno.com/favicon.ico') no-repeat scroll 0px 0px transparent;
}

.insertMediaFile {
background-image: url("http://savepic.ru/5079142.png");
}
#topPanel
#logo {
background-image: none;
background-position: right;
}

.compact #topPanel #logo {
background: none;
}

.dropdown {
background: url("http://savepic.ru/5053382.png") no-repeat scroll right center transparent;
width: 150px;
background-position: right;
}
#topmenu ul li.dropdown {
background: url("http://i031.radikal.ru/1405/e1/c7db87c7360a.jpg") no-repeat scroll right center transparent;
}

.compact .chatFooter .chatFooterWrapper .chatTalkPanel .chatSendTextPanel
.chatUserFrom { font-size: 17px; padding: 4px 0 5px 25px !important; color: #B22222; }<a href="http://chatadelic.net/chat/43870">
<img src="Animated GIF - animation.gif" width="61" height="61" border="0" >
</a>
.chatUserFrom:hover { color: #55d415 !important; }
.userName {background-color:#Fdedede;
border:solid 2px SlateGrey;
border-botto: dashed 4px ;}
.chatTime { color: #20B2AA; }
.chatUsersTitle { color: #FF00FF; font-size: 19px !important; text-capitalize: center; }
.chatUsers { background: url(http://rghost.ru/53666903/image.png) no-repeat bottom left }
.chatUser { color: #0000FF !important; font-weight: bold; } #7FFF00
#tabArea ul.tabs li.active a { background: none !important; color: #CCFF33 ; text-transform: capitalize; font-weight: normal; }
#tabArea ul.tabs li.active a { background: #76EE00 !important; color:#191907 ; text-transform: uppercase; font-weight: bold; }
.chatSendButton { background: #EE0000; border: none; color: #F8F8FF; border-radius: 16px; cursor:pointer; font-size: 18px; font-weight: bold; margin-top: -10px; }
.chatSendButton:hover { color: #FF0000; background: #00FFFF !important; }
.chatSmiles b: { padding: 3px }
.chatSmiles b:hover { background: ; padding: 1px; }
.popupActive .label { color: #FF0000; }
.chatFooter .chatFooterWrapper .chatTalkPanel .chatSendTextPanel input { border-radius: 9px; outline: none; padding-left: 8px; font-family: DejaVu Sans; width: 698px !important; }
.chatFooter .chatFooterWrapper .chatTalkPanel .chatSendButtonPanel .chatSendButton { width: 90px !important; }
.chatFooter .chatFooterWrapper .chatTalkPanel .chatSendButtonPanel { right: 140px !important; top: 38px !important; }
#chatMessagePages { background: url() no-repeat bottom right }
.chatMessage:hover { background: rgba(18,366,87, 0.3); }
:selection { background: rgb(158,237,87)}
::moz--selection { background: rgb(158,235,87); }
ul.tabs li.chatTab { background: none !important; }
.admin span { color: #7D26CD; }
.chatSendTextPanel { width: 600px; }

-----------------------------------------

Admin, я так понимаю это для CSS в тарифе "Професиональный на чатаделике" ?

спс, дизайн супер!