main.css

是一个简易的聊天系统

*{font-family:"Tahoma";  margin:0; padding:0; list-style:none;}
body{ margin:0 auto; font-size:12px;}
table{ table-layout:fixed; border-collapse:collapse}
img{ border:none}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both}
.tl{ text-align:left}
.tr{ text-align:right}
.tc{ text-align:center}


#chathead{ background:url(../images/title_bg.gif) repeat-x; height:39px}
#chathead .out{ position:absolute;left:690px;top:12px}
#chathead .out a{ background:url(../images/chat_logout.gif); width:60px; height:20px; display:block;}
#chathead .out a:hover{ background-position:bottom}

#chatcon3{background:#F9FBFA; height:441px; width:792px}
#chatcon3 .kleft{ float:left; width:561px; border-right:1px solid #B0B0B0;  margin:0 3px 0 0; padding:10px 0 0px 5px; height:430px}
#chatcon3 .kvtext{ width:554px; height:251px; /*border:1px solid #b0b0b0*/;}
#chatcon3 .kshu{ position:absolute;left:5px;top:362px;}
#chatcon3 .ktext{ width:460px; height:110px;border:1px solid #999;}
#chatcon3 .ksend{ margin:27px 0 0 10px; vertical-align:top}

#chatcon3 .kright{ float:left; width:211px;border-left:1px solid #B0B0B0;height:430px; padding:10px 0 0 10px;}


#klogin{ width:792px; height:441px; background:url(../images/login_bgbg.gif);}
#klogin .contd{ background:url(../images/login_bg.gif) no-repeat; width:493; height:175px; position:relative; left:155px;top:131px}
#klogin .contd img{ vertical-align:middle}
#klogin table{ width:205px; margin:42px 0 0 25px}
#klogin td{ padding:8px 0; text-align:center;}
#klogin .inpt{ background:url(images/input_bg.gif); height:18px; border:#84a1bd 1px solid;width:131px;}


#kboot{ background:url(../images/titlekg_bg.gif) repeat-x; height:24px}


#ShowArea{ line-height:22px}
#EndShow{ padding:0 6px;}


div
{
font-size:12px;
}
.MsgBu {
position: absolute;
	top:0px;
	left:0px;
	filter:alpha(opacity=55);
	-Moz-Opacity:0.55;
	z-index:5000;
	background-color:#999;
}
.MsgWin {
	position: absolute;
	width:250px;
	height:45px;
	z-index:5001;
	border:thin double #666666;
	background-color:#FFFFFF;
	padding-top: 10px;
	text-align:center;
}
.OptWin {
	position: absolute;
	z-index:5002;
	background:url(../images/Elogin_bg.gif);
    padding:40px 0 0 45px;
}



.WorkerName
{
	color:#005AE3; padding:0 0 0 3px;
}
.ShowTime
{
	color:#666666;
}
.Showinput{ padding:0 0 0 15px;color:#7E140C}
#ShowArea
{
	height: 282px;
	width: 553px;
	border: 1px solid #b0b0b0;
	overflow-y: scroll;
}
.online
{
	background:url(../images/user.gif) no-repeat;color:#006600;
}
.unline
{background:url(../images/ouser.gif) no-repeat;color:#999999;
}


.tagl_1
{
	background-image:url(../images/tagl-1.png);
	width:5px;
	height:22px;
	float:left;
}
.tagl_2
{
	background-image:url(../images/tagl-2.png);
	float:left;
	height:14px;
	padding:4px;
}
.tagl_3
{
	background-image:url(../images/tagl-3.png);
	float:left;
	height:22px;
	width:5px;
	background-repeat: no-repeat;
}


.tagSplit
{
clear:both;
}


.tags_1
{
	background-image:url(../images/tags-1.png);
	width:5px;
	height:22px;
	float:left;
}
.tags_2
{
	background-image:url(../images/tags-2.png);
	height:14px;
	float:left;
	padding:4px;
}
.tags_3
{
	background-image:url(../images/tags-3.png);
	width:5px;
	height:22px;
	float:left;
	background-repeat: no-repeat;
}