style.css
来自「自己整理的H.264相关资料」· CSS 代码 · 共 286 行
CSS
286 行
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #3b053b; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666666; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TABLE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
TABLE TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#tvioNavTabs {
BACKGROUND-IMAGE: url(images/barbg.gif); PADDING-BOTTOM: 18px; WIDTH: 100%; PADDING-TOP: 10px; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center
}
#tvioNav {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 765px; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
#tvNav {
MARGIN: 0px auto; WIDTH: 765px; PADDING-TOP: 1px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
#tvNav A {
DISPLAY: block; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; COLOR: #606060; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 12px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#tvNav A:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #606060
}
#tvbanner {
PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 16px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center
}
A {
COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
COLOR: #0066cc
}
A:visited {
COLOR: #ff6600
}
H1 {
PADDING-LEFT: 86px; MARGIN: 0px; COLOR: #ffffff
}
H2 {
COLOR: #000000; TEXT-INDENT: 10px; BORDER-BOTTOM: #c0c0c0 ridge
}
H3 {
COLOR: #000000; TEXT-INDENT: 10px; BORDER-BOTTOM: #c0c0c0 1px dotted
}
H4 {
COLOR: #000000; BORDER-BOTTOM: #c0c0c0 1px dotted
}
H5 {
COLOR: #000000; BORDER-BOTTOM: #c0c0c0 1px dotted
}
UL {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 2px; MARGIN: 2px; PADDING-TOP: 2px; LIST-STYLE-TYPE: decimal; TEXT-ALIGN: left
}
LI {
LIST-STYLE-POSITION: inside; MARGIN-LEFT: 2px; COLOR: #ff0000; LIST-STYLE-TYPE: square
}
INPUT.formButton {
}
.item {
}
.itemHead {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #666666 1px dotted
}
.itemInfo {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
.itemTitle {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #0099cc
}
.itemTitle A {
FONT-WEIGHT: bold; FONT-SIZE: 16px; FONT-VARIANT: small-caps
}
.itemPoster {
FONT-SIZE: 90%; FONT-STYLE: italic
}
.itemPostDate {
FONT-SIZE: 90%; FONT-STYLE: italic
}
.itemStats {
FONT-SIZE: 90%; FONT-STYLE: italic
}
.itemBody {
PADDING-LEFT: 5px
}
.itemText {
MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 1.5em
}
.itemFoot {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #efefef; TEXT-ALIGN: right
}
.itemAdminLink {
FONT-SIZE: 90%
}
.itemPermaLink {
FONT-SIZE: 90%
}
TH {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #333333; LINE-HEIGHT: 150%; PADDING-TOP: 2px; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ffffff
}
TD#middle {
BACKGROUND-IMAGE: url(images/middle.gif); WIDTH: 765px
}
TD#footer {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/footer.gif); PADDING-BOTTOM: 0px; COLOR: #333333; LINE-HEIGHT: 40px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 50px; TEXT-ALIGN: center
}
TD#footer A {
COLOR: #333333
}
TD#footer A:hover {
COLOR: #0066cc
}
TD#leftcolumn {
FONT-SIZE: 12px; WIDTH: 160px
}
TD#leftcolumn TH {
}
TD#leftcolumn DIV.blockTitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; WIDTH: 160px; COLOR: #000000; LINE-HEIGHT: 20px; PADDING-TOP: 0px; HEIGHT: 15px; TEXT-ALIGN: center
}
TD#leftcolumn DIV.blockContent {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 120%; PADDING-TOP: 5px
}
TD#centercolumn_head {
HEIGHT: 5px; BACKGROUND-COLOR: #ffffff
}
TD#centercolumn {
FONT-SIZE: 12px; LINE-HEIGHT: 120%; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
TD#centercolumn_bottom {
HEIGHT: 12px
}
TD#centercolumn TH {
VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #ececec
}
TD#centerCcolumn {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff
}
TD#centerCcolumn DIV.blockTitle {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px
}
TD#centerCcolumn DIV.blockContent {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 0px; LINE-HEIGHT: 150%; MARGIN-RIGHT: 0px; PADDING-TOP: 3px
}
TD#centerLcolumn {
PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 50%; PADDING-TOP: 0px
}
TD#centerLcolumn DIV.blockTitle {
PADDING-RIGHT: 3px; MARGIN-TOP: 0px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px
}
TD#centerLcolumn DIV.blockContent {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 120%; PADDING-TOP: 3px
}
TD#centerRcolumn {
PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 50%; PADDING-TOP: 0px
}
TD#centerRcolumn DIV.blockTitle {
PADDING-RIGHT: 3px; MARGIN-TOP: 0px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px
}
TD#centerRcolumn DIV.blockContent {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 120%; PADDING-TOP: 3px
}
DIV#content {
PADDING-RIGHT: 18px; PADDING-LEFT: 18px; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; TEXT-ALIGN: left
}
TD#rightcolumn {
FONT-SIZE: 12px; WIDTH: 160px
}
TD#rightcolumn TH {
}
TD#rightcolumn DIV.blockTitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
TD#rightcolumn DIV.blockContent {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; LINE-HEIGHT: 120%; PADDING-TOP: 15px
}
TD#mainmenu A {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000066; PADDING-TOP: 2px
}
TD#mainmenu A:hover {
}
TD#mainmenu A.menuTop {
PADDING-LEFT: 3px
}
TD#mainmenu A.menuMain {
PADDING-LEFT: 3px
}
TD#mainmenu A.menuSub {
PADDING-LEFT: 12px
}
TD#usermenu A {
PADDING-LEFT: 2px; COLOR: #000066
}
TD#usermenu A:hover {
}
TD#usermenu A.menuTop {
}
TD#usermenu A.highlight {
}
.outer {
BORDER-RIGHT: #cc0000 0px solid; BORDER-TOP: #cc0000 0px solid; BORDER-LEFT: #cc0000 0px solid; BORDER-BOTTOM: #cc0000 0px solid
}
.head {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #c7c7c7 1px solid; BACKGROUND-COLOR: #ececec
}
.even {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #c7c7c7 1px dotted
}
.odd {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #c7c7c7 1px dotted; BACKGROUND-COLOR: #f7f7f7
}
.foot {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
TR.even TD {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #c7c7c7 1px dotted
}
TR.odd TD {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #c7c7c7 1px dotted; BACKGROUND-COLOR: #f7f7f7
}
DIV.errorMsg {
BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ddddff 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; BORDER-LEFT: #ddddff 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND-COLOR: #ffcccc; TEXT-ALIGN: center
}
DIV.confirmMsg {
BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ddddff 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; BORDER-LEFT: #ddddff 1px solid; COLOR: #136c99; PADDING-TOP: 10px; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND-COLOR: #ddffdf; TEXT-ALIGN: center
}
DIV.resultMsg {
BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; BORDER-LEFT: silver 1px solid; COLOR: #333333; PADDING-TOP: 10px; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
DIV.xoopsCode {
BORDER-RIGHT: #000080 1px inset; PADDING-RIGHT: 6px; BORDER-TOP: #000080 1px inset; PADDING-LEFT: 6px; BACKGROUND: #ffffff; PADDING-BOTTOM: 6px; BORDER-LEFT: #000080 1px inset; PADDING-TOP: 0px; BORDER-BOTTOM: #000080 1px inset; FONT-FAMILY: "Courier New",Courier,monospace, osaka
}
DIV.xoopsQuote {
BORDER-RIGHT: #000080 1px inset; PADDING-RIGHT: 6px; BORDER-TOP: #000080 1px inset; PADDING-LEFT: 6px; BACKGROUND: #ffffff; PADDING-BOTTOM: 6px; BORDER-LEFT: #000080 1px inset; PADDING-TOP: 0px; BORDER-BOTTOM: #000080 1px inset; FONT-FAMILY: "Courier New",Courier,monospace, osaka
}
.comTitle {
FONT-WEIGHT: bold; MARGIN-BOTTOM: 2px
}
.comText {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.comUserStat {
BORDER-RIGHT: silver 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: silver 1px solid; COLOR: #2f5376; PADDING-TOP: 2px; BORDER-BOTTOM: silver 1px solid; BACKGROUND-COLOR: #ffffff
}
.comUserStatCaption {
FONT-WEIGHT: normal
}
.comUserStatus {
MARGIN-TOP: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-LEFT: 2px; COLOR: #2f5376
}
.comUserRank {
MARGIN: 2px
}
.comUserRankText {
FONT-WEIGHT: bold; FONT-SIZE: 10px
}
.comUserRankImg {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.comUserName {
}
.comUserImg {
MARGIN: 2px
}
.comDate {
FONT-SIZE: 9px; FONT-STYLE: normal
}
.comDateCaption {
FONT-WEIGHT: bold; FONT-STYLE: normal
}
FORM#userinfo TEXTAREA {
FONT-SIZE: 90%
}
SELECT {
FONT-SIZE: 90%
}
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?