style1.css

简易的聊天系统,实现在线非点对点的聊天功能,主要有用户登陆和发信息聊天.

BODY {
	MARGIN: 0px
}
INPUT {
	FONT-SIZE: 12px
}
HR {
	MARGIN: 0px; COLOR: #eeeeee
}
#tb_list A:link {
	COLOR: #777; TEXT-DECORATION: none
}
#tb_list A:visited {
	COLOR: #777; TEXT-DECORATION: none
}
#tb_list A:hover {
	COLOR: #777; TEXT-DECORATION: underline
}
A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.logo {
	FLOAT: left; BACKGROUND-IMAGE: url(../images/web_thunderlogo.gif); MARGIN: 0px 0px 4px; WIDTH: 182px; CURSOR: pointer; BACKGROUND-REPEAT: no-repeat; HEIGHT: 62px
}
.menubar1 {
	PADDING-RIGHT: 0px; BORDER-TOP: #e9edee 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#bcd4e9,endColorStr=#74a0c9); PADDING-BOTTOM: 0px; WIDTH: 100%; LINE-HEIGHT: 14px; PADDING-TOP: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 14px; TEXT-ALIGN: right
}
 HTML .menubar2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#6192c1,endColorStr=#5784b8); PADDING-BOTTOM: 0px; WIDTH: 100%; LINE-HEIGHT: 14px; PADDING-TOP: 2px; BORDER-BOTTOM: #c1d4de 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 14px; TEXT-ALIGN: right
}
UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#6192c1,endColorStr=#5784b8); PADDING-BOTTOM: 0px; WIDTH: 100%; LINE-HEIGHT: 14px; PADDING-TOP: 2px; BORDER-BOTTOM: #c1d4de 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 20px; TEXT-ALIGN: right
}
.menubar_text {
	PADDING-RIGHT: 0px; MARGIN-TOP: -36px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 100%; LINE-HEIGHT: 28px; PADDING-TOP: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px; TEXT-ALIGN: right
}
.menubar_text2 {
	PADDING-RIGHT: 0px; MARGIN-TOP: -30px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 100%; LINE-HEIGHT: 28px; PADDING-TOP: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px; TEXT-ALIGN: right
}
.menubar_text A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.menubar_text A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.menubar_text A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
 HTML .menubarRight {
	PADDING-RIGHT: 10px; MARGIN-BOTTOM: -2px
}
UNKNOWN {
	PADDING-RIGHT: 10px; MARGIN-TOP: -4px
}
.menubarRight A {
	COLOR: #fff
}
.img_icon {
	MARGIN: 4px 4px -3px 10px
}
.searchbar {
	FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f0f0f0); FLOAT: right; WIDTH: 450px; COLOR: #314e74; LINE-HEIGHT: 22px; PADDING-TOP: 2px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 22px
}
.searchbar A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.searchbar A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.searchbar A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.main {
	BORDER-RIGHT: #e1e1e1 0px solid; BORDER-TOP: #e1e1e1 0px solid; FONT-SIZE: 12px; BORDER-LEFT: #e1e1e1 0px solid; WIDTH: 100%; BORDER-BOTTOM: #e1e1e1 0px solid; BORDER-COLLAPSE: collapse
}
.list0 LI A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list0 LI A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list0 LI A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.list1 LI A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list1 LI A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list1 LI A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.list3 LI A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list3 LI A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list3 LI A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.list1 LI IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 4px -3px 0px; BORDER-RIGHT-WIDTH: 0px
}
.list0 LI IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 4px -3px 0px; BORDER-RIGHT-WIDTH: 0px
}
.list2 LI A:link {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list2 LI A:visited {
	COLOR: #314e74; TEXT-DECORATION: none
}
.list2 LI A:hover {
	COLOR: #00cccc; TEXT-DECORATION: none
}
.tableft UL.list3 LI {
	FONT-SIZE: 12px; COLOR: #314e74; LINE-HEIGHT: 22px; BACKGROUND-REPEAT: repeat-x; LIST-STYLE-TYPE: none; HEIGHT: 22px; TEXT-ALIGN: center
}
.tableft {
	MARGIN: 0px; WIDTH: 150px; BACKGROUND-COLOR: #fff
}
.tableft UL {
	MARGIN: 0px
}
.tableft UL.list0 LI {
	MARGIN-TOP: 4px; PADDING-LEFT: 10px; FONT-SIZE: 12px; COLOR: #314e74; LINE-HEIGHT: 21px; HEIGHT: 21px
}
.tableft UL.list1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.tableft UL.list1 LI {
	PADDING-LEFT: 20px; FONT-SIZE: 12px; COLOR: #314e74; LINE-HEIGHT: 20px; PADDING-TOP: 4px; HEIGHT: 23px
}
.tableft UL.list1 LI.selected {
	BORDER-RIGHT: #5b99ce 1px solid; BORDER-TOP: #5b99ce 1px solid; FONT-WEIGHT: 800; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#bcd4e9,endColorStr=#5784b8); BORDER-LEFT: #5b99ce 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #5b99ce 1px solid; HEIGHT: 21px
}
.tableft UL.list1 LI.selected A {
	COLOR: #fff
}
.tableft UL.list2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.tableft UL.list2 LI {
	PADDING-LEFT: 50px; FONT-SIZE: 12px; COLOR: #314e74; LINE-HEIGHT: 20px; PADDING-TOP: 2px; HEIGHT: 22px
}
.tableft UL.list2 LI.selected {
	BORDER-RIGHT: #5b99ce 1px solid; BORDER-TOP: #5b99ce 1px solid; FONT-WEIGHT: 800; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#bcd4e9,endColorStr=#5784b8); BORDER-LEFT: #5b99ce 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #5b99ce 1px solid; HEIGHT: 20px
}
.tableft UL.list2 LI.selected A {
	COLOR: #fff
}
.tabright {
	VERTICAL-ALIGN: top
}
.ad {
	FONT-SIZE: 12px; COLOR: #390; TEXT-ALIGN: center
}
 HTML .toolbar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f0f0f0); PADDING-BOTTOM: 0px; COLOR: #314e74; PADDING-TOP: 0px; BORDER-BOTTOM: #d2d2d2 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 24px
}
UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f0f0f0); PADDING-BOTTOM: 1px; COLOR: #314e74; PADDING-TOP: 1px; BORDER-BOTTOM: #d2d2d2 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px
}
 HTML #toolbar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f0f0f0); PADDING-BOTTOM: 0px; COLOR: #314e74; PADDING-TOP: 0px; BORDER-BOTTOM: #d2d2d2 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 26px
}
UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f0f0f0); PADDING-BOTTOM: 4px; COLOR: #314e74; PADDING-TOP: 0px; BORDER-BOTTOM: #d2d2d2 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 26px
}
#toolbar_icon TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 61px; CURSOR: hand; PADDING-TOP: 0px; HEIGHT: 18px; TEXT-ALIGN: center
}
.start {
	MARGIN-TOP: 0px; MARGIN-LEFT: 0px
}
.pause {
	MARGIN-TOP: -23px; MARGIN-LEFT: 0px
}
.del {
	MARGIN-TOP: -46px; MARGIN-LEFT: 0px
}
.open {
	MARGIN-TOP: -92px; MARGIN-LEFT: 0px
}
.run {
	MARGIN-TOP: -69px; MARGIN-LEFT: 0px
}
.rev {
	MARGIN-TOP: -138px; MARGIN-LEFT: 0px
}
.spk {
	MARGIN-TOP: -115px; MARGIN-LEFT: 0px
}
#toolbar_icon A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
#toolbar_icon A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
#toolbar_icon A:hover {
	COLOR: #333333; TEXT-DECORATION: none
}
.page {
	CLEAR: both; PADDING-RIGHT: 10px; DISPLAY: inline; FONT-SIZE: 12px; FLOAT: right; PADDING-TOP: 2px
}
.page A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
.page A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.page A:hover {
	COLOR: #333333; TEXT-DECORATION: none
}
.page .task {
	PADDING-RIGHT: 3px; PADDING-LEFT: 5px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; WIDTH: 110px; COLOR: #666666; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.select_op_grey {
	FONT-SIZE: 12px; WIDTH: 120px; COLOR: #999999
}
.select_op_black {
	FONT-SIZE: 12px; WIDTH: 120px; COLOR: #000000
}
.select_page {
	
}