📄 styles-site.css
字号:
HTML {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffcc; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 15px Verdana, Arial, Helvetica, sans-serif; COLOR: black; PADDING-TOP: 0px
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffcc66
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #003300; PADDING-TOP: 0px; BACKGROUND-COLOR: #ccffcc
}
H4 {
BACKGROUND-COLOR: #ccccff
}
IMG {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
A IMG {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
A:link IMG {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
A:visited IMG {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
A:hover IMG {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
A:hover IMG {
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#banner {
PADDING-RIGHT: 15px; BORDER-TOP: #99ccff 3px solid; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: x-large; BACKGROUND: #336699; PADDING-BOTTOM: 15px; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-TOP: 15px; BORDER-BOTTOM: #fff 1px dotted; FONT-FAMILY: verdana, arial, sans-serif; LETTER-SPACING: 0.2em; TEXT-ALIGN: center
}
#banner A {
COLOR: #fff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#banner A:link {
COLOR: #fff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#banner A:visited {
COLOR: #fff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#banner A:active {
COLOR: #ccffff; FONT-STYLE: oblique; TEXT-DECORATION: blink
}
#banner A:hover {
COLOR: #ccffff; FONT-STYLE: oblique; TEXT-DECORATION: blink
}
#banner .description {
FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND: #336699; TEXT-TRANSFORM: none; COLOR: #99ccff; FONT-FAMILY: verdana, arial, sans-serif
}
#content {
BORDER-RIGHT: #cccccc 1px dotted; PADDING-RIGHT: 3%; BORDER-TOP: #cccccc 1px; PADDING-LEFT: 3%; PADDING-BOTTOM: 0%; MARGIN: 0.5% 20%; BORDER-LEFT: #cccccc 1px dotted; PADDING-TOP: 0%; BORDER-BOTTOM: #cccccc 1px
}
DIV#left {
FONT-SIZE: 10px; FLOAT: left; MARGIN: 0.5%; WIDTH: 18%
}
DIV#left A {
BORDER-BOTTOM-STYLE: none
}
DIV#left A:hover {
BACKGROUND: #ccffff
}
DIV#right {
FONT-SIZE: 10px; FLOAT: right; MARGIN: 0.5%; WIDTH: 18%
}
DIV#right A {
BORDER-BOTTOM: rgb(178,178,140) 1px solid
}
DIV#right A:hover {
BACKGROUND: #ccffff
}
.blog {
}
.blogbody {
FONT-WEIGHT: normal; FONT-SIZE: medium; BACKGROUND: #ffffcc; COLOR: #333
}
.blogbody A {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:link {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:visited {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:active {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.blogbody A:hover {
FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.title {
FONT-WEIGHT: bold; COLOR: #003366; FONT-FAMILY: Arial Unicode MS, Verdana, Arial, sans-serif
}
.date {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Arial Unicode MS, Verdana, Arial, sans-serif
}
.extended {
}
.posted {
FONT-SIZE: x-small; MARGIN-BOTTOM: 15px; COLOR: #003366; FONT-FAMILY: verdana, arial, sans-serif; BACKGROUND-COLOR: #ffff99; TEXT-DECORATION: none
}
DIV#right .calendar {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 2px; COLOR: #666; LINE-HEIGHT: 140%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
DIV#right .calendarhead {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 2px; COLOR: #003366; LINE-HEIGHT: 140%; PADDING-TOP: 2px
}
.side {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 2px; COLOR: #333; LINE-HEIGHT: 140%; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, sans-serif
}
.sidetitle {
PADDING-RIGHT: 2px; MARGIN-TOP: 10px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND: #336699; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; COLOR: #cccccc; LINE-HEIGHT: 140%; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: 0.2em; TEXT-ALIGN: center
}
.syndicate {
PADDING-RIGHT: 2px; MARGIN-TOP: 10px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND: #ffff99; PADDING-BOTTOM: 2px; COLOR: #3366cc; LINE-HEIGHT: 140%; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial, sans-serif; TEXT-ALIGN: center
}
.powered {
PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: xx-small; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; COLOR: #003366; LINE-HEIGHT: 140%; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: verdana, arial, sans-serif; LETTER-SPACING: 0.2em; TEXT-ALIGN: center
}
#menu {
BACKGROUND: #fff; MARGIN-BOTTOM: 15px; TEXT-ALIGN: center
}
#container {
PADDING-RIGHT: 3%; PADDING-LEFT: 3%; PADDING-BOTTOM: 3%; PADDING-TOP: 3%
}
.comments-body {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 10px; COLOR: #666; LINE-HEIGHT: 140%; PADDING-TOP: 10px; FONT-FAMILY: verdana, arial, sans-serif
}
.comments-post {
FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #ffffcc; COLOR: #666; FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-body {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 10px; COLOR: #666; LINE-HEIGHT: 140%; PADDING-TOP: 10px; FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-url {
BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px dashed; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px dashed; COLOR: #666; LINE-HEIGHT: 140%; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px dashed; FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-post {
FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #ffffcc; COLOR: #666; FONT-FAMILY: verdana, arial, sans-serif
}
.comments-head {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: small; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: georgia, verdana, arial, sans-serif
}
#banner-commentspop {
PADDING-RIGHT: 15px; BORDER-TOP: #99ccff 3px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: large; BACKGROUND: #336699; PADDING-BOTTOM: 15px; COLOR: #fff; PADDING-TOP: 15px; BORDER-BOTTOM: #fff 1px dotted; FONT-FAMILY: georgia, verdana, arial, sans-serif
}
A:link {
FONT-WEIGHT: bold; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bold; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A:link {
COLOR: #666600; BORDER-BOTTOM: #666600 1px dashed; TEXT-DECORATION: none
}
A:visited {
COLOR: #663366; BORDER-BOTTOM: #663366 1px dashed; TEXT-DECORATION: none
}
A:hover {
COLOR: #99cc66; BORDER-BOTTOM: #99cc66 1px solid; TEXT-DECORATION: none
}
A:hover {
COLOR: #99cc66; BORDER-BOTTOM: #99cc66 1px solid; TEXT-DECORATION: none
}
STRONG {
FONT-WEIGHT: bolder; COLOR: #660000
}
EM {
FONT-WEIGHT: bolder; COLOR: #ff0000; FONT-STYLE: oblique
}
.info {
BORDER-RIGHT: #993300 thin dashed; BORDER-TOP: #993300 thin dashed; FONT-SIZE: smaller; BORDER-LEFT: #993300 thin dashed; BORDER-BOTTOM: #993300 thin dashed; BACKGROUND-COLOR: #ffff33
}
.subtitle {
FONT-WEIGHT: normal; FONT-SIZE: medium
}
.code {
BORDER-RIGHT: #3366ff thin dashed; BORDER-TOP: #3366ff thin dashed; BORDER-LEFT: #3366ff thin dashed; BORDER-BOTTOM: #3366ff thin dashed; FONT-FAMILY: "Courier New", Courier, mono; BACKGROUND-COLOR: #99ccff
}
.className {
FONT-WEIGHT: bold; FONT-SIZE: large; COLOR: #000099; FONT-FAMILY: "Courier New", Courier, mono
}
.class {
COLOR: #006600; FONT-FAMILY: "Courier New", Courier, mono
}
.method {
COLOR: #ff6600; FONT-FAMILY: "Courier New", Courier, mono
}
.parameter {
COLOR: #003366; FONT-STYLE: italic; FONT-FAMILY: "Courier New", Courier, mono
}
.tag {
COLOR: #006600; FONT-FAMILY: "Courier New", Courier, mono
}
.dtd {
FONT-WEIGHT: bold; COLOR: #006600; FONT-FAMILY: "Courier New", Courier, mono
}
.reference {
FONT-SIZE: 12px; COLOR: #990099
}
.file {
COLOR: #006633; FONT-FAMILY: "Courier New", Courier, mono
}
.constant {
FONT-WEIGHT: bold; FONT-SIZE: larger; COLOR: #330099; FONT-FAMILY: "Courier New", Courier, mono
}
.comment {
FONT-FAMILY: "Courier New", Courier, mono; BACKGROUND-COLOR: #ccff99
}
.algo {
BORDER-RIGHT: #333399 thin dashed; PADDING-RIGHT: 1%; BORDER-TOP: #333399 thin dashed; PADDING-LEFT: 1%; PADDING-BOTTOM: 1%; MARGIN: 1em 5%; BORDER-LEFT: #333399 thin dashed; PADDING-TOP: 1%; BORDER-BOTTOM: #333399 thin dashed; LETTER-SPACING: 0.2em; BACKGROUND-COLOR: #ccffff
}
.algo .name {
FONT-WEIGHT: bold; FONT-SIZE: large; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; FONT-VARIANT: small-caps; TEXT-DECORATION: underline
}
.algo .name_in_code {
FONT-VARIANT: small-caps
}
.algo .comment {
BACKGROUND-COLOR: #ffff66
}
.algo PRE {
FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.algo STRONG {
FONT-WEIGHT: bolder; COLOR: #000000; FONT-VARIANT: normal
}
.algo EM {
COLOR: #000000; FONT-STYLE: italic; FONT-VARIANT: normal
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -