thickbox.css

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

HTML {
	MIN-HEIGHT: 100%; HEIGHT: 100%
}
BODY {
	MIN-HEIGHT: 100%; HEIGHT: 100%
}
#TB_window {
	FONT: 85% Arial, sans-serif; COLOR: #333
}
#TB_secondLine {
	FONT: 75% Arial, sans-serif; COLOR: #666
}
#TB_overlay {
	Z-INDEX: 10100! important; FILTER: alpha(opacity=60); LEFT: 0px; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #000; opacity: 0.6; moz-opacity: 0.6
}
#TB_window {
	BORDER-RIGHT: #456 4px solid; BORDER-TOP: #456 4px solid; DISPLAY: none; Z-INDEX: 10102! important; BACKGROUND: #ffffff; BORDER-LEFT: #456 4px solid; COLOR: #000000; BORDER-BOTTOM: #456 4px solid; POSITION: absolute; TEXT-ALIGN: left
}
#TB_window IMG {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #666 1px solid; DISPLAY: block; MARGIN: 15px 0px 0px 15px; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #ccc 1px solid
}
#TB_caption {
	PADDING-RIGHT: 30px; PADDING-LEFT: 25px; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/main_select_bg.gif) #789 repeat-x 50% top; PADDING-BOTTOM: 10px; PADDING-TOP: 7px
}
#TB_closeWindow A {
	PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.3em; COLOR: #fff; PADDING-TOP: 0.3em
}
#TB_closeAjaxWindow A {
	PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.3em; COLOR: #fff; PADDING-TOP: 0.3em
}
#TB_closeWindow {
	BACKGROUND: #789; FLOAT: right; MARGIN: 2px
}
#TB_closeAjaxWindow {
	BORDER-RIGHT: #678 1px solid; BORDER-TOP: #cde 1px solid; RIGHT: 0px; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/main_select_bg.gif) #789 repeat-x 50% top; MARGIN: 2px; BORDER-LEFT: #cde 1px solid; BORDER-BOTTOM: #678 1px solid; POSITION: absolute; TOP: 0px; TEXT-ALIGN: right
}
#TB_ajaxWindowTitle {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 5px; PADDING-TOP: 7px
}
#TB_title {
	PADDING-RIGHT: 1em; FONT-WEIGHT: bold; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/main_select_bg.gif) #789 repeat-x 50% top; COLOR: #fff
}
#TB_ajaxContent {
	CLEAR: both; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; OVERFLOW: auto; LINE-HEIGHT: 1.4em; PADDING-TOP: 2px; TEXT-ALIGN: left
}
#TB_ajaxContent P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#TB_load {
	DISPLAY: none; Z-INDEX: 10101! important; BACKGROUND: url(http://c.fsdn.com/sf/images//loadingAnimation.gif) no-repeat; LEFT: 0px; WIDTH: 98px; POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
#TB_HideSelect {
	Z-INDEX: 10003! important; FILTER: alpha(opacity=0); LEFT: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #fff; BORDER-BOTTOM-STYLE: none; opacity: 0; moz-opacity: 0
}
#TB_iframeContent {
	CLEAR: both; MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#dynimo UL LI UL {
	MARGIN-TOP: 0px! important; DISPLAY: none; MARGIN-BOTTOM: 0px! important
}
#dynimo UL LI UL.show {
	MARGIN-TOP: 0px! important; DISPLAY: block; MARGIN-BOTTOM: 0px! important
}
#dynimo {
	FONT-SIZE: 90%
}
.dynimo {
	LINE-HEIGHT: 130%! important; LIST-STYLE-TYPE: none
}
.dynimo UL {
	LINE-HEIGHT: 130%! important; LIST-STYLE-TYPE: none
}
.dynimo LI {
	LINE-HEIGHT: 130%! important; LIST-STYLE-TYPE: none
}
.dynimo UL .current {
	FONT-WEIGHT: bold
}
.dynimo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.dynimo SPAN {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0.2em; LINE-HEIGHT: 130%! important; PADDING-TOP: 0.2em
}
.dynimo B {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0.2em; LINE-HEIGHT: 130%! important; PADDING-TOP: 0.2em
}
.dynimo SPAN {
	BACKGROUND: url(http://c.fsdn.com/sf/images//icons/icon_contract.gif) no-repeat left top
}
.dynimo B {
	BACKGROUND: url(http://c.fsdn.com/sf/images//icons/icon_expand.gif) no-repeat left top
}
.high {
	BACKGROUND: url(http://c.fsdn.com/sf/images//icons/icon_expand.gif) no-repeat left top
}
B.high {
	BACKGROUND: url(http://c.fsdn.com/sf/images//icons/icon_contract.gif) no-repeat left top
}
H3.error {
	BORDER-RIGHT: #fbb 1px solid; PADDING-RIGHT: 40px; BORDER-TOP: #fbb 1px solid; PADDING-LEFT: 40px; FONT-SIZE: 90%; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_error.gif) #fdd no-repeat 10px 3px; PADDING-BOTTOM: 0.2em; MARGIN: 0.5em 0px 1em; BORDER-LEFT: #fbb 1px solid; COLOR: red; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fbb 1px solid; POSITION: relative
}
H3.warning {
	BORDER-RIGHT: #fe6 1px solid; PADDING-RIGHT: 40px; BORDER-TOP: #fe6 1px solid; PADDING-LEFT: 40px; FONT-SIZE: 90%; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_warning.gif) #ffd no-repeat 10px 3px; PADDING-BOTTOM: 0.2em; MARGIN: 0.5em 0px 1em; BORDER-LEFT: #fe6 1px solid; COLOR: #ca0; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fe6 1px solid; POSITION: relative
}
H3.message {
	BORDER-RIGHT: #bfb 1px solid; PADDING-RIGHT: 40px; BORDER-TOP: #bfb 1px solid; PADDING-LEFT: 40px; FONT-SIZE: 90%; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_message.gif) #dfd no-repeat 10px 3px; PADDING-BOTTOM: 0.2em; MARGIN: 0.5em 0px 1em; BORDER-LEFT: #bfb 1px solid; COLOR: green; PADDING-TOP: 0.2em; BORDER-BOTTOM: #bfb 1px solid; POSITION: relative
}
H3.info {
	BORDER-RIGHT: #9cf 1px solid; PADDING-RIGHT: 40px; BORDER-TOP: #9cf 1px solid; PADDING-LEFT: 40px; FONT-SIZE: 90%; BACKGROUND: url(http://c.fsdn.com/sf/images//icons/silk/information.png) #def no-repeat 10px 3px; PADDING-BOTTOM: 0.2em; MARGIN: 0.5em 0px 1em; BORDER-LEFT: #9cf 1px solid; COLOR: #006; PADDING-TOP: 0.2em; BORDER-BOTTOM: #9cf 1px solid; POSITION: relative
}
IFRAME {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#TB_dialogButtons {
	BORDER-TOP: #525252 1px solid; MARGIN-TOP: 20px; PADDING-TOP: 20px; TEXT-ALIGN: right
}
#TB_dialogButtons A {
	BORDER-RIGHT: #ffcc00 2px solid; PADDING-RIGHT: 12px; BORDER-TOP: #ffcc00 2px solid; PADDING-LEFT: 12px; BACKGROUND: #ffffcc; PADDING-BOTTOM: 4px; BORDER-LEFT: #ffcc00 2px solid; COLOR: #666; PADDING-TOP: 4px; BORDER-BOTTOM: #ffcc00 2px solid; TEXT-DECORATION: none
}
#TB_dialogButtons A.ok {
	FONT-WEIGHT: bold; COLOR: #333
}
#TB_dialogButtons A:hover {
	BACKGROUND: #ffdd9a; COLOR: #000
}
.alert#TB_window {
	BORDER-LEFT-COLOR: #b33719; BORDER-BOTTOM-COLOR: #b33719; BORDER-TOP-COLOR: #b33719; BACKGROUND-COLOR: #ead0c8; BORDER-RIGHT-COLOR: #b33719
}
.alert#TB_window #TB_dialogButtons A {
	BORDER-LEFT-COLOR: #999999; BORDER-BOTTOM-COLOR: #999999; BORDER-TOP-COLOR: #999999; BACKGROUND-COLOR: #f5f5f5; BORDER-RIGHT-COLOR: #999999
}
.layerfix {
	POSITION: relative! important
}