⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 sfx.css

📁 该系统实现了多人视频聊天
💻 CSS
📖 第 1 页 / 共 5 页
字号:
🔍
12345 
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
PRE {
	FONT-SIZE: 130%
}
DIV.filteroptions {
	CLEAR: both; BORDER-RIGHT: #9faab0 1px solid; BORDER-TOP: #9faab0 1px solid; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/main_select_bg.gif) #789 repeat-x 50% top; BORDER-LEFT: #9faab0 1px solid; BORDER-BOTTOM: #9faab0 1px; TEXT-ALIGN: right
}
.search FORM LABEL {
	DISPLAY: inline
}
.null {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; Z-INDEX: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.left_column {
	WIDTH: 69%
}
.left_column P {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em
}
.right_column {
	FLOAT: right; MARGIN: 1em 0px 0px 1em; WIDTH: 28%
}
.right_column P {
	MARGIN: 0px 0px 1em 1em
}
.right_column .tbar {
	MARGIN: 0px 0px 0.5em
}
.right_column UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0.8em 0.3em; PADDING-TOP: 0px
}
#frame OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1.8em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.right_column LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #ddd 1px solid; LIST-STYLE-TYPE: none
}
.right_column LI A:hover {
	COLOR: #039
}
#frame .catmap LI {
	LIST-STYLE-TYPE: none
}
#frame .catmap UL LI {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#frame .pmap UL LI {
	FONT-SIZE: 100%
}
#frame .catmap UL LI {
	FONT-SIZE: 100%
}
#frame .pmap UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1em; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_drop5.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -2.4em; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-BOTTOM-STYLE: none
}
#frame .pmap UL LI INPUT {
	MARGIN-LEFT: 1.5em
}
#frame .pmap UL LI A {
	MARGIN-LEFT: 1.5em
}
#frame .pmap UL LI.end {
	BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_drop4.gif) no-repeat left top; PADDING-BOTTOM: 0.3em
}
#frame .pmap UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2.4em; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_drop3.gif) repeat-y left top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#frame .pmap {
	POSITION: relative
}
#frame .pmap UL {
	POSITION: relative
}
#frame .pmap UL SPAN {
	LEFT: 1.2em; POSITION: absolute
}
#frame #miss0_1 .pmap UL LI {
	PADDING-RIGHT: 2em; PADDING-LEFT: 2em; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em
}
#frame #miss0_1 .pmap LI INPUT {
	MARGIN: 0px 0px 0px -0.1em
}
#frame #miss0_1 .pmap {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#frame #miss0_1 .pmap LI {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.current {
	FONT-WEIGHT: bold
}
.current UL LI {
	FONT-WEIGHT: normal
}
.advancedpage P {
	MARGIN-LEFT: 1em
}
.advancedpage .subtitle {
	MARGIN-LEFT: 1em
}
.adv {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_adv.gif) no-repeat left 50%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
H2 SPAN.adv {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute
}
H2 SPAN.adv A {
	FONT-WEIGHT: normal; FONT-SIZE: 70%; MARGIN: 0px 0px 0px 20px
}
.filteroptions {
	PADDING-RIGHT: 0.1em; PADDING-LEFT: 0.1em; FONT-WEIGHT: bold; FONT-SIZE: 80%; PADDING-BOTTOM: 0.1em; COLOR: #789; PADDING-TOP: 0.1em
}
SMALL.options {
	FONT-SIZE: 70%; FLOAT: right; MARGIN: -0.2em 0px 1em
}
TABLE .filteroptions {
	CLEAR: none! important
}
#secondwave LI {
	DISPLAY: inline; LIST-STYLE-TYPE: none
}
#secondwave {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1em; PADDING-BOTTOM: 0px; MARGIN: 0.8em 0px 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #adb9c4 1px solid
}
#secondwave LI A {
	BORDER-RIGHT: #96a3b1 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #96a3b1 1px solid; PADDING-LEFT: 1em; BACKGROUND: #adb9c4; PADDING-BOTTOM: 0px; BORDER-LEFT: #96a3b1 1px solid; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #a4b1bd 1px solid
}
#secondwave LI#current A {
	BORDER-RIGHT: #adb9c4 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #adb9c4 1px solid; PADDING-LEFT: 1em; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #adb9c4 1px solid; COLOR: #789; PADDING-TOP: 0.3em; BORDER-BOTTOM: #adb9c4 1px
}
#secondwave LI.selected A {
	BORDER-RIGHT: #adb9c4 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #adb9c4 1px solid; PADDING-LEFT: 1em; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #adb9c4 1px solid; COLOR: #789; PADDING-TOP: 0.3em; BORDER-BOTTOM: #adb9c4 1px
}
#secondwave UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0.3em; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0.3em; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; BORDER-BOTTOM-STYLE: none
}
#secondwave LI UL LI A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal! important; FONT-SIZE: 120%! important; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none! important; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
#secondwave UL LI.selected A {
	FONT-WEIGHT: bold! important; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.searchin {
	LEFT: 30em; POSITION: absolute
}
.topform LABEL {
	CLEAR: left; FLOAT: left; MARGIN: 0px 0.5em 0px 0px; WIDTH: 14em; TEXT-ALIGN: left
}
.topform INPUT {
	WIDTH: 11em
}
.btmform LABEL {
	LEFT: 2.6em; POSITION: absolute
}
.btmform P {
	MARGIN-LEFT: 12em
}
#sortselect_pm SPAN {
	WHITE-SPACE: nowrap
}
#sortselect_pm {
	PADDING-RIGHT: 3em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.btmform SPAN SMALL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0.2em
}
#soptions {
	PADDING-LEFT: 0.3em; FONT-WEIGHT: bold; FONT-SIZE: 70%; FLOAT: left; COLOR: #789
}
#soptions1 {
	PADDING-LEFT: 0.3em; FONT-WEIGHT: bold; FONT-SIZE: 70%; FLOAT: left; COLOR: #789
}
.new {
	PADDING-LEFT: 1.3em; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/widget_sep.gif) no-repeat left top; MARGIN-LEFT: 1em
}
.cal {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_cal.gif) no-repeat right 50%; PADDING-BOTTOM: 3px; MARGIN: 0px 1em 0px 0px; LINE-HEIGHT: 140%; PADDING-TOP: 2px
}
.cal INPUT {
	WIDTH: 7em
}
#f-calendar-trigger-1 IMG {
	MARGIN: -0.8em 0px 0px 0.2em
}
#f-calendar-trigger-2 IMG {
	MARGIN: -0.8em 0px 0px 0.2em
}
#f-calendar-trigger-3 IMG {
	MARGIN: -0.8em 0px 0px 0.2em
}
#f-calendar-trigger-4 IMG {
	MARGIN: -0.8em 0px 0px 0.2em
}
A.advanced {
	FONT-WEIGHT: normal; FONT-SIZE: 70%
}
A.advanced:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 70%
}
.projectsearch {
	RIGHT: 0px; MARGIN: -0.3em 0px 0px; POSITION: absolute; TOP: 0px
}
.tright {
	RIGHT: 0px; MARGIN: -0.3em 0px 0px; POSITION: absolute; TOP: 0px
}
.topnav FORM .advanced {
	FONT-SIZE: 70%
}
.projectsearch INPUT {
	FONT-SIZE: 70%
}
INPUT.passive {
	WIDTH: 8em; COLOR: #789
}
INPUT.active {
	WIDTH: 8em; COLOR: #000
}
#frame .project .clean {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.user {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_user.gif) no-repeat; PADDING-BOTTOM: 2px; PADDING-TOP: 0px
}
#filter0_2 .user {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/icon_user2.gif) no-repeat; PADDING-BOTTOM: 2px; PADDING-TOP: 0px
}
.lookma {
	BORDER-RIGHT: #fd0 3px solid; PADDING-RIGHT: 0.3em; BORDER-TOP: #fd0 3px solid; MARGIN-TOP: -1em; PADDING-LEFT: 0.3em; Z-INDEX: 1000; BACKGROUND: #ffc; LEFT: 23em; FLOAT: left; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #fd0 3px solid; PADDING-TOP: 0.3em; BORDER-BOTTOM: #fd0 3px solid; POSITION: absolute; TEXT-ALIGN: left
}
.searchma {
	BORDER-RIGHT: #fd0 3px solid; PADDING-RIGHT: 0.3em; BORDER-TOP: #fd0 3px solid; MARGIN-TOP: -1em; PADDING-LEFT: 0.3em; Z-INDEX: 1000; BACKGROUND: #ffc; LEFT: 15em; FLOAT: left; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #fd0 3px solid; PADDING-TOP: 0.3em; BORDER-BOTTOM: #fd0 3px solid; POSITION: absolute; TEXT-ALIGN: left
}
.lookma INPUT {
	DISPLAY: block; MARGIN: 0.6em
}
.searchma INPUT {
	DISPLAY: block; MARGIN: 0.6em
}
.lookma SPAN {
	BORDER-RIGHT: #fc0 1px solid; PADDING-RIGHT: 0.2em; BORDER-TOP: #fc0 1px solid; PADDING-LEFT: 0.2em; FONT-SIZE: 1em; RIGHT: 0px; BACKGROUND: #fb0; PADDING-BOTTOM: 0px; MARGIN: 0.2em; BORDER-LEFT: #fc0 1px solid; WIDTH: 0.7em; COLOR: #ffc; PADDING-TOP: 0px; BORDER-BOTTOM: #fc0 1px solid; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center
}
.searchma SPAN {
	BORDER-RIGHT: #fc0 1px solid; PADDING-RIGHT: 0.2em; BORDER-TOP: #fc0 1px solid; PADDING-LEFT: 0.2em; FONT-SIZE: 1em; RIGHT: 0px; BACKGROUND: #fb0; PADDING-BOTTOM: 0px; MARGIN: 0.2em; BORDER-LEFT: #fc0 1px solid; WIDTH: 0.7em; COLOR: #ffc; PADDING-TOP: 0px; BORDER-BOTTOM: #fc0 1px solid; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center
}
#ranktable {
	FONT-SIZE: 80%
}
#frame TABLE TR TD.rankcalc {
	FONT-SIZE: 80%; FONT-FAMILY: arial, sans-serif
}
.firstwave LI {
	DISPLAY: inline; FONT-SIZE: 75%! important; LIST-STYLE-TYPE: none
}
.firstwave .nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 10000! important; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px; PADDING-TOP: 0px; POSITION: relative
}
.firstwave LI A {
	BORDER-RIGHT: #89a 1px solid; PADDING-RIGHT: 14px! important; BORDER-TOP: #89a 1px solid; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn.gif) #9ab no-repeat right bottom; BORDER-LEFT: #89a 1px solid; COLOR: #fff! important; BORDER-BOTTOM: #789 1px solid
}
.firstwave LI SPAN {
	BORDER-RIGHT: #89a 1px solid; PADDING-RIGHT: 14px! important; BORDER-TOP: #89a 1px solid; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn.gif) #9ab no-repeat right bottom; BORDER-LEFT: #89a 1px solid; COLOR: #fff! important; BORDER-BOTTOM: #789 1px solid
}
.firstwave LI A.nosub {
	PADDING-RIGHT: 0.4em! important; BACKGROUND-IMAGE: none! important
}
.firstwave LI#current A {
	BORDER-RIGHT: #789 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #789 1px solid; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn.gif) #fff no-repeat right bottom; PADDING-BOTTOM: 2px; BORDER-LEFT: #789 1px solid; COLOR: #345! important; PADDING-TOP: 0.3em; BORDER-BOTTOM: #fff 1px solid; POSITION: relative
}
.firstwave LI.selected A {
	BORDER-RIGHT: #789 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #789 1px solid; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn.gif) #fff no-repeat right bottom; PADDING-BOTTOM: 2px; BORDER-LEFT: #789 1px solid; COLOR: #345! important; PADDING-TOP: 0.3em; BORDER-BOTTOM: #fff 1px solid; POSITION: relative
}
.firstwave LI.selected SPAN {
	BORDER-RIGHT: #789 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #789 1px solid; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn.gif) #fff no-repeat right bottom; PADDING-BOTTOM: 2px; BORDER-LEFT: #789 1px solid; COLOR: #345! important; PADDING-TOP: 0.3em; BORDER-BOTTOM: #fff 1px solid; POSITION: relative
}
.firstwave LI#current SPAN {
	BORDER-RIGHT: #789 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #789 1px solid; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn.gif) #fff no-repeat right bottom; PADDING-BOTTOM: 2px; BORDER-LEFT: #789 1px solid; COLOR: #345! important; PADDING-TOP: 0.3em; BORDER-BOTTOM: #fff 1px solid; POSITION: relative
}
.firstwave LI.selected A {
	BORDER-RIGHT: #789 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #789 1px solid; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn.gif) #fff no-repeat right bottom; PADDING-BOTTOM: 2px; BORDER-LEFT: #789 1px solid; COLOR: #345! important; PADDING-TOP: 0.3em; BORDER-BOTTOM: #fff 1px solid; POSITION: relative
}
.firstwave LI.selected A {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 1px; PADDING-TOP: 0.1em
}
.firstwave UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
.firstwave LI UL LI A {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: normal! important; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0.4em; COLOR: #cde! important; BORDER-TOP-STYLE: none! important; PADDING-TOP: 0.3em; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important
}
.firstwave UL LI.selected A {
	FONT-WEIGHT: bold! important
}
.firstwave .nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px -1px 0.4em; PADDING-TOP: 0px; POSITION: relative
}
.firstwave .nav LI LI {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; PADDING-BOTTOM: 0px! important; MARGIN: 0px; PADDING-TOP: 0px! important
}
.firstwave LI LI {
	DISPLAY: block! important; FONT-SIZE: 100%! important; MARGIN: 0.6em 0.2em 0.6em 0px
}
.firstwave .nav LI A {
	PADDING-RIGHT: 0.4em; DISPLAY: block; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; TEXT-DECORATION: none
}
.firstwave .nav LI SPAN {
	PADDING-RIGHT: 0.4em; DISPLAY: block; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; TEXT-DECORATION: none
}
.firstwave .nav LI A:hover {
	BORDER-RIGHT: #234 1px solid; BORDER-TOP: #234 1px solid; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn1.gif) #345 no-repeat right bottom; BORDER-LEFT: #234 1px solid; COLOR: #fff! important; BORDER-BOTTOM: #345 1px solid
}
.firstwave .nav LI.admin A:hover {
	BORDER-RIGHT: #234 1px solid; BORDER-TOP: #234 1px solid; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn1.gif) #345 no-repeat right bottom; BORDER-LEFT: #234 1px solid; COLOR: #fff! important; BORDER-BOTTOM: #345 1px solid
}
.firstwave .nav LI SPAN:hover {
	BORDER-RIGHT: #234 1px solid; BORDER-TOP: #234 1px solid; BACKGROUND: url(http://c.fsdn.com/sf/images//sfx/nav_dwn1.gif) #345 no-repeat right bottom; BORDER-LEFT: #234 1px solid; COLOR: #fff! important; BORDER-BOTTOM: #345 1px solid
}
.firstwave .nav LI.adm
12345

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -