It has the hover color on each post like in prosilver's forumlist.
The templates posted above are prosilver templates but this is the prosilver/theme/mchat.css I'm using.
Code: Select all
/**
*
* @package mChat ProSilver Style
* @version 1.3.5 2010-12-02
* @copyright (c) RMcGirr83 ( http://www.rmcgirr83.org/ )
* @copyright (c) By Shapoval Andrey Vladimirovich (AllCity) ~ http://allcity.net.ru/
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
**/
/* mChat
------------ */
div.mChatBG1 {
background: -webkit-linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
background: -o-linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
background: -moz-linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
background: linear-gradient(top, #e1ebf2 0%,#FFFFFF 100%);
border: 1px solid #999999;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 5px;
color: #333333;
margin-right: 5px;
overflow: hidden;
}
div.mChatBG1:hover {
background: -webkit-linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
background: -o-linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
background: -moz-linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
background: linear-gradient(top, #F1EEB5 0%,#FFFFFF 100%);
}
div.mChatBG2 {
background: -webkit-linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
background: -o-linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
background: -moz-linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
background: linear-gradient(#ECF3F7, #FFFFFF, #FFFFFF, #ECF3F7);
border: 1px solid #999999;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 5px;
color: #444444;
text-align: right;
overflow: hidden;
}
div.mChatBG2:hover {
background: -webkit-linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
background: -o-linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
background: -moz-linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
background: linear-gradient(#F1EEB5, #FFFFFF, #FFFFFF, #F1EEB5);
}
div.mChatRowLimit {
overflow: auto;
width: 100%;
}
div.mChatRowLimitCustom {
overflow: auto;
width: 100%;
}
div.mChatPanel {
text-align: center;
padding: 3px;
clear: both;
}
div.mChatTime {
text-align: right;
margin: 0 12px;
}
div.mChatRow2 div.mChatTime {
text-align: left;
margin: 0 5px;
}
input.mChatText {
cursor: text;
width: 50%;
background-color: #FFFFFF;
border: 1px solid #B4BAC0;
color: #333333;
padding: 5px 5px 3px 5px;
margin: 3px 0px 3px 5px;
}
input.mChatText:hover {
border-color: #11A3EA;
}
div.mChatHover:hover {
background-color: #F6F4D0;
}
div.mChatBodyFix {
width: 100% !important;
}
div.mChatStatic {
padding-left: 5px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-size: 1.1em;
}
div.mChatStats {
padding-left: 5px;
margin-top: 2px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-align: left;
min-height: 1.3em;
font-size: 1.1em;
height: auto !important;
}
div.mChatRefresh {
padding-left: 5px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
text-align: left;
font-size: 1.1em;
margin-top: 1.5em;
clear: both;
}
input.mChatColor {
width: 100%;
text-align: center;
background-color: #DEE3E7;
border-style: none;
}
span.mChatButtons {
float: right;
}
div.mChatRow2 span.mChatButtons {
float: left;
}
span.mChatMessage {
padding: 3px;
font-size: 1.1em;
width: 98%;
}
a.mChatScriptLink {
text-decoration:none;
}
img.mChatImage{
vertical-align: middle;
}
img.mChatImageLoad {
vertical-align: middle;
cursor: wait;
display: none;
}
img.mChatImageOk {
vertical-align: middle;
cursor: help;
}
img.mChatImageHideImg {
vertical-align: middle;
cursor: help;
display: none;
}
div.mChatSound {
position: absolute;
left: -1000px;
top: -1000px;
}
.mchat_alert {
color: #7E2217;
padding: 10px;
}
#mChatUserList {
display: none;
}
div.mChatUsername {
float: left;
}
div.mChatRow2 div.mChatUsername {
float: right;
margin-right: 5px;
}
.mChatAvatars {
float: left;
margin: 0 5px 0 0;
}
div.mChatRow2 div.mChatAvatars {
float: right;
}
.mChatPointer {
float: left;
background-image: url("{T_THEME_PATH}/images/mchatbg2_pointer.png");
margin-right: -1px;
margin-left: 5px;
width: 10px;
height: 20px;
}
div.mChatRow2 div.mChatPointer {
float: right;
background-image: url("{T_THEME_PATH}/images/mchatbg1_pointer.png");
margin-left: -1px;
margin-right: 5px;
width: 10px;
height: 20px;
}
div.avatarMessage {
width: 90%;
margin-right: 5px;
}
.icon-mchat {
background-image: url("{T_THEME_PATH}/images/icon_mchat.gif");
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 21px;
}