📄 style.css

📁 功能强大首发! 演示地址:http://jsice.com QQ:3300828 运行环境： Internet Information Server 5.x or 6.0 （ii
💻 CSS
字号:
BODY {
	FONT-SIZE: 12px; BACKGROUND: url(images/bg.gif) #fff left top; MARGIN: 0px; COLOR: #000; TEXT-ALIGN: center
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	LIST-STYLE-TYPE: none
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A {
	COLOR: #1a53ff; TEXT-DECORATION: none
}
A:visited {
	COLOR: #551a8b
}
A:hover {
	COLOR: #f60; TEXT-DECORATION: underline
}
INPUT {
	FONT-SIZE: 12px; BACKGROUND: #eee
}
TEXTAREA {
	FONT-SIZE: 12px; BACKGROUND: #eee
}
SELECT {
	FONT-SIZE: 12px; BACKGROUND: #eee
}
TD {
	FONT-SIZE: 12px
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(images/col_top10.gif) #ccc no-repeat; MARGIN: 0px; COLOR: #000; LINE-HEIGHT: 29px; TEXT-ALIGN: center
}
H5 {
	PADDING-LEFT: 24px; FONT-SIZE: 12px; BACKGROUND: url(images/col_top10r.gif) #547e3f no-repeat center 50%; MARGIN: 2px; COLOR: #fff; LINE-HEIGHT: 24px; TEXT-ALIGN: left
}
#body {
	CLEAR: both; BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 760px
}
#body H4 A {
	COLOR: #000; TEXT-DECORATION: none
}
#body H5 A {
	COLOR: #fff; TEXT-DECORATION: none
}
#body LI {
	LINE-HEIGHT: 21px; TEXT-ALIGN: left
}
.topten UL {
	BORDER-RIGHT: #a6c893 1px solid; BORDER-TOP: #a6c893 1px solid; BACKGROUND: url(images/bg_rightcol.gif); MARGIN: 0px 3px 10px; BORDER-LEFT: #a6c893 1px solid; BORDER-BOTTOM: #a6c893 1px solid
}
.topten LI {
	PADDING-LEFT: 10px; BACKGROUND: url(images/li_arrow1.gif) no-repeat 5px 6px
}
#body LI.more {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 3px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-ALIGN: right; BORDER-BOTTOM-STYLE: none
}
.levels {
	CLEAR: both; FONT-SIZE: 1px
}
.title {
	COLOR: #c30
}
.time {
	COLOR: #999
}
.author {
	COLOR: #1a53ff
}
#topmenu {
	BACKGROUND: url(images/bg_topmenu.gif) repeat-x center 50%; MARGIN: 0px auto; WIDTH: 760px; BORDER-BOTTOM: #fff 5px solid; HEIGHT: 54px
}
#topmenu1 {
	MARGIN-TOP: 7px; FLOAT: left; LINE-HEIGHT: 20px; HEIGHT: 40px; TEXT-ALIGN: center
}
#topmenu2 {
	MARGIN-TOP: 7px; FLOAT: left; LINE-HEIGHT: 20px; HEIGHT: 40px; TEXT-ALIGN: center
}
#topmenu0 {
	MARGIN-TOP: 7px; FLOAT: left; LINE-HEIGHT: 20px; HEIGHT: 40px; TEXT-ALIGN: center
}
#topmenu0 {
	BACKGROUND: url(images/bg_topmenu_home.gif) no-repeat center 50%; WIDTH: 115px; LINE-HEIGHT: 40px
}
#topmenu1 {
	BACKGROUND: url(images/bg_topmenu_center.gif) no-repeat right 50%; WIDTH: 555px
}
#topmenu2 {
	BACKGROUND: url(images/bg_topmenu_right.gif) #fff repeat-x 50% top; WIDTH: 90px
}
#topmenu1 LI {
	FLOAT: left; WIDTH: 65px; MARGIN-RIGHT: 12px
}
#topmenu A {
	COLOR: #000; TEXT-DECORATION: none
}
#topmenu1 A {
	COLOR: #fff; TEXT-DECORATION: none
}
#searchbar {
	BACKGROUND: url(images/bg_searchbar.gif) #fff repeat-x; MARGIN: 0px auto; WIDTH: 760px; HEIGHT: 28px; TEXT-ALIGN: left
}
#login {
	PADDING-LEFT: 60px; BACKGROUND: url(images/searchbar_login.gif) no-repeat; POSITION: absolute
}
#loginimg {
	FLOAT: left; WIDTH: 50px
}
#username {
	FLOAT: left; MARGIN: 6px 10px 0px 0px
}
#password {
	FLOAT: left; MARGIN: 6px 10px 0px 0px
}
#loginbtn {
	FLOAT: left; MARGIN: 7px 0px 0px; WIDTH: 66px
}
#username INPUT {
	WIDTH: 75px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 16px; BACKGROUND-COLOR: #fff; BORDER-BOTTOM-STYLE: none
}
#password INPUT {
	WIDTH: 75px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 16px; BACKGROUND-COLOR: #fff; BORDER-BOTTOM-STYLE: none
}
#loginbtn INPUT {
	BACKGROUND: #900; WIDTH: 56px; COLOR: #ff6; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 16px; BORDER-BOTTOM-STYLE: none
}
#reg {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 34px; PADDING-TOP: 7px
}
#reg A {
	DISPLAY: block; BACKGROUND: url(images/bg_button2.gif) repeat-x; WIDTH: 34px; COLOR: #000; LINE-HEIGHT: 16px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#forget {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 56px; PADDING-TOP: 7px
}
#forget A {
	DISPLAY: block; BACKGROUND: url(images/bg_button2.gif) repeat-x; WIDTH: 56px; COLOR: #000; LINE-HEIGHT: 16px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#manage {
	PADDING-LEFT: 55px; BACKGROUND: url(images/searchbar_manage.gif) no-repeat; POSITION: absolute
}
#manageimg {
	FLOAT: left; WIDTH: 50px; TEXT-ALIGN: left
}
#manage UL {
	DISPLAY: inline
}
#manage LI {
	FLOAT: left; LIST-STYLE-TYPE: none
}
#manage LI A {
	DISPLAY: block; WIDTH: 60px; COLOR: #000; LINE-HEIGHT: 28px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#manage LI A:hover {
	BACKGROUND: url(images/bg_usermenu.gif) no-repeat center 50%
}
#manage LI A.logout {
	WIDTH: 30px
}
#search {
	BACKGROUND: url(images/searchbar_part.gif) no-repeat left top; FLOAT: right; WIDTH: 310px; HEIGHT: 28px; TEXT-ALIGN: right
}
#searchcondition {
	MARGIN-TOP: 5px; FLOAT: left; WIDTH: 120px
}
#searchkeyword {
	MARGIN-TOP: 6px; FLOAT: left; WIDTH: 85px
}
#searchbtn {
	MARGIN-TOP: 7px; FLOAT: left; WIDTH: 50px
}
#searchcondition SELECT {
	WIDTH: 70px
}
#searchkeyword INPUT {
	WIDTH: 75px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 16px; BACKGROUND-COLOR: #fff; BORDER-BOTTOM-STYLE: none
}
#searchbtn INPUT {
	BACKGROUND: url(images/bg_button1.gif) repeat-x; WIDTH: 40px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 16px; BORDER-BOTTOM-STYLE: none
}
#bottom {
	PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 760px; LINE-HEIGHT: 18px; PADDING-TOP: 10px; BACKGROUND-COLOR: #eee
}
#bottom A {
	COLOR: #000; TEXT-DECORATION: none
}
.topten {
	MARGIN-BOTTOM: 7px; WIDTH: 160px
}
.topten LI {
	PADDING-LEFT: 10px; BACKGROUND: url(images/li_arrow1.gif) no-repeat 5px 6px; TEXT-ALIGN: left
}
.firstalt {
	BACKGROUND-COLOR: #eee
}
.secondalt {
	BACKGROUND-COLOR: #fff
}
.bigfont {
	FONT-WEIGHT: bolder; FONT-SIZE: 16px
}
.middlefont {
	FONT-SIZE: 11px
}
.smallfont {
	FONT-SIZE: 9px
}
.arrow {
	FONT-SIZE: 9px; COLOR: #f60
}
#content A {
	COLOR: #36c; TEXT-DECORATION: none
}
#content A:hover {
	COLOR: #96c; TEXT-DECORATION: underline
}
.content {
	FONT-SIZE: 14px; LINE-HEIGHT: 130%
}
.subhead {
	FONT-SIZE: 14px; COLOR: #f60
}
#cattext {
	FONT-SIZE: 12px; TEXT-DECORATION: none
}
#tbh {
	FONT-SIZE: 12px; TEXT-DECORATION: none
}
#tbh A {
	COLOR: #000; TEXT-DECORATION: none
}
#cattitle A {
	COLOR: #000; TEXT-DECORATION: none
}
#cat A {
	COLOR: #000; TEXT-DECORATION: none
}
#root A {
	TEXT-DECORATION: none
}
#googlead1 {
	PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 760px; LINE-HEIGHT: 18px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff
}
#googlead2 {
	WIDTH: 160px
}
⌨️ 快捷键说明

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