📄 new.css
字号:
LI.smallthumb DIV IMG {
; WIDTH: expression(this.width >75 && this.height < this.width ? 75: true); ; HEIGHT: expression(this.height > 75 ? 75: true); max-width: 75px; max-height: 75px
}
@media Unknown
{
LI.smallthumb DIV IMG {
WIDTH: 75px; HEIGHT: 75px
}
}
.imgthumblist DIV A:hover {
BACKGROUND: #fff
}
.throughgallery {
CLEAR: both; BACKGROUND: #e2f0f9; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; WIDTH: 100%
}
.throughgallery .imgthumblist {
MARGIN: 0px
}
.throughgallery .imgthumblist LI {
MARGIN: 3px 1px; HEIGHT: 120px
}
.imgtitlelist {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.imgtitlelist LI {
PADDING-LEFT: 85px; PADDING-BOTTOM: 5px; MARGIN: 5px 0px; BORDER-BOTTOM: #e2f0f9 1px solid
}
HTML .imgtitlelist LI {
HEIGHT: 1%
}
UNKNOWN {
OVERFLOW: hidden
}
.imgtitlelist LI H4 {
FONT-SIZE: 1em; MARGIN: 0.3em 0px
}
.imgtitlelist LI 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: -85px; BORDER-LEFT: #b9d0ed 1px solid; WIDTH: 70px; PADDING-TOP: 3px; BORDER-BOTTOM: #b9d0ed 1px solid; HEIGHT: 70px
}
.imgtitlelist LI P {
MARGIN: 0px; LINE-HEIGHT: 1.5em
}
.sideblock .imgtitlelist LI {
PADDING-LEFT: 65px
}
.sideblock .imgtitlelist LI IMG {
MARGIN-LEFT: -60px; WIDTH: 48px; HEIGHT: 48px
}
.category {
MARGIN: 4px 0px 10px
}
.category H3 {
FONT-SIZE: 1.2em; MARGIN: 0px 0px 5px; LINE-HEIGHT: 1.8em; BORDER-BOTTOM: #86b9d6 1px solid; HEIGHT: 1.8em
}
.category H3 STRONG {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: #e9ecef; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.category H3 STRONG A {
COLOR: #333; TEXT-DECORATION: none
}
.catepic {
TEXT-ALIGN: center
}
.catepic IMG {
BORDER-RIGHT: #b9d0ed 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b9d0ed 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 3px; BACKGROUND: #f0f9ff; PADDING-BOTTOM: 3px; BORDER-LEFT: #b9d0ed 1px solid; ; WIDTH: expression(this.width > 150 && this.height < this.width ? 150: true); PADDING-TOP: 3px; BORDER-BOTTOM: #b9d0ed 1px solid; ; HEIGHT: expression(this.height > 150 ? 150: true); max-width: 150px; max-height: 150px
}
.catepic P {
MARGIN: 0.5em; TEXT-ALIGN: left
}
#subjectlist {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT-COLOR: #86b9d6; BORDER-BOTTOM-COLOR: #86b9d6; PADDING-BOTTOM: 2px; BORDER-TOP-COLOR: #86b9d6; PADDING-TOP: 2px; BORDER-RIGHT-COLOR: #86b9d6
}
#subjectlist H3 {
BACKGROUND: #9fc8df; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#subjectlist LI {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #e2f0f9 1px solid; TEXT-ALIGN: center
}
#subjectlist P {
MARGIN: 0px; LINE-HEIGHT: 1.2em
}
#articledetail {
BORDER-RIGHT: #86b9d6 1px solid; BORDER-TOP: #86b9d6 1px solid; BORDER-LEFT: #86b9d6 1px solid; BORDER-BOTTOM: #86b9d6 1px solid; TEXT-ALIGN: center
}
.articletitle {
FONT-SIZE: 1.6em; MARGIN: 1em 0px 0.5em
}
.articleinfo {
MARGIN: 0px; BORDER-BOTTOM: #9fc8df 1px solid
}
.articlectrl {
MARGIN: 0.5em 0px 1.5em
}
#articlebody {
OVERFLOW-Y: hidden; FONT-SIZE: 1.2em; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 98%; LINE-HEIGHT: 1.8em; TEXT-ALIGN: left
}
#articlebody {
LINE-HEIGHT: normal
}
#articlebody P {
MARGIN: 10px 0px; LINE-HEIGHT: 1.8em! important
}
#articlebody DIV {
MARGIN: 10px 0px; LINE-HEIGHT: 1.8em! important
}
#articlebody P {
LINE-HEIGHT: normal! important
}
#articlebody DIV {
LINE-HEIGHT: normal! important
}
#articlebody .addoninfo {
BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; BORDER-LEFT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid
}
#articlebody .addoninfo H5 {
PADDING-LEFT: 1em; FONT-SIZE: 1em; MARGIN: 0px; LINE-HEIGHT: 2em! important; BORDER-BOTTOM: #eee 1px solid
}
#articlebody .addoninfo UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px 0.5em 2em; PADDING-TOP: 0px
}
#articlebody .addoninfo LI {
LINE-HEIGHT: 1.6em! important
}
#articlebody IMG {
; WIDTH: expression(this.width > 500 ? 500: true); max-width: 500px
}
.imglogolist {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#articlebody KBD.showvideo {
FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; TEXT-DECORATION: underline
}
#articlebody KBD.showflash {
FONT: 1em Arial, Helvetica, sans-serif; CURSOR: pointer; TEXT-DECORATION: underline
}
#commentlist {
BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #86b9d6 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 4px 0px 0px; OVERFLOW: hidden; BORDER-LEFT: #86b9d6 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #86b9d6 1px solid
}
#commentlist H3 {
FONT-SIZE: 1em; BACKGROUND: #f0f9ff; MARGIN: 0px; LINE-HEIGHT: 2em; BORDER-BOTTOM: #86b9d6 1px solid
}
#commentlist IMG {
; WIDTH: expression(this.width > 500 ? 500: true); max-width: 500px
}
#commentlist .messagelist LI DIV {
OVERFLOW-Y: hidden; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 98%; LINE-HEIGHT: 1.8em; TEXT-ALIGN: left
}
#commentlist .messagelist LI DIV {
LINE-HEIGHT: normal
}
#commentlist .messagelist LI DIV P {
MARGIN: 10px 0px; LINE-HEIGHT: 1.8em! important
}
#commentlist .messagelist LI DIV DIV {
MARGIN: 10px 0px; LINE-HEIGHT: 1.8em! important
}
#commentlist .messagelist LI DIV P {
LINE-HEIGHT: normal! important
}
#commentlist .messagelist LI DIV DIV {
LINE-HEIGHT: normal! important
}
#comment {
MARGIN-TOP: 4px
}
#comment H3 {
FONT-SIZE: 1em; MARGIN: 0px 5px; LINE-HEIGHT: 2em
}
#comment FORM {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px
}
#comment P {
MARGIN: 0.3em 0px
}
.seccodeline {
VERTICAL-ALIGN: middle
}
#xspace-rates {
HEIGHT: 2em
}
#xspace-rates LABEL {
FLOAT: left; LINE-HEIGHT: 24px; MARGIN-RIGHT: 5px
}
#xspace-rates A {
BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; FLOAT: left; MARGIN: 0px 2px; BORDER-LEFT: #eee 1px solid; WIDTH: 20px; LINE-HEIGHT: 20px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#xspace-rates A:hover {
BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-TOP-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc
}
.xspace-rates-5 #xspace-rate-5 {
FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #bbb; BACKGROUND: #ddd; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
.xspace-rates-3 #xspace-rate-3 {
FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #bbb; BACKGROUND: #ddd; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
.xspace-rates-1 #xspace-rate-1 {
FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #bbb; BACKGROUND: #ddd; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
.xspace-rates0 #xspace-rate0 {
FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #bbb; BACKGROUND: #ddd; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
.xspace-rates1 #xspace-rate1 {
FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #bbb; BACKGROUND: #ddd; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
.xspace-rates3 #xspace-rate3 {
FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #bbb; BACKGROUND: #ddd; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
.xspace-rates5 #xspace-rate5 {
FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #bbb; BACKGROUND: #ddd; BORDER-BOTTOM-COLOR: #bbb; BORDER-TOP-COLOR: #bbb; BORDER-RIGHT-COLOR: #bbb
}
#panel {
MARGIN: 1em auto; OVERFLOW: hidden; WIDTH: 600px
}
#userpanel FIELDSET {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#loginform FIELDSET {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#signform FIELDSET {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#userpanel LEGEND {
DISPLAY: none
}
#loginform LEGEND {
DISPLAY: none
}
#signform LEGEND {
DISPLAY: none
}
#userpanel {
OVERFLOW: hidden; HEIGHT: 8.8em
}
#userpanel FORM {
MARGIN: 5px auto; WIDTH: 150px
}
#userpanel INPUT {
WIDTH: 90px
}
#userpanel P {
MARGIN: 0.5em 0px
}
#userpanel #dologin {
FLOAT: right
}
#userpanel FORM A {
BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 5px; COLOR: #b353b3; LINE-HEIGHT: 2em
}
#userpanel LI {
PADDING-LEFT: 12px; BACKGROUND: url(../images/new/list_icon.gif) no-repeat 0.3em 0.8em; BORDER-BOTTOM: #bbe9ff 1px solid
}
#userpanel LI A {
COLOR: #000098
}
.loginarea {
FLOAT: left; WIDTH: 300px
}
.tips {
FLOAT: left; BORDER-LEFT: #d5e9f8 1px solid; WIDTH: 299px; LINE-HEIGHT: 1.8em
}
#signform P {
PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; PADDING-BOTTOM: 0.3em; MARGIN: 0px; OVERFLOW: hidden; LINE-HEIGHT: 20px; PADDING-TOP: 0.3em; BORDER-BOTTOM: #d5e9f8 1px solid; HEIGHT: 1%
}
#signform P STRONG {
FLOAT: left; WIDTH: 10em
}
#signform LI P {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: auto; BORDER-BOTTOM-STYLE: none
}
#signform BUTTON {
PADDING-RIGHT: 5em; PADDING-LEFT: 5em; PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 30px
}
.quicklink {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5em; OVERFLOW: hidden; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.quicklink LI {
FLOAT: left; WIDTH: 33.3%; TEXT-ALIGN: center
}
.quicklink LI A {
BORDER-RIGHT: #ccc 1px solid; BACKGROUND-POSITION: 5px 50%; BORDER-TOP: #ccc 1px solid; DISPLAY: block; MARGIN: 10px auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 180px; TEXT-INDENT: 65px; LINE-HEIGHT: 50px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 50px; TEXT-ALIGN: left
}
.sitehome {
BACKGROUND-IMAGE: url(../images/icon_home.gif)
}
.bbs {
BACKGROUND-IMAGE: url(../images/icon_bbs.gif)
}
.myspace {
BACKGROUND-IMAGE: url(../images/icon_my_xspace.gif)
}
.spacemng {
BACKGROUND-IMAGE: url(../images/icon_space_mng.gif)
}
.spacesignup {
BACKGROUND-IMAGE: url(../images/icon_my_xspace.gif)
}
.sitemng {
BACKGROUND-IMAGE: url(../images/icon_site_mng.gif)
}
.logout {
BACKGROUND-IMAGE: url(../images/icon_logout.gif)
}
.login {
BACKGROUND-IMAGE: url(../images/icon_key.gif)
}
.register {
BACKGROUND-IMAGE: url(../images/icon_register.gif)
}
.quicklink LI A:hover {
BORDER-LEFT-COLOR: #86b9d6; BORDER-BOTTOM-COLOR: #86b9d6; BORDER-TOP-COLOR: #86b9d6; BACKGROUND-COLOR: #f5fbff; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #86b9d6
}
#sitemap DIV {
BORDER-RIGHT: #86b9d6 1px solid; BORDER-TOP: #86b9d6 1px solid; MARGIN: 5px 2em; BORDER-LEFT: #86b9d6 1px solid; BORDER-BOTTOM: #86b9d6 1px solid
}
#sitemap H3 {
PADDING-LEFT: 0.5em; FONT-SIZE: 1em; BACKGROUND: #eff5ff; MARGIN: 0px; LINE-HEIGHT: 2em
}
#sitemap UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px; OVERFLOW: hidden; LINE-HEIGHT: 24px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 1%
}
#sitemap LI {
FLOAT: left; MARGIN: 0px 1em; WHITE-SPACE: nowrap
}
#friendlink UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 1em 1.5em; OVERFLOW: hidden; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 1%
}
#friendlink LI {
FLOAT: left; MARGIN: 2px; OVERFLOW: hidden; WIDTH: 100px; LINE-HEIGHT: 24px; HEIGHT: 24px; TEXT-ALIGN: center
}
.imglink {
PADDING-BOTTOM: 1em! important; BORDER-BOTTOM: #00c8dc 1px solid
}
.imglink LI {
HEIGHT: 31px! important
}
.imglink LI IMG {
WIDTH: 88px; HEIGHT: 31px
}
#pollform LEGEND {
FONT-WEIGHT: bold
}
#pollsummary {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; BACKGROUND: #eff5ff; PADDING-BOTTOM: 0.5em; MARGIN: 0.3em 0px; LINE-HEIGHT: 1.8em; PADDING-TOP: 0.5em
}
#pollresult {
BORDER-RIGHT: #d5e9f8 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #d5e9f8 1px solid; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; MARGIN: 1em 0px; BORDER-LEFT: #d5e9f8 1px solid; PADDING-TOP: 0.5em; BORDER-BOTTOM: #d5e9f8 1px solid
}
#pollresult UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#pollresult LI {
OVERFLOW: hidden
}
#pollresult LI P {
BACKGROUND: #f2f2f2; MARGIN: 2px 0px 5px; HEIGHT: 18px
}
.pollpercent {
FLOAT: left; WIDTH: 80%
}
.pollpercent SPAN {
BORDER-RIGHT: #009dea 1px solid; BACKGROUND: #8ed4f7; FLOAT: left; HEIGHT: 18px
}
.pollnum {
FLOAT: right; WIDTH: 20%
}
#dopoll {
BORDER-RIGHT: #d5e9f8 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #d5e9f8 1px solid; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; MARGIN: 1em 0px; BORDER-LEFT: #d5e9f8 1px solid; PADDING-TOP: 0.5em; BORDER-BOTTOM: #d5e9f8 1px solid; TEXT-ALIGN: center
}
#dopoll UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 2em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
#search {
BORDER-RIGHT: #00c8dc 1px solid; BORDER-TOP: #00c8dc 1px solid; MARGIN: 4em auto; BORDER-LEFT: #00c8dc 1px solid; WIDTH: 600px; BORDER-BOTTOM: #00c8dc 1px solid; POSITION: relative
}
#searchtabs {
MARGIN: 0px; POSITION: absolute; TOP: -23px; HEIGHT: 23px
}
#searchtabs SPAN {
BORDER-RIGHT: #00c8dc 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #00c8dc 1px solid; PADDING-LEFT: 1em; BACKGROUND: #d5e9f8; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 4px -1px 0px; BORDER-LEFT: #00c8dc 1px solid; CURSOR: pointer; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BORDER-BOTTOM: #00c8dc 1px solid
}
#searchtabs SPAN.active {
BACKGROUND: #fff; BORDER-BOTTOM: #fff 1px solid
}
#search FORM {
MARGIN: 4em 0px; TEXT-ALIGN: center
}
#search .open {
MARGIN: 2em; LINE-HEIGHT: 30px; TEXT-ALIGN: left! important
}
#search .open DIV DIV {
CLEAR: both; PADDING-LEFT: 7em
}
#search .open LABEL {
FLOAT: left; WIDTH: 7em
}
#search .open DIV LABEL {
MARGIN-LEFT: -7em
}
#search .open BUTTON {
FLOAT: right
}
#search .open FIELDSET {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#search .open FIELDSET LABEL {
FLOAT: none; MARGIN: auto 1em auto auto; WHITE-SPACE: nowrap
}
#footer {
CLEAR: both; BORDER-TOP: #86b9d6 2px solid; PADDING-BOTTOM: 2em; FONT: 100% Verdana, Arial, Helvetica, sans-serif; PADDING-TOP: 1em; TEXT-ALIGN: center
}
#footer P {
MARGIN: 0.3em 0px; COLOR: #999
}
#footer STRONG {
COLOR: #007ab6
}
#footer EM {
FONT-WEIGHT: bold; COLOR: #96a800; FONT-STYLE: normal
}
.smalltxt {
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999
}
.smalltxt A {
COLOR: #999! important
}
.smalltxt A:visited {
COLOR: #999! important
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -