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

📄 new.css

📁 一个已经成形的打折网站,只要添加图片就可以上线运行了
💻 CSS
📖 第 1 页 / 共 2 页
字号:
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px Arial, Helvetica, sans-serif; COLOR: #333; PADDING-TOP: 0px; TEXT-ALIGN: left
}

#wrap {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 770px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
A {
	COLOR: #384072; TEXT-DECORATION: none
}
A:link {
	COLOR: #384072; TEXT-DECORATION: none
}
A:visited {
	COLOR: #384072; TEXT-DECORATION: none
}
A:hover {
	COLOR: #384072; TEXT-DECORATION: underline
}
A:active {
	COLOR: #384072; TEXT-DECORATION: none
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.more {
	FONT-WEIGHT: normal! important; FONT-SIZE: 12px! important; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right! important; CURSOR: pointer; COLOR: #000098! important
}
LI CITE {
	FONT-SIZE: 12px; FLOAT: right; WIDTH: 4em; COLOR: #999; FONT-STYLE: normal
}
LI CITE A {
	COLOR: #999
}
LI CITE A:visited {
	COLOR: #999
}
.bbs55 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; LINE-HEIGHT: 1.5em; PADDING-TOP: 3px; LIST-STYLE-TYPE: none
}
.bbs55 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.bbs55 LI {
	PADDING-LEFT: 1.3em; BACKGROUND: url(../images/dian.gif) no-repeat; OVERFLOW: hidden
}
.bbs55 .msgtitlelist {
	FONT-SIZE: 1.2em
}
.bbs552 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.bbs553 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.2em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.xspace-ajaxdiv {
	BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fcffef; PADDING-BOTTOM: 5px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; POSITION: absolute; TEXT-ALIGN: left
}
.xspace-ajaxdiv H5 {
	FONT-SIZE: 1em; MARGIN: 0px; LINE-HEIGHT: 24px
}
.xspace-ajaxdiv H5 A {
	FONT-WEIGHT: normal; FLOAT: right
}
.xspace-ajaxcontent {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; BACKGROUND: #fff; BORDER-LEFT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid
}
.xspace-ajaxcontent FORM {
	MARGIN: 0px
}
.pages {
	BORDER-TOP: #9fc8df 1px solid; TEXT-ALIGN: right
}
.xspace-page {
	MARGIN: 2px 2px 2px auto
}
TABLE.xspace-page A {
	PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; TEXT-DECORATION: none
}
TABLE.xspace-page A:hover {
	BACKGROUND: #86b9d6
}
TABLE.xspace-page TD.xspace-current {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; BACKGROUND: #86b9d6; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
TABLE.xspace-page TD.xspace-totlerecord {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
.xspace-page TD.xspace-totlepages {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em
}
FORM {
	MARGIN: 0px
}
INPUT {
	FONT: 1em Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT: 1em Arial, Helvetica, sans-serif
}
BUTTON {
	FONT: 1em Arial, Helvetica, sans-serif
}
SELECT {
	FONT: 1em Arial, Helvetica, sans-serif
}
BUTTON {
	BORDER-RIGHT: #2a8aba 1px solid; PADDING-RIGHT: 0.3em; BORDER-TOP: #c9e3f0 1px solid; PADDING-LEFT: 0.3em; BACKGROUND: #9fc8df; PADDING-BOTTOM: 0px; BORDER-LEFT: #c9e3f0 1px solid; CURSOR: pointer; PADDING-TOP: 0px; BORDER-BOTTOM: #2a8aba 1px solid; HEIGHT: 1.8em
}
LABEL {
	CURSOR: pointer; MARGIN-RIGHT: 0.5em
}
#topmenu {
	BACKGROUND: url(../images/new/title_bg.gif) #9fc8df repeat-x 0px -3px; LINE-HEIGHT: 2em; BORDER-BOTTOM: #f5fbff 4px solid; TEXT-ALIGN: right
}
#topmenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #86b9d6 1px solid; LIST-STYLE-TYPE: none
}
#topmenu LI {
	PADDING-RIGHT: 0.5em; DISPLAY: inline; PADDING-LEFT: 1em; BORDER-LEFT: #86b9d6 1px solid
}
#topmenu A {
	COLOR: #154ba0
}
#pagetitle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; OVERFLOW: hidden; PADDING-TOP: 8px; BORDER-BOTTOM: #f5fbff 4px solid; HEIGHT: 90px
}
#logo {
	BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 10px; PADDING-TOP: 0px
}
.banner468 {
	FLOAT: right
}
#menu {
	BORDER-TOP: #86b9d6 2px solid; BACKGROUND: url(../images/new/menu_bg.gif); OVERFLOW: hidden; WIDTH: 770px; LINE-HEIGHT: 25px; BORDER-BOTTOM: #86b9d6 1px solid
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 1em; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu LI {
	FLOAT: left; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 6em; WHITE-SPACE: nowrap
}
#menu DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 1.5em; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 25px
}
#menu DT {
	FLOAT: left; WIDTH: 4em; WHITE-SPACE: nowrap
}
#menu DT A {
	COLOR: #000098! important
}
#menu DD {
	FLOAT: left; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 6em; WHITE-SPACE: nowrap
}
#navigation {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1.2em; PADDING-TOP: 1.2em
}
#navigation P {
	MARGIN: 0px
}
#navigation P A {
	MARGIN: 0px 0.5em
}
#navigation P STRONG {
	MARGIN: 0px 0.5em
}
#searchform {
	FLOAT: right
}
#searchform  {
	VERTICAL-ALIGN: top
}
#searchform BUTTON {
	MARGIN-LEFT: 0.5em
}
.simplepage#navigation {
	PADDING-RIGHT: 0px; BORDER-TOP: #009dea 2px solid; PADDING-LEFT: 0px; BACKGROUND: #eff5ff; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #009dea 1px solid
}
.simplepage#navigation P {
	FLOAT: right; MARGIN-RIGHT: 0.5em
}
.simplepage#navigation H1 {
	PADDING-LEFT: 0.5em; FONT-SIZE: 1.2em; MARGIN: 0px
}
.simplepage#navigation H2 {
	PADDING-LEFT: 0.5em; FONT-SIZE: 1.2em; MARGIN: 0px
}
.content {
	BACKGROUND: url(../images/new/bg.gif) repeat-y 0px 0px; WIDTH: 100%
}
 HTML .content {
	HEIGHT: 1%
}
UNKNOWN {
	OVERFLOW: hidden
}
.contentL {
	BACKGROUND: url(../images/new/bg.gif) repeat-y -590px 0px; WIDTH: 100%
}
 HTML .contentL {
	HEIGHT: 1%
}
UNKNOWN {
	OVERFLOW: hidden
}
.contentR {
	BACKGROUND: url(../images/new/bg.gif) repeat-y 580px 0px; WIDTH: 100%
}
 HTML .contentR {
	HEIGHT: 1%
}
UNKNOWN {
	OVERFLOW: hidden
}
.sideL {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 210px
}
.sideR {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 190px
}
.mainarea {
	FLOAT: left; MARGIN: 0px 4px; WIDTH: 362px
}
.contentL .mainarea {
	MARGIN: 0px 0px 0px 4px; WIDTH: 556px
}
.contentR .mainarea {
	MARGIN: 0px 4px 0px 0px; WIDTH: 576px
}
.blocktitle {
	BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #86b9d6 1px solid; PADDING-LEFT: 1px; MARGIN-BOTTOM: 4px; PADDING-BOTTOM: 1px; BORDER-LEFT: #86b9d6 1px solid; LINE-HEIGHT: 30px; PADDING-TOP: 1px; BORDER-BOTTOM: #86b9d6 1px solid
}
.blocktitle H2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1.2em; BACKGROUND: url(../images/new/title_bg.gif) #9fc8df repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.blocktitle .more {
	MARGIN-RIGHT: 5px
}
.sideblock {
	BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #86b9d6 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 3px; BORDER-LEFT: #86b9d6 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #86b9d6 1px solid
}
.sideblock H3 {
	PADDING-LEFT: 0.5em; FONT-SIZE: 1em; MARGIN: 0px; LINE-HEIGHT: 2em; BORDER-BOTTOM: #bbe9ff 1px solid
}
 HTML .sideblock H3 {
	HEIGHT: 1%
}
.sideblock P {
	MARGIN: 0.3em; LINE-HEIGHT: 1.6em
}
.headimg {
	BORDER-RIGHT: #e2f0f9 4px solid; BORDER-TOP: #e2f0f9 4px solid; FLOAT: right; MARGIN: 5px 0px 2px 5px; BORDER-LEFT: #e2f0f9 4px solid; WIDTH: 80px; BORDER-BOTTOM: #e2f0f9 4px solid; HEIGHT: 80px
}
.sideblock DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; LINE-HEIGHT: 1.8em; PADDING-TOP: 3px
}
.sideblock DT {
	PADDING-LEFT: 0.8em; BACKGROUND: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em
}
.sideblock DD {
	MARGIN-LEFT: 0.8em; COLOR: #999
}
.sideblock DD A {
	COLOR: #999
}
.boldblock {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: #9fc8df; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.cleanblock {
	BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #86b9d6 1px solid; PADDING-LEFT: 0px; BACKGROUND: #f5fbff; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; BORDER-LEFT: #86b9d6 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #86b9d6 1px solid
}
#headline {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; PADDING-TOP: 5px; HEIGHT: 58px
}
#headline STRONG {
	FONT-SIZE: 1.2em
}
#headline P {
	MARGIN: 0.3em 0px
}
#headline IMG {
	BORDER-RIGHT: #fff 4px solid; BORDER-TOP: #fff 4px solid; FLOAT: right; BORDER-LEFT: #fff 4px solid; WIDTH: 48px; BORDER-BOTTOM: #fff 4px solid; HEIGHT: 48px
}
.msgtitlelist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN: 0px; LINE-HEIGHT: 1.6em; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
.msgtitlelist LI {
	PADDING-LEFT: 0.8em; BACKGROUND: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; OVERFLOW: hidden; HEIGHT: 1.6em
}
.mainarea .msgtitlelist {
	FONT-SIZE: 1.2em
}
.messagelist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.messagelist LI {
	MARGIN: 5px 0px 10px
}
.messagelist LI H4 {
	FONT-SIZE: 1em; BACKGROUND: #f0f9ff; MARGIN: 5px 0px; LINE-HEIGHT: 2em
}
.messagelist LI H4 A {
	FONT-SIZE: 1.2em; COLOR: #009
}
.messagelist LI H4 A:visited {
	FONT-WEIGHT: normal
}
.messagelist LI P {
	MARGIN: 0px
}
.articlelist LI {
	PADDING-LEFT: 60px
}
.articlelist H4 IMG {
	BORDER-RIGHT: #b9d0ed 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b9d0ed 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f0f9ff; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN-LEFT: -60px; BORDER-LEFT: #b9d0ed 1px solid; WIDTH: 48px; PADDING-TOP: 3px; BORDER-BOTTOM: #b9d0ed 1px solid; HEIGHT: 48px
}
#hottag {
	OVERFLOW: hidden
}
#hottag DIV {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #fff; PADDING-BOTTOM: 0.5em; OVERFLOW: hidden; LINE-HEIGHT: 1.8em; PADDING-TOP: 0.5em
}
#hottag A {
	MARGIN-RIGHT: 0.2em; WHITE-SPACE: nowrap
}
#hottag A EM {
	COLOR: #999; FONT-STYLE: normal
}
#spacestar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 4px; PADDING-TOP: 0px; HEIGHT: 235px
}
#spacestar LI {
	DISPLAY: inline; BACKGROUND: #e2f0f9; FLOAT: left; MARGIN: 3px 1px; OVERFLOW: hidden; WIDTH: 54px; HEIGHT: 70px; TEXT-ALIGN: center
}
#spacestar IMG {
	MARGIN-TOP: 3px; WIDTH: 48px; HEIGHT: 48px
}
#spacestar P {
	MARGIN: 0px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
UNKNOWN {
	MARGIN-TOP: -4px
}
#cityspace FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; MARGIN: 0px auto; WIDTH: 10.5em; PADDING-TOP: 7px
}
#cityspace SELECT {
	MARGIN: 2px 0px
}
#cityspace BUTTON {
	MARGIN-TOP: 4px; FLOAT: right; WIDTH: 3.5em; HEIGHT: 3.5em
}
.stat OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(../images/new/hotspace_bg.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.stat LI {
	OVERFLOW: hidden; HEIGHT: 20px
}
.stat EM {
	FONT-SIZE: 9px; FLOAT: right; WIDTH: 40px; COLOR: #999; FONT-STYLE: normal
}
#hotarticle {
	BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #86b9d6 1px solid; PADDING-LEFT: 3px; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 3px; BORDER-LEFT: #86b9d6 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #86b9d6 1px solid; POSITION: relative
}
#hotarticle H3 {
	FONT-SIZE: 1.2em; MARGIN: 0px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #86b9d6 1px solid
}
#hotarticletabs {
	RIGHT: 10px; MARGIN: 0px; LINE-HEIGHT: 18px; POSITION: absolute; TOP: 8px
}
#hotarticletabs SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #86b9d6; FLOAT: right; PADDING-BOTTOM: 0px; CURSOR: pointer; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 0px; HEIGHT: 18px
}
#hotarticletabs SPAN.active {
	BORDER-RIGHT: #86b9d6 1px solid; BORDER-TOP: #86b9d6 1px solid; BACKGROUND: #fff; BORDER-LEFT: #86b9d6 1px solid; COLOR: #333; BORDER-BOTTOM: #86b9d6 1px
}
#hotarticle UL {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #fff; PADDING-BOTTOM: 0.5em; MARGIN: 0px; OVERFLOW: hidden; LINE-HEIGHT: 1.7em; PADDING-TOP: 0.5em; LIST-STYLE-TYPE: none; HEIGHT: 16.5em
}
#hotarticle LI {
	PADDING-LEFT: 0.8em; BACKGROUND: url(../images/new/list_icon.gif) no-repeat 0.3em 0.7em; OVERFLOW: hidden; COLOR: #999; HEIGHT: 1.7em
}
.imgthumblist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 3px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
 HTML .imgthumblist {
	HEIGHT: 1%
}
UNKNOWN {
	OVERFLOW: hidden
}
.imgthumblist LI {
	BORDER-RIGHT: #b9d0ed 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b9d0ed 1px solid; DISPLAY: inline; PADDING-LEFT: 3px; BACKGROUND: #f0f9ff; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 3px; OVERFLOW: hidden; BORDER-LEFT: #b9d0ed 1px solid; WIDTH: 100px; PADDING-TOP: 3px; BORDER-BOTTOM: #b9d0ed 1px solid; HEIGHT: 155px; TEXT-ALIGN: center
}
.imgthumblist LI.list1line {
	HEIGHT: 115px
}
.imgthumblist LI.list2line {
	HEIGHT: 135px
}
.contentL .imgthumblist LI {
	MARGIN: 0px 1px 3px
}
.imgthumblist P {
	MARGIN: 0px; LINE-HEIGHT: 18px
}
.imgthumblist DIV {
	FONT-SIZE: 90px; LINE-HEIGHT: 90px; HEIGHT: 100px
}
.imgthumblist DIV A {
	DISPLAY: block; VERTICAL-ALIGN: middle; WIDTH: 100px
}
.imgthumblist DIV IMG {
	FONT-SIZE: 10px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width >100 && this.height < this.width ? 100: true); ; HEIGHT: expression(this.height > 100 ? 100: true); max-width: 100px; max-height: 100px
}

@media Unknown    
{
.imgthumblist DIV IMG {
	WIDTH: 100px; HEIGHT: 100px
}
    }
LI.smallthumb {
	WIDTH: 75px; HEIGHT: 92px
}
LI.smallthumb DIV {
	FONT-SIZE: 65px; LINE-HEIGHT: 65px; HEIGHT: 75px
}
LI.smallthumb DIV A {
	WIDTH: 75px
}

⌨️ 快捷键说明

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