guest.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:480px;top:12px}
#chathead .out a{ background:url(../images/chat_logout.gif); width:60px; height:20px; display:block;}
#chathead .out a:hover{ background-position:bottom}
#chatcon{ background:#F9FBFA; height:327px; width:561px}
#chatcon .cleft{ float:left; width:384px; border-right:1px solid #B0B0B0; padding:7px 3px 0 3px}
#chatcon textarea{ width:384px; height:232px; border:1px solid #999; }
#chatcon .ctext{ width:315px; height:65px;border:1px solid #b0b0b0;margin:10px 0}
#chatcon .send{ margin:12px 0 0 5px; vertical-align:top}
#chatcon .cright{float:left; width:163px; margin:0 0 0 3px;border-left:1px solid #B0B0B0;}
#chatcon ul{ width:150px; height:310px;  margin:0 auto; padding:10px 0}
#chatcon li { padding:3px 0}
#chatcon li img{ vertical-align:middle}
#chatcon .coryright{ background:url(../images/copyright.gif) no-repeat; width:148px; height:44px; margin:0 0 0 8px}

#chatcon2{ width:561px; height:328px; background:url(images/login_bgbg.gif);}
#chatcon2 .cont{ background:url(../images/Elogin_bg.gif) no-repeat; width:493; height:175px; position:relative;}
#chatcon2 .cont img{ vertical-align:middle}
#chatcon2 table{ width:225px; margin:30px 0 0 14px}
#chatcon2 td{ padding:4px 0;}
#chatcon2 select{ width:129px}
#chatcon2 .inpt{ background:url(../images/input_bg.gif); height:18px; border:#84a1bd 1px solid;width:127px;}

.MsgBu {
position: absolute;
	top:0px;
	left:0px;
	filter:alpha(opacity=85);
	-Moz-Opacity:0.85;
	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:5001;
	filter:alpha(opacity=80);
	-Moz-Opacity:0.8;
}
.ShowTime
{
	color:#999999;
	font-family:Tahoma;
	font-size:10px;
}
.GuestName
{
	color:#993300; padding:0 0 0 3px;
	font-family:Arial Baltic;
	font-size:15px;
	font-weight:bold;
	}
.Showinput
{
	 padding:0 0 0 15px;
	color:#009900;
	font-family:Arial;
	font-size:17px;
	 }
.textcont
{
	color:#993300;
	font-family:Arial;
	font-size:17px;
}
.MyName
{
		color:#009900; padding:0 0 0 3px;
	font-family:Arial Baltic;
	font-size:15px;
	font-weight:bold;
}
#ShowArea
{
	width:384px; 
	height:232px;
	border:1px solid #b0b0b0;
	background-color:#FFFFFF;
	overflow-y: auto;
    line-height:19px
}