📄 supesitemain.css

📁 最全的介绍C语言结构体的使用方法和使用技巧！
💻 CSS
📖 第 1 页 / 共 4 页
字号:
#newsarea {
	MARGIN-BOTTOM: 3px
}
#newsarea .leftside {
	FLOAT: left; WIDTH: 107px
}
#newsarea .mainarea {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 431px; PADDING-TOP: 0px
}
#newsarea .rightside {
	FLOAT: right; WIDTH: 220px; POSITION: relative; HEIGHT: 360px
}
#picnews UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#picnews LI {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ddd 1px solid; MARGIN-TOP: 14px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ddd 1px solid
}
#picnews LI IMG {
	WIDTH: 103px; HEIGHT: 84px
}
#picnews LI P {
	MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100px; HEIGHT: 1.2em; TEXT-ALIGN: center
}
#newnewslist UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/SupeSite/dotline_list.gif); VISIBILITY: visible; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; OVERFLOW: hidden; WIDTH: 100%; LINE-HEIGHT: 22px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#newnewslist LI {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item.gif) no-repeat left 50%; FLOAT: left; OVERFLOW: hidden; WIDTH: 42%; MARGIN-RIGHT: 16px; HEIGHT: 22px
}
#newnewslist LI EM {
	FONT-SIZE: 10px; FLOAT: right; COLOR: #999; FONT-STYLE: normal
}
#newsarea #hotnews {
	BORDER-RIGHT: #e4ecfb 4px solid; BORDER-TOP: #e4ecfb 4px solid; BACKGROUND: url(../images/SupeSite/vote_bg.gif) #e4ecfb repeat-x left top; BORDER-LEFT: #e4ecfb 4px solid; BORDER-BOTTOM: #e4ecfb 4px solid; HEIGHT: 260px
}
#newsarea #hotnews H3 {
	PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title_side_3d.gif) no-repeat 10px 5px; MARGIN: 0px; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 30px; HEIGHT: 26px
}
#newsarea #hotnews UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#newsarea #hotnews LI {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item.gif) no-repeat 0px 9px; OVERFLOW: hidden; HEIGHT: 22px
}
#vote {
	BORDER-RIGHT: #bcd2f7 4px solid; BORDER-TOP: #bcd2f7 4px solid; BACKGROUND: url(../images/SupeSite/new_space_bg.gif) #bcd2f7 repeat-x left top; OVERFLOW: hidden; BORDER-LEFT: #bcd2f7 4px solid; WIDTH: 212px; COLOR: #fff; BOTTOM: 0px; BORDER-BOTTOM: #bcd2f7 4px solid; POSITION: absolute; HEIGHT: 80px
}
.open#vote {
	OVERFLOW-Y: scroll
}
#vote H3 {
	PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title_side_3d.gif) no-repeat 10px 5px; MARGIN: 0px; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 30px; HEIGHT: 26px
}
#vote UL LI A {
	TEXT-INDENT: 5px; TEXT-ALIGN: left
}
#vote FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 10px; PADDING-TOP: 0px
}
#vote FORM P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/SupeSite/dotline_list.gif) repeat-x 50% bottom; PADDING-BOTTOM: 5px; MARGIN: 0px; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px
}
#vote FORM P.title {
	FONT-WEIGHT: bold
}
#vote FORM UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#vote FORM LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(../images/SupeSite/dotline_list.gif) repeat-x 50% bottom; PADDING-BOTTOM: 5px; WIDTH: 190px; PADDING-TOP: 5px; POSITION: relative
}
#vote FORM LI INPUT {
	LEFT: -2px; POSITION: absolute; TOP: 1px
}
#vote FORM BUTTON {
	BACKGROUND: url(../images/SupeSite/btn_bg.gif) #747691; MARGIN: 0px 10px 0px 3px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; WIDTH: 45px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; LINE-HEIGHT: 27px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 24px; BORDER-BOTTOM-STYLE: none
}
#vote FORM P.btns {
	BACKGROUND-POSITION: 0px -21px; MARGIN-TOP: 6px; PADDING-TOP: 6px
}
#vote FORM A.showresult {
	BACKGROUND: url(../images/SupeSite/btn_w_bg.gif) no-repeat; FLOAT: right; OVERFLOW: hidden; WIDTH: 170px; COLOR: #fff; LINE-HEIGHT: 27px; HEIGHT: 24px; TEXT-ALIGN: center; opacity: 0.5
}
#blogarea {
	OVERFLOW: hidden
}
#blogarea .leftside {
	FLOAT: left; WIDTH: 190px; PADDING-TOP: 3px
}
#blogarea .mainarea {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 303px; PADDING-TOP: 3px
}
#blogarea .rightside {
	FLOAT: right; WIDTH: 265px; PADDING-TOP: 3px
}
#blogarea H3.openmyspace {
	MARGIN: 0px; HEIGHT: 55px
}
#blogarea H3.openmyspace A {
	DISPLAY: block; BACKGROUND: url(../images/SupeSite/btn_open_space.gif) #8cafea; OVERFLOW: hidden; WIDTH: 190px; TEXT-INDENT: -9999px; HEIGHT: 52px
}
#newspace {
	BORDER-RIGHT: #bcd2f7 4px solid; BORDER-TOP: #bcd2f7 4px solid; BACKGROUND: url(../images/SupeSite/new_space_bg.gif) #bcd2f7 repeat-x left top; MARGIN-BOTTOM: 3px; BORDER-LEFT: #bcd2f7 4px solid; BORDER-BOTTOM: #bcd2f7 4px solid; HEIGHT: 224px
}
#newspace H3 {
	PADDING-LEFT: 25px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title_side_3d.gif) no-repeat 10px 5px; MARGIN: 0px; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 30px; HEIGHT: 29px
}
#newspace UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 15px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#newspace LI {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item_arrow_white.gif) no-repeat 0px 5px; OVERFLOW: hidden; HEIGHT: 18px
}
#newspace LI A {
	COLOR: #fff
}
#cityspace {
	BORDER-RIGHT: #b8b9c9 1px solid; BORDER-TOP: #b8b9c9 1px solid; BACKGROUND: #fffff7; MARGIN-BOTTOM: 3px; BORDER-LEFT: #b8b9c9 1px solid; BORDER-BOTTOM: #b8b9c9 1px solid; HEIGHT: 76px
}
#cityspace FORM {
	MARGIN: 8px 0px 0px
}
#cityspace SPAN.outbdr {
	WIDTH: 85px
}
#cityspace SPAN.outbdr SELECT {
	WIDTH: 85px
}
#cityspace FORM BUTTON {
	BACKGROUND: url(../images/SupeSite/btn_cityspace.gif) #747691; FLOAT: left; MARGIN-LEFT: 3px; OVERFLOW: hidden; WIDTH: 69px; CURSOR: pointer; BORDER-TOP-STYLE: none; TEXT-INDENT: -9999px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 24px; BORDER-BOTTOM-STYLE: none
}
#cityspace .allspace {
	PADDING-RIGHT: 12px; BACKGROUND: url(../images/SupeSite/icon_title.gif) no-repeat right 50%; FLOAT: right; LINE-HEIGHT: 24px; MARGIN-RIGHT: 2px
}
#blogarea #cityspace FORM {
	MARGIN-TOP: 10px
}
#blogarea #cityspace FORM BUTTON {
	MARGIN-TOP: 10px; MARGIN-LEFT: 6px
}
#blogarea #cityspace .allspace {
	MARGIN-TOP: 10px
}
#newarticle {
	MARGIN-BOTTOM: 3px
}
#newarticle H3 {
	PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title.gif) #f2f3f6 no-repeat 5px 8px; MARGIN: 0px 0px -10px; OVERFLOW: hidden; LINE-HEIGHT: 30px; HEIGHT: 26px
}
#newarticle UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; LINE-HEIGHT: 21px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#newarticle LI {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item_arrow.gif) no-repeat 0px 8px; OVERFLOW: hidden; BORDER-BOTTOM: #f0f0f0 1px solid; HEIGHT: 21px
}
#recommendspace {
	BACKGROUND: #f7f7f7; MARGIN-BOTTOM: 3px; HEIGHT: 103px
}
#recommendspace H3 {
	PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title.gif) no-repeat 5px 14px; MARGIN: 0px; OVERFLOW: hidden; LINE-HEIGHT: 40px; HEIGHT: 35px
}
#recommendspace UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#recommendspace LI {
	FLOAT: left; MARGIN-RIGHT: 5px
}
#recommendspace LI IMG {
	BORDER-RIGHT: #b8b9c9 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #b8b9c9 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #b8b9c9 1px solid; WIDTH: 48px; PADDING-TOP: 1px; BORDER-BOTTOM: #b8b9c9 1px solid; HEIGHT: 48px
}
#forumarea A.more {
	BACKGROUND-IMAGE: url(../images/SupeSite/enter_forum.gif)
}
#forumarea .mainarea {
	FLOAT: left; WIDTH: 534px; PADDING-TOP: 3px
}
#forumarea .rightside {
	FLOAT: right; WIDTH: 230px; PADDING-TOP: 3px
}
#forumusertop10 {
	BORDER-RIGHT: #f6f6f6 5px; BORDER-TOP: #f6f6f6 5px solid; BACKGROUND: url(../images/SupeSite/gray_back.gif) repeat-x 50% top; FLOAT: left; MARGIN-BOTTOM: 3px; BORDER-LEFT: #f6f6f6 5px solid; WIDTH: 140px; BORDER-BOTTOM: #f6f6f6 5px solid; HEIGHT: 253px
}
#forumusertop10 H3 {
	PADDING-LEFT: 22px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title_3d.gif) no-repeat 10px 50%; MARGIN: 0px; OVERFLOW: hidden; COLOR: #8686ce; LINE-HEIGHT: 28px; HEIGHT: 26px
}
#forumusertop10 OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 6px 0px 3em; OVERFLOW: hidden; LINE-HEIGHT: 21px; PADDING-TOP: 0px
}
#forumusertop10 LI {
	BORDER-BOTTOM: #f5f5f5 1px solid
}
#newthread {
	BORDER-RIGHT: #f6f6f6 5px solid; BORDER-TOP: #f6f6f6 5px solid; BACKGROUND: url(../images/SupeSite/gray_back.gif) repeat-x 50% top; FLOAT: left; MARGIN-BOTTOM: 3px; BORDER-LEFT: #f6f6f6 1px solid; WIDTH: 383px; BORDER-BOTTOM: #f6f6f6 5px solid; HEIGHT: 253px
}
#newthread H3 {
	PADDING-LEFT: 22px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title_3d.gif) no-repeat 10px 50%; MARGIN: 0px; OVERFLOW: hidden; COLOR: #8686ce; LINE-HEIGHT: 28px; HEIGHT: 26px
}
#newthread UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/SupeSite/dotline_list.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 4px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 220px
}
#newthread LI {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(../images/SupeSite/icon_item.gif) no-repeat 0px 8px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 170px; PADDING-TOP: 0px; HEIGHT: 22px
}
#forumpic {
	BACKGROUND: url(../images/SupeSite/forumpic_title.gif) #fefedb no-repeat left top; FLOAT: left; MARGIN-BOTTOM: 3px; WIDTH: 534px; HEIGHT: 108px
}
#forumpic H3 {
	DISPLAY: none
}
#forumpic UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 40px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#forumpic LI {
	PADDING-RIGHT: 10px; MARGIN-TOP: 5px; BACKGROUND: url(../images/SupeSite/dotline_v_yellow.gif) repeat-y right 50%; FLOAT: left; MARGIN-LEFT: 10px
}
#forumpic IMG {
	BORDER-RIGHT: #a5b211 1px solid; BORDER-TOP: #a5b211 1px solid; BORDER-LEFT: #a5b211 1px solid; WIDTH: 78px; BORDER-BOTTOM: #a5b211 1px solid; HEIGHT: 78px
}
#forumpic P {
	MARGIN: 0px; OVERFLOW: hidden; WIDTH: 80px; HEIGHT: 1.2em; TEXT-ALIGN: center
}
#forumpic LI.lastitem {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#forumstar {
	BACKGROUND: url(../images/SupeSite/forumstar_bg.gif) #fefedb; MARGIN-BOTTOM: 3px; PADDING-TOP: 15px; HEIGHT: 93px
}
#forumstar H3 {
	DISPLAY: none
}
#forumstar IMG {
	BORDER-RIGHT: #a5b211 1px solid; BORDER-TOP: #a5b211 1px solid; FLOAT: left; MARGIN-LEFT: 15px; BORDER-LEFT: #a5b211 1px solid; WIDTH: 78px; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #a5b211 1px solid; HEIGHT: 78px
}
#forumstar P {
	MARGIN: 0px; LINE-HEIGHT: 1.6em
}
#forumstar P STRONG {
	COLOR: #f00
}
#forumstar P.button A {
	DISPLAY: block; BACKGROUND: #eaeab1; FLOAT: left; WIDTH: 4.5em; MARGIN-RIGHT: 4px; TEXT-ALIGN: center
}
#hotforum {
	BACKGROUND: url(../images/SupeSite/hotforum_bg.gif) #dadee6; MARGIN-BOTTOM: 3px; HEIGHT: 263px
}
#hotforum H3 {
	PADDING-LEFT: 26px; FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 31px
}
#hotforum OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px; LINE-HEIGHT: 21px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#hotforum LI {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/SupeSite/icon_item_arrow_white.gif) no-repeat left 50%
}
#hotforum LI A {
	COLOR: #757591
}
#galleryarea {
	BORDER-RIGHT: #dadee6 4px solid; BORDER-TOP: #dadee6 4px solid; BACKGROUND: url(../images/SupeSite/galleryarea_bg.gif) #dadee6 repeat-x 50% top; MARGIN-BOTTOM: 3px; BORDER-LEFT: #dadee6 4px solid; BORDER-BOTTOM: #dadee6 4px solid; HEIGHT: 170px
}
#galleryarea H3 {
	PADDING-LEFT: 25px; FONT-SIZE: 12px; BACKGROUND: url(../images/SupeSite/icon_title_3d.gif) no-repeat 10px 4px; MARGIN: 0px; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 26px; HEIGHT: 22px
}
#galleryarea UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 8px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
⌨️ 快捷键说明

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