📄 tpl_style.css
字号:
BODY {
FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; BACKGROUND-COLOR: #e8e8e8
}
H1 {
FONT-WEIGHT: bolder; FONT-SIZE: 20px; COLOR: #922e58; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; FONT-VARIANT: small-caps
}
H2 {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0e6dbc; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif
}
H3 {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #9e5267; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif
}
H6 {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3f5678; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif
}
A.selectedsmall {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #98274f
}
A.selected {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #98274f
}
A.bold {
FONT-WEIGHT: bold; FONT-SIZE: 12px
}
A.status {
FONT-SIZE: 10px; COLOR: #3f5678
}
A.small {
FONT-SIZE: 10px
}
P.small {
FONT-WEIGHT: normal; FONT-SIZE: 10px
}
P.remark {
BORDER-RIGHT: #647291 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #647291 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #647291 1px solid; WIDTH: 438px; PADDING-TOP: 5px; BORDER-BOTTOM: #647291 1px solid; BACKGROUND-COLOR: #d9dde6
}
PRE.program {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 20px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #cccccc 1px solid; COLOR: #003399; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "Courier New", Courier, mono; WHITE-SPACE: pre; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
PRE.sourcecode {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 20px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #cccccc 1px solid; COLOR: #003399; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "Courier New", Courier, mono; WHITE-SPACE: pre; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
CODE {
FONT-SIZE: 12px; COLOR: #003399; FONT-FAMILY: "Courier New", Courier, mono; TEXT-ALIGN: left
}
PRE.song {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; MARGIN: 20px; VERTICAL-ALIGN: baseline; BORDER-LEFT: #cccccc 1px solid; COLOR: black; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; WHITE-SPACE: pre; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
UL {
LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url(Images/Bullet.jpg)
}
UL.small {
FONT-WEIGHT: normal; LIST-STYLE-POSITION: outside; FONT-SIZE: 10px; LIST-STYLE-IMAGE: url(Images/BulletSmall.jpg)
}
A:link {
COLOR: #003399
}
A:visited {
COLOR: #003399
}
A:hover {
COLOR: #98274f
}
A:active {
COLOR: #0000ff
}
TABLE.tablarge {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/TabLarge.png,sizingMethod='scale'); PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; COLOR: #253f6d; TEXT-INDENT: 8px; PADDING-TOP: 3px; HEIGHT: 26px
}
UNKNOWN {
BACKGROUND-IMAGE: url(Images/TabLarge.png); BACKGROUND-REPEAT: no-repeat
}
TABLE.tabsmall {
FONT-WEIGHT: bold; FONT-SIZE: 10px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/TabSmall.png,sizingMethod='scale'); COLOR: #253f6d; HEIGHT: 25px
}
UNKNOWN {
BACKGROUND-IMAGE: url(Images/TabSmall.png); BACKGROUND-REPEAT: no-repeat
}
TABLE.tabmedium {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/TabMedium.png,sizingMethod='scale'); PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; COLOR: #253f6d; TEXT-INDENT: 8px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px
}
UNKNOWN {
BACKGROUND-IMAGE: url(Images/TabMedium.png); BACKGROUND-REPEAT: no-repeat
}
TABLE.button {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 10px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/ButtonNormal.png,sizingMethod='scale'); PADDING-BOTTOM: 1px; WIDTH: 132px; COLOR: #253f6d; TEXT-INDENT: 1px; PADDING-TOP: 1px; HEIGHT: 30px
}
UNKNOWN {
BACKGROUND-IMAGE: url(Images/ButtonNormal.png); BACKGROUND-REPEAT: no-repeat
}
TABLE.buttonhover {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 10px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Images/ButtonHover.png,sizingMethod='scale'); PADDING-BOTTOM: 1px; WIDTH: 132px; COLOR: #ffffff; TEXT-INDENT: 1px; PADDING-TOP: 1px; HEIGHT: 30px
}
UNKNOWN {
BACKGROUND-IMAGE: url(Images/ButtonHover.png); BACKGROUND-REPEAT: no-repeat
}
TABLE.main {
BORDER-RIGHT: #647291 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #647291 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #647291 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #647291 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
TABLE.hover {
BORDER-RIGHT: #647291 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #647291 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #647291 1px solid; COLOR: #98274f; PADDING-TOP: 2px; BORDER-BOTTOM: #647291 1px solid; BACKGROUND-COLOR: #dbdee8; TEXT-ALIGN: left
}
TABLE.thumbhover {
BORDER-RIGHT: #98274f 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #98274f 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #98274f 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #98274f 2px solid; BACKGROUND-COLOR: #dbdee8; TEXT-ALIGN: left
}
TABLE.small {
BORDER-RIGHT: #647291 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #647291 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #647291 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #647291 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
TR.rowheader {
FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(Images/RowHeader.jpg); VERTICAL-ALIGN: middle; LINE-HEIGHT: 17pt; TEXT-ALIGN: center
}
TR {
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif
}
TR.small {
FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif
}
TR.smallbold {
FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif
}
TR.main {
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif
}
TR.row1 {
BORDER-TOP-WIDTH: thin; BORDER-LEFT-WIDTH: thin; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #999999; BORDER-BOTTOM-WIDTH: thin; BORDER-BOTTOM-COLOR: #999999; BORDER-TOP-COLOR: #999999; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: thin; BORDER-RIGHT-COLOR: #999999
}
TR.row2 {
BORDER-TOP-WIDTH: thin; BORDER-LEFT-WIDTH: thin; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #999999; BORDER-BOTTOM-WIDTH: thin; BORDER-BOTTOM-COLOR: #999999; BORDER-TOP-COLOR: #999999; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; BACKGROUND-COLOR: #dbdee8; BORDER-RIGHT-WIDTH: thin; BORDER-RIGHT-COLOR: #999999
}
TR.hover {
BORDER-RIGHT: #98274f 1px solid; BORDER-TOP: #98274f 1px solid; BORDER-LEFT: #98274f 1px solid; COLOR: #98274f; BORDER-BOTTOM: #98274f 1px solid; BACKGROUND-COLOR: #dbdee8
}
TR.rowfooter {
FONT-SIZE: 10px; BACKGROUND-IMAGE: url(Images/RowFooter.jpg); VERTICAL-ALIGN: middle; FONT-FAMILY: Verdana, Arial, Geneva, sans-serif; TEXT-ALIGN: center
}
TR.thumbinfo {
FONT-SIZE: 10px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}
FORM {
FONT-SIZE: 12px; COLOR: black
}
DIV.thumbnail {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; WIDTH: 165px; PADDING-TOP: 4px; HEIGHT: 185px
}
DIV.thumbnail P {
FONT-SIZE: 10px; TEXT-ALIGN: center
}
DIV.thumbnail BR {
FONT-SIZE: 10px; TEXT-ALIGN: center
}
DIV.container {
FLOAT: left; WIDTH: 100%
}
DIV.screenshot {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; WIDTH: 180px; PADDING-TOP: 4px; HEIGHT: 160px
}
DIV.screenshot P {
FONT-SIZE: 10px; TEXT-ALIGN: center
}
DIV.headerimage {
LEFT: 147px; POSITION: absolute; TOP: 0px
}
DIV.frameleft {
LEFT: 0px; WIDTH: 136px; POSITION: absolute; BACKGROUND-COLOR: #e8e8e8
}
DIV.framecenter {
MARGIN-LEFT: 136px; MARGIN-RIGHT: 141px
}
DIV.frameright {
RIGHT: 7px; WIDTH: 130px; POSITION: absolute; BACKGROUND-COLOR: #e8e8e8
}
abbr {
CURSOR: help; BORDER-BOTTOM: #333 1px dotted
}
ACRONYM {
CURSOR: help; BORDER-BOTTOM: #333 1px dotted
}
.help {
CURSOR: help; BORDER-BOTTOM: #333 1px dotted
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -