sfx.css

该系统实现了多人视频聊天

TABLE {
	empty-cells: show
}
.zebra TR TD {
	BORDER-RIGHT: #bcd 1px solid; BORDER-TOP: #bcd 1px solid; BORDER-BOTTOM: #eee 1px solid
}
.smlist THEAD TR TH {
	COLOR: #444; BORDER-BOTTOM: #ddd 2px solid
}
.smlist TBODY TR TD {
	BORDER-BOTTOM: #efefef 1px solid
}
.smlist TFOOT TR TD {
	BORDER-TOP: #ddd 2px solid
}
.smlist THEAD TH {
	FONT-SIZE: 85%
}
.smlist THEAD TH {
	PADDING-RIGHT: 2em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.8em; PADDING-TOP: 0.8em; TEXT-ALIGN: left
}
.smlist TBODY TD {
	PADDING-RIGHT: 2em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.8em; PADDING-TOP: 0.8em; TEXT-ALIGN: left
}
.smlist TFOOT TD {
	PADDING-RIGHT: 2em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.8em; PADDING-TOP: 0.8em; TEXT-ALIGN: left
}
.smlist TBODY TD A {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 20px! important; MIN-HEIGHT: 20px; PADDING-BOTTOM: 1px! important; MARGIN: 0px; TEXT-INDENT: 0px; PADDING-TOP: 0px! important
}
.smlist TFOOT TD A {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 20px! important; MIN-HEIGHT: 20px; PADDING-BOTTOM: 1px! important; MARGIN: 0px; TEXT-INDENT: 0px; PADDING-TOP: 0px! important
}
#frelease {
	MARGIN: 1em 0px; WIDTH: 94%! important
}
TABLE CAPTION {
	DISPLAY: none
}
#frelease COL {
	WIDTH: 20%
}
#frelease COL.package TR TD {
	FONT-WEIGHT: bold
}
#frelease TD.download {
	BACKGROUND: #093; TEXT-ALIGN: center
}
#frelease TD.download A {
	FONT-WEIGHT: bold; COLOR: #fff
}
#stripes TR {
	POSITION: relative! important
}
#frelease TR {
	POSITION: relative! important
}
.zebra TR {
	POSITION: relative! important
}
#stripes {
	BORDER-RIGHT: #345 1px solid; BORDER-TOP: #345 1px solid; FONT-SIZE: 80%; BORDER-LEFT: #345 1px solid; WIDTH: 100%; BORDER-BOTTOM: #345 1px solid; FONT-FAMILY: arial, sans-serif
}
#frelease {
	BORDER-RIGHT: #345 1px solid; BORDER-TOP: #345 1px solid; FONT-SIZE: 80%; BORDER-LEFT: #345 1px solid; WIDTH: 100%; BORDER-BOTTOM: #345 1px solid; FONT-FAMILY: arial, sans-serif
}
.zebra {
	BORDER-RIGHT: #345 1px solid; BORDER-TOP: #345 1px solid; FONT-SIZE: 80%; BORDER-LEFT: #345 1px solid; WIDTH: 100%; BORDER-BOTTOM: #345 1px solid; FONT-FAMILY: arial, sans-serif
}
#stripes TR TH {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; BACKGROUND: #46525d; PADDING-BOTTOM: 0.2em; COLOR: #fff; PADDING-TOP: 0.2em; TEXT-ALIGN: left
}
#frelease TR TH {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; BACKGROUND: #46525d; PADDING-BOTTOM: 0.2em; COLOR: #fff; PADDING-TOP: 0.2em; TEXT-ALIGN: left
}
.zebra TR TH {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; BACKGROUND: #46525d; PADDING-BOTTOM: 0.2em; COLOR: #fff; PADDING-TOP: 0.2em; TEXT-ALIGN: left
}
#frelease TR TH {
	TEXT-ALIGN: center
}
#stripes TR.package TD {
	FONT-WEIGHT: bold; FONT-SIZE: 130%; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/main_select_bg.gif) #789 repeat-x 50% top; COLOR: #fff
}
#stripes TR.package TD A {
	COLOR: #fff; TEXT-DECORATION: none
}
#stripes TD {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em
}
#frelease TD {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em
}
.zebra TD {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em
}
#stripes TBODY TR.release {
	
}
#stripes TBODY TR TD {
	BACKGROUND: #fff
}
.zebra TBODY TR TD {
	BACKGROUND: #fff
}
#frelease TBODY TR TD {
	BORDER-TOP: #fff 1px solid; TEXT-ALIGN: center
}
#frelease TBODY TR.package TD {
	TEXT-ALIGN: left
}
#stripes TBODY TR.release TD {
	PADDING-RIGHT: 0.2em; BORDER-TOP: #789 1px solid; PADDING-LEFT: 0.2em; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #789 1px solid
}
#stripes TBODY TR TD.even {
	BACKGROUND: #f3f4f6
}
#frelease TBODY TR TD {
	BACKGROUND: #f3f4f6
}
.zebra TBODY TR TD.even {
	BACKGROUND: #f3f4f6
}
#stripes TH SMALL {
	COLOR: #fff
}
#frelease TH SMALL {
	COLOR: #fff
}
.zebra TH SMALL {
	COLOR: #fff
}
#stripes SMALL {
	FONT-WEIGHT: normal
}
#frelease SMALL {
	FONT-WEIGHT: normal
}
.zebra SMALL {
	FONT-WEIGHT: normal
}
#stripes COL {
	WIDTH: 10%
}
.zebra COL {
	WIDTH: 10%
}
#stripes COL.filename {
	WIDTH: 40%
}
#stripes TFOOT {
	FONT-WEIGHT: bold; BACKGROUND: #89a; COLOR: #fff
}
.zebra TFOOT {
	FONT-WEIGHT: bold; BACKGROUND: #89a; COLOR: #fff
}
#stripes TBODY TR TD SMALL {
	PADDING-RIGHT: 14px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
#stripes .changelog {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 0px; PADDING-TOP: 10px; POSITION: relative
}
#stripes .notes {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 0px; PADDING-TOP: 10px; POSITION: relative
}
#stripes .mirrors {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 0px; PADDING-TOP: 10px; POSITION: relative
}
#stripes .changelog A {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; TEXT-INDENT: -7000em; PADDING-TOP: 10px; POSITION: absolute
}
#stripes .notes A {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; TEXT-INDENT: -7000em; PADDING-TOP: 10px; POSITION: absolute
}
#stripes .mirrors A {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; TEXT-INDENT: -7000em; PADDING-TOP: 10px; POSITION: absolute
}
.show {
	
}
#stripes TBODY TR.current TD {
	BACKGROUND: #dfd
}
.potm IMG {
	FLOAT: right
}
.potm P {
	CLEAR: both
}
.potm DIV.tagline {
	PADDING-RIGHT: 0px; PADDING-LEFT: 70px; FONT-SIZE: 80%; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/potm_50x50.gif) no-repeat left 50%; PADDING-BOTTOM: 25px; PADDING-TOP: 25px
}
.potm H3.tagline {
	PADDING-RIGHT: 0px; PADDING-LEFT: 70px; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/potm_50x50.gif) no-repeat left 50%; PADDING-BOTTOM: 25px; MARGIN: 0px; COLOR: #56626d; PADDING-TOP: 25px
}
.potm H3.tagline IMG {
	FLOAT: right; MARGIN: 0px
}
.potm H2 SPAN {
	PADDING-RIGHT: 12em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.topnav H2 SPAN {
	PADDING-RIGHT: 12em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.shadow {
	BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/ss_shadow.gif) no-repeat 50% bottom; PADDING-BOTTOM: 25px
}
#frame TABLE#searchtable TD.description IMG {
	BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/ss_shadow.gif) no-repeat 50% bottom; PADDING-BOTTOM: 25px
}
#frame P {
	FONT-SIZE: 82.3%; LINE-HEIGHT: 130%
}
#frame .onewidetop P {
	MARGIN: 0.5em 1.4em 1em
}
#frame .onewide P {
	MARGIN: 0.5em 1.4em 1em
}
#frame .onewidebtm P {
	MARGIN: 0.5em 1.4em 1em
}
#frame .four P {
	MARGIN: 0.5em 1.4em 1em
}
#frame P.sfx {
	MARGIN: 0.5em 1.4em 1em
}
#frame LI {
	FONT-SIZE: 82.3%
}
#fadbtm LI {
	FONT-SIZE: 82.3%
}
.onewidetop UL {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c1cacf 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 1em 1em; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid
}
.onewide UL {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c1cacf 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 1em 1em; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid
}
UL.clean {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c1cacf 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 1em 1em; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid
}
.onewidetop UL LI {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.1em; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0.1em; PADDING-BOTTOM: 0.5em; MARGIN: 0px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0.5em; BORDER-BOTTOM: #c1cacf 1px solid; LIST-STYLE-TYPE: none
}
.onewide UL LI {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.1em; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0.1em; PADDING-BOTTOM: 0.5em; MARGIN: 0px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0.5em; BORDER-BOTTOM: #c1cacf 1px solid; LIST-STYLE-TYPE: none
}
UL.clean LI {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.1em; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0.1em; PADDING-BOTTOM: 0.5em; MARGIN: 0px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0.5em; BORDER-BOTTOM: #c1cacf 1px solid; LIST-STYLE-TYPE: none
}
.break {
	CLEAR: both
}
.breakleft {
	CLEAR: left
}
.screenshot {
	BORDER-RIGHT: #fff 15px solid; BORDER-TOP: #fff 15px solid; Z-INDEX: 1000; FLOAT: right; BORDER-LEFT: #fff 15px solid; BORDER-BOTTOM: #fff 15px solid; POSITION: relative
}
DIV.docs#innerframe H2 {
	FONT-SIZE: 120%; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none
}
DIV.docs#innerframe H2 A#top {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none
}
.SD LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.SD DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3.7em; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
DIV.SDleftcol A {
	FONT-SIZE: 80%; COLOR: #ccc; LINE-HEIGHT: 90%; TEXT-DECORATION: none
}
DIV.SDleftcol {
	FONT-WEIGHT: bold; FONT-SIZE: 120%
}
DIV.SDbottom {
	BORDER-RIGHT: #666 3px groove; PADDING-RIGHT: 0px; BORDER-TOP: #666 3px groove; PADDING-LEFT: 0px; BACKGROUND: #ccc; PADDING-BOTTOM: 0.5em; MARGIN: 4em auto; BORDER-LEFT: #666 3px groove; WIDTH: 70%; PADDING-TOP: 0.5em; BORDER-BOTTOM: #666 3px groove
}
DIV.SDtoc {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: #ccc; MARGIN: 0px auto 2em; BORDER-LEFT: #999 1px solid; WIDTH: 70%; BORDER-BOTTOM: #999 1px solid
}
DIV.SDtoc P {
	FONT-WEIGHT: bold; TEXT-ALIGN: center
}
#footer {
	CLEAR: both; Z-INDEX: 1000; BACKGROUND: #fff; MARGIN: 1em; POSITION: relative; TEXT-ALIGN: center
}
#footer UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#footer UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#footer UL LI A {
	PADDING-RIGHT: 0.6em; DISPLAY: inline; PADDING-LEFT: 0.6em; FONT-SIZE: 70%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#footer P {
	PADDING-RIGHT: 0.6em; DISPLAY: inline; PADDING-LEFT: 0.6em; FONT-SIZE: 70%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#formname {
	FONT-SIZE: 80%; MARGIN: 0px 0px 1em 1.3em
}
FORM LABEL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM LABEL SMALL {
	DISPLAY: block; MARGIN: 0.2em
}
FORM SMALL {
	WHITE-SPACE: normal
}
.date {
	WHITE-SPACE: nowrap
}
.tag {
	FONT-WEIGHT: bold; FONT-SIZE: 75%; FLOAT: left; MARGIN: 0.3em 0px 0.6em 200px; COLOR: #56626d
}
#frame .seven UL.clean {