space.css

他人的PCI设计经验

	FONT-SIZE: 10px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width>100 && this.height < this.width ? 100: true); BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ; HEIGHT: expression(this.height>100 ? 100: true); BORDER-BOTTOM-STYLE: none; max-width: 100px; max-height: 100px
}

@media Unknown    
{
.xspace-imgcover {
	WIDTH: 100px; HEIGHT: 100px
}
    }
LI.xspace-videolist .xspace-movieplay {
	PADDING-RIGHT: 10px; BACKGROUND: url(../images/base/icon_arrow_play.gif) no-repeat 100% 3px; FLOAT: right; MARGIN: 5px 5px 0px 0px
}
LI.xspace-videolist P {
	MARGIN-LEFT: 130px
}
LI.xspace-videolist H4.xspace-entrytitle {
	MARGIN-LEFT: 130px
}
LI.xspace-videolist H4.xspace-entrytitle STRONG {
	FLOAT: left; MARGIN-LEFT: -130px
}
LI.xspace-videolist H4.xspace-entrytitle STRONG A {
	DISPLAY: block; FONT-SIZE: 73px; VERTICAL-ALIGN: middle; WIDTH: 110px; LINE-HEIGHT: 73px; HEIGHT: 85px; TEXT-ALIGN: center
}
 HTML LI.xspace-videolist H4.xspace-entrytitle STRONG A {
	OVERFLOW: hidden
}
.xspace-videocover {
	FONT-SIZE: 10px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width>100 && this.height/this.width < 0.75 ? 100: true); BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ; HEIGHT: expression(this.height>75 ? 75: true); BORDER-BOTTOM-STYLE: none; max-width: 100px; max-height: 75px
}

@media Unknown    
{
.xspace-videocover {
	WIDTH: 100px; HEIGHT: 75px
}
    }
LI.xspace-videolist H4 A.flash {
	PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/base/video_types.gif); BACKGROUND-REPEAT: no-repeat
}
LI.xspace-videolist H4 A.media {
	PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/base/video_types.gif); BACKGROUND-REPEAT: no-repeat
}
LI.xspace-videolist H4 A.real {
	PADDING-LEFT: 18px; BACKGROUND-IMAGE: url(../images/base/video_types.gif); BACKGROUND-REPEAT: no-repeat
}
LI.xspace-videolist H4 A.flash {
	BACKGROUND-POSITION: 0px 0px
}
LI.xspace-videolist H4 A.media {
	BACKGROUND-POSITION: 0px -46px
}
LI.xspace-videolist H4 A.real {
	BACKGROUND-POSITION: 0px -92px
}
LI.xspace-goodslist .xspace-price {
	FLOAT: right; MARGIN: 5px 5px 0px 0px
}
LI.xspace-goodslist .xspace-price STRONG {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; COLOR: #090; PADDING-TOP: 0px
}
LI.xspace-goodslist P {
	MARGIN-LEFT: 90px
}
LI.xspace-goodslist H4.xspace-entrytitle {
	MARGIN-LEFT: 90px
}
.xspace-goodsimg {
	FLOAT: left; MARGIN-LEFT: -90px; WIDTH: 70px; HEIGHT: 70px
}
LI.xspace-filelist {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
LI.xspace-filelist H4.xspace-entrytitle {
	PADDING-LEFT: 0.2em; LINE-HEIGHT: 2em
}
LI.xspace-linklist {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
LI.xspace-linklist H4.xspace-entrytitle {
	PADDING-LEFT: 0.2em; LINE-HEIGHT: 2em
}
LI.xspace-grouplist .xspace-joingroup {
	PADDING-RIGHT: 15px; BACKGROUND: url(../images/base/icon_add_fri.gif) no-repeat 100% 3px; FLOAT: right; MARGIN: 5px 5px 0px 0px
}
LI.xspace-grouplist P {
	MARGIN-LEFT: 130px
}
LI.xspace-grouplist H4.xspace-entrytitle {
	MARGIN-LEFT: 130px
}
LI.xspace-grouplist H4.xspace-entrytitle STRONG {
	FLOAT: left; MARGIN-LEFT: -130px
}
LI.xspace-grouplist H4.xspace-entrytitle STRONG A {
	DISPLAY: block; FONT-SIZE: 96px; VERTICAL-ALIGN: middle; WIDTH: 110px; LINE-HEIGHT: 96px; HEIGHT: 110px; TEXT-ALIGN: center
}
 HTML LI.xspace-grouplist H4.xspace-entrytitle STRONG A {
	OVERFLOW: hidden
}
.xspace-grouplogo {
	FONT-SIZE: 10px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width>100 && this.height < this.width ? 100: true); BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ; HEIGHT: expression(this.height>100 ? 100: true); BORDER-BOTTOM-STYLE: none; max-width: 100px; max-height: 100px
}

@media Unknown    
{
.xspace-grouplogo {
	WIDTH: 100px; HEIGHT: 100px
}
    }
LI.xspace-friendlist P {
	MARGIN-LEFT: 70px
}
LI.xspace-friendlist H4.xspace-entrytitle {
	MARGIN-LEFT: 70px
}
LI.xspace-friendlist H4.xspace-entrytitle {
	MARGIN-TOP: 10px; FONT-SIZE: 1.3em
}
.xspace-friendavatar {
	FLOAT: left; MARGIN-LEFT: -70px; WIDTH: 48px; HEIGHT: 48px
}
H1.xspace-title {
	PADDING-LEFT: 0.2em; FONT-SIZE: 1.2em; BACKGROUND: #eee; LINE-HEIGHT: 2em
}
.xspace-itemmessage {
	OVERFLOW-Y: hidden; MARGIN: 0.5em auto; OVERFLOW: auto; WIDTH: 99%; LINE-HEIGHT: 1.8em
}
.xspace-itemmessage  {
	LINE-HEIGHT: normal
}
.xspace-itemmessage P {
	MARGIN: 10px 0px; LINE-HEIGHT: 1.8em! important
}
.xspace-itemmessage DIV {
	MARGIN: 10px 0px; LINE-HEIGHT: 1.8em! important
}
.xspace-itemmessage P  {
	LINE-HEIGHT: normal! important
}
.xspace-itemmessage DIV  {
	LINE-HEIGHT: normal! important
}
.xspace-itemmessage A {
	TEXT-DECORATION: underline
}
.xspace-itemmessage UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 3em; PADDING-TOP: 0px
}
.xspace-itemmessage OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 3em; PADDING-TOP: 0px
}
.xspace-itemmessage LI A {
	PADDING-LEFT: 0px; BACKGROUND-IMAGE: none
}
A.xspace-showflash {
	PADDING-LEFT: 1.5em; BACKGROUND: url(../images/base/file_flash.gif) no-repeat 0px 0px; TEXT-DECORATION: none
}
A.xspace-showvideo {
	PADDING-LEFT: 1.5em; BACKGROUND: url(../images/base/file_flash.gif) no-repeat 0px 0px; TEXT-DECORATION: none
}
A.xspace-showvideo {
	BACKGROUND: url(../images/base/file_video.gif) no-repeat 0px 0px
}
.xspace-itemmessage IMG {
	; WIDTH: expression(this.width > 400 ? 400: true); max-width: 400px
}
.xspace-imginlog P {
	MARGIN: 0.3em 0px 1em
}
KBD {
	FONT: 1em Arial, Helvetica, sans-serif
}
#xspace-showmessage KBD.showflash {
	CURSOR: pointer; TEXT-DECORATION: underline
}
#xspace-showmessage KBD.showvideo {
	CURSOR: pointer; TEXT-DECORATION: underline
}
#xspace-showmessage KBD.showreal {
	CURSOR: pointer; TEXT-DECORATION: underline
}
.xspace-imagebox {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 0.3em; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 0.3em; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #eee 1px solid; PADDING-TOP: 0.3em; BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: center
}
#xspace-imgnavbar {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0px; LINE-HEIGHT: 2em; PADDING-TOP: 0px; BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: left
}
#xspace-imgshowbox {
	FONT-SIZE: 400px; OVERFLOW-X: hidden; MARGIN: 0px auto; WIDTH: 400px; LINE-HEIGHT: 400px; HEIGHT: 400px
}
#xspace-imgshowbox A {
	VERTICAL-ALIGN: middle; WIDTH: 400px; HEIGHT: 400px
}
#xspace-showimg {
	VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width > 400 && this.height < this.width ? 400: true); BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ; HEIGHT: expression(this.height > 400 ? 400: true); BORDER-BOTTOM-STYLE: none; max-width: 400px; max-height: 400px
}
.xspace-flashlist {
	BORDER-TOP: #eee 1px solid; MARGIN-TOP: 0.5em; TEXT-ALIGN: left
}
.xspace-flashlist H5 {
	FONT-SIZE: 1em; MARGIN: 1em 0.3em; BORDER-BOTTOM: #eee 1px solid
}
#xspace-itempiclist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px auto; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#xspace-itempiclist LI {
	DISPLAY: inline
}
#xspace-itempiclist IMG {
	FILTER: alpha(opacity=50); MARGIN: 0px 5px; CURSOR: pointer; opacity: 0.5
}
#xspace-itempiclist .xspace-reelScrollButton IMG {
	MARGIN: 1px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#xspace-itempiclist .xspace-on .xspace-reelScrollButton IMG {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid
}
#xspace-itempiclist .xspace-on .xspace-reelScrollButton:hover IMG {
	BORDER-LEFT-COLOR: #039; BORDER-BOTTOM-COLOR: #039; BORDER-TOP-COLOR: #039; BORDER-RIGHT-COLOR: #039
}
.xspace-on .xspace-reelScrollUpButton IMG {
	BACKGROUND: url(../images/base/img_ctrl_up.gif) no-repeat center center
}
.xspace-on .xspace-reelScrollDownButton IMG {
	BACKGROUND: url(../images/base/img_ctrl_down.gif) no-repeat center center
}
.xspace-on .xspace-reelScrollLeftButton IMG {
	BACKGROUND: url(../images/base/img_ctrl_left.gif) no-repeat center center
}
.xspace-on .xspace-reelScrollRightButton IMG {
	BACKGROUND: url(../images/base/img_ctrl_right.gif) no-repeat center center
}
#xspace-filebaseinfo {
	OVERFLOW: hidden; WIDTH: 99%
}
#xspace-filebaseinfo LI {
	FLOAT: left; WIDTH: 49.9%; BORDER-BOTTOM: #eee 1px solid
}
.xspace-filedown {
	OVERFLOW: hidden; ZOOM: 1
}
.xspace-filedown DIV {
	FLOAT: left; WIDTH: 50%
}
.xspace-goodsinfo {
	MARGIN-BOTTOM: 1em; OVERFLOW: hidden; ZOOM: 1
}
#xspace-goodspic {
	FLOAT: left; WIDTH: 190px; HEIGHT: 190px
}
#xspace-goodspic IMG {
	WIDTH: 190px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 190px; BORDER-BOTTOM-STYLE: none
}
#xspace-ownerinfo {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 1px solid; MARGIN-TOP: 205px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN-LEFT: -200px; OVERFLOW: hidden; BORDER-LEFT: #eee 1px solid; WIDTH: 178px; PADDING-TOP: 10px; BORDER-BOTTOM: #eee 1px solid; ZOOM: 1
}
#xspace-goodsprice {
	MARGIN: 0px 0px 0px 210px; PADDING-TOP: 30px; HEIGHT: 170px; TEXT-ALIGN: center
}
#xspace-goodsprice P {
	MARGIN: 0.5em 0px
}
#xspace-goodsprice STRONG {
	FONT-SIZE: 2em; COLOR: #f90
}
#xspace-goodsprice A {
	BACKGROUND-POSITION: 0px 0px; DISPLAY: block; BACKGROUND-IMAGE: url(../images/base/btn_buy_b.gif); MARGIN: auto; OVERFLOW: hidden; WIDTH: 119px; TEXT-INDENT: -9999px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 37px
}
#xspace-goodsprice A:hover {
	BACKGROUND-POSITION: 0px -50px
}
#xspace-goodsprice A.xspace-auction {
	BACKGROUND-IMAGE: url(../images/base/btn_auction_b.gif)
}
#xspace-goodsbaseinfo {
	MARGIN-LEFT: 210px
}
#xspace-goodsbaseinfo LI {
	BORDER-BOTTOM: #eee 1px solid
}
.xspace-goodsinfo .xspace-send2fav {
	MARGIN-LEFT: 210px
}
.xspace-goodsinfo .xspace-send2fav A {
	DISPLAY: block; BACKGROUND: url(../images/base/btn_collect.gif) no-repeat; MARGIN: 10px auto; OVERFLOW: hidden; WIDTH: 127px; TEXT-INDENT: -9999px; HEIGHT: 36px
}
#xspace-aplist TABLE {
	TEXT-ALIGN: center
}
#xspace-aplist TH {
	BORDER-BOTTOM: #eee 1px solid
}
#xspace-aplist TD {
	BORDER-BOTTOM: #eee 1px solid
}
#xspace-aplist .xspace-darkrow {
	BACKGROUND: #f9f9f9
}
#xspace-aplist .xspace-ontop TD {
	BACKGROUND: #eee