📄 style.css
字号:
BODY {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: 50% top; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/bg.png); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f8f7
}
#allbody {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px
}
#header {
MARGIN-TOP: 15px; DISPLAY: inline-block; FLOAT: left; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 37px
}
#home {
DISPLAY: inline-block; FLOAT: left; PADDING-BOTTOM: 30px; OVERFLOW: hidden; WIDTH: 172px; LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 35px
}
#ing {
BORDER-RIGHT: #cfd9e2 1px solid; BORDER-TOP: #cfd9e2 1px solid; DISPLAY: inline-block; BACKGROUND-IMAGE: url(images/bg_header.png); MARGIN: 0px auto 10px; OVERFLOW: hidden; BORDER-LEFT: #cfd9e2 1px solid; WIDTH: 948px; BORDER-BOTTOM: #cfd9e2 1px solid; BACKGROUND-REPEAT: repeat-x; TOP: 0px; HEIGHT: 35px
}
#ing A {
COLOR: #666; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
#ing A:hover {
COLOR: #43afd2; BORDER-BOTTOM: #43afd2 1px dashed
}
#ing_info {
CLEAR: left; PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 579px; COLOR: #069; LINE-HEIGHT: 44px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 35px
}
#ing_s {
DISPLAY: inline-block; FLOAT: left; OVERFLOW: hidden; WIDTH: 350px; HEIGHT: 35px; BACKGROUND-COLOR: #878787
}
#searchform {
FLOAT: left; MARGIN: 0px; HEIGHT: 35px
}
#searchform BR {
DISPLAY: none
}
#searchform #s {
BORDER-RIGHT: #cfd9e2 1px solid; PADDING-RIGHT: 20px; BACKGROUND-POSITION: left center; BORDER-TOP: #cfd9e2 1px solid; MARGIN-TOP: 5px; DISPLAY: inline-block; PADDING-LEFT: 25px; FONT-WEIGHT: 400; FLOAT: left; BACKGROUND-IMAGE: url(images/search_ico.png); PADDING-BOTTOM: 0px; BORDER-LEFT: #cfd9e2 1px solid; WIDTH: 161px; COLOR: #cfd9e2; LINE-HEIGHT: 18px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #cfd9e2 1px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 21px; BACKGROUND-COLOR: #fffffe
}
#searchform INPUT {
BORDER-RIGHT: 1px; BORDER-TOP: 1px; MARGIN-TOP: 4px; FONT-WEIGHT: 700; FONT-SIZE: 12px; BACKGROUND: url(images/bg_none.gif) no-repeat; VERTICAL-ALIGN: middle; BORDER-LEFT: 1px; WIDTH: 36px; COLOR: #069; LINE-HEIGHT: 18px; BORDER-BOTTOM: 1px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 26px
}
#page {
PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px
}
#content {
DISPLAY: inline-block; FLOAT: left; OVERFLOW: hidden; WIDTH: 580px
}
.content111 {
CLEAR: left; BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 20px! important; BACKGROUND-POSITION: 1px 1px; BORDER-TOP: #e0e0e0 1px solid; MARGIN-TOP: 10px; DISPLAY: inline-block; PADDING-LEFT: 10px! important; FONT-SIZE: 12px; FLOAT: left; BACKGROUND-IMAGE: url(images/bg_post.gif); MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px! important; OVERFLOW: hidden; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 538px; COLOR: #4e4e4e; LINE-HEIGHT: 16px; MARGIN-RIGHT: 10px; PADDING-TOP: 10px! important; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff
}
.content {
CLEAR: left; BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 20px; BACKGROUND-POSITION: 1px 1px; BORDER-TOP: #e0e0e0 1px solid; MARGIN-TOP: 10px; DISPLAY: inline-block; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; BACKGROUND-IMAGE: url(images/bg_post.gif); PADDING-BOTTOM: 10px; OVERFLOW: hidden; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 538px; COLOR: #4e4e4e; LINE-HEIGHT: 16px; MARGIN-RIGHT: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff
}
.content_c {
CLEAR: left; BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #e0e0e0 1px solid; MARGIN-TOP: 10px; DISPLAY: inline-block; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 10px; OVERFLOW: hidden; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 538px; COLOR: #4e4e4e; LINE-HEIGHT: 16px; MARGIN-RIGHT: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #e0e0e0 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff
}
#content BLOCKQUOTE {
BACKGROUND-POSITION: left 3px; MARGIN-TOP: 0px; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url(images/blockquote.png); MARGIN-LEFT: 0px; MARGIN-RIGHT: 10px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff
}
.post {
MARGIN-BOTTOM: 3px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.mypost {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 528px; LINE-HEIGHT: 17px; PADDING-TOP: 10px
}
.mypost A:hover {
COLOR: #8dab3b; BORDER-BOTTOM: #8dab3b 1px dashed; TEXT-DECORATION: none
}
.mypost A:active {
COLOR: #bc4f0c; TEXT-DECORATION: none
}
.post H2 {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 16px; BACKGROUND-IMAGE: url(images/post.png); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ff8b00; TEXT-INDENT: 12px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.post H2 A {
FONT-WEIGHT: 700; COLOR: #ff8b00; TEXT-DECORATION: none
}
.post H2 A:hover {
FONT-WEIGHT: 700; COLOR: #43afd2; BORDER-BOTTOM: #43afd2 1px dashed; TEXT-DECORATION: none
}
.comments {
BACKGROUND-POSITION: left top; PADDING-LEFT: 17px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images/comment.png); BACKGROUND-REPEAT: no-repeat
}
.entry A {
COLOR: #578cca; BORDER-BOTTOM: #578cca 0px solid; TEXT-DECORATION: none
}
.postdate A {
COLOR: #578cca; BORDER-BOTTOM: #578cca 0px solid; TEXT-DECORATION: none
}
.postdate {
COLOR: #578cca
}
.tag_tb {
PADDING-LEFT: 12px; FONT-SIZE: 12px! important; MARGIN: 0px; COLOR: #999; LINE-HEIGHT: 16px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.tag_tb BR {
FONT-SIZE: 12px! important; MARGIN: 0px; COLOR: #999; TEXT-INDENT: 12px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.tag_tb A {
COLOR: #578cca; BORDER-BOTTOM: #578cca 0px solid; TEXT-DECORATION: none
}
.alignright A {
COLOR: #578cca; BORDER-BOTTOM: #578cca 0px solid; TEXT-DECORATION: none
}
.alignleft A {
COLOR: #578cca; BORDER-BOTTOM: #578cca 0px solid; TEXT-DECORATION: none
}
.tag_tb LI {
MARGIN-LEFT: -10px; LIST-STYLE-TYPE: none
}
.tag_tb H3 {
DISPLAY: inline-block; FONT-SIZE: 14px; COLOR: #8dab3b
}
.alignright {
FLOAT: right
}
.alignleft {
PADDING-LEFT: 10px; FLOAT: left
}
#comments {
DISPLAY: inline-block; FONT-SIZE: 12px; FLOAT: left; MARGIN-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 580px; COLOR: #ccc
}
#comment {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 520px; COLOR: #8dab3b; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 145px
}
#comments H2 {
FONT-WEIGHT: 700; FONT-SIZE: 14px; COLOR: #8dab3b; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
#comments A:hover {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #8dab3b; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#author {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; COLOR: #8dab3b; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#email {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; COLOR: #8dab3b; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#url {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; COLOR: #8dab3b; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#submit {
BORDER-RIGHT: 0px; BACKGROUND-POSITION: left 6px; BORDER-TOP: 0px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images/comment.png); MARGIN-LEFT: 10px; BORDER-LEFT: 0px; WIDTH: 140px; COLOR: #43afd2; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 25px; BACKGROUND-COLOR: #fff
}
.commentlist {
COLOR: #797979
}
.commentlist LI {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 15px; PADDING-TOP: 10px; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif
}
.commentlist LI.alt {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 15px; PADDING-TOP: 10px; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; BACKGROUND-COLOR: #f9f8f7
}
.gra {
BORDER-RIGHT: #d3d3d3 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d3d3d3 1px solid; PADDING-LEFT: 2px; FLOAT: right; PADDING-BOTTOM: 2px; BORDER-LEFT: #d3d3d3 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d3d3d3 1px solid; BACKGROUND-COLOR: #fff
}
#sidebar {
MARGIN-TOP: 10px; DISPLAY: inline-block; FLOAT: left; MARGIN-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 370px; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
#sidebar UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; RIGHT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #7a7a7a; BOTTOM: 0px; PADDING-TOP: 0px; TOP: 0px
}
#sidebar_1 UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; RIGHT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #7a7a7a; BOTTOM: 0px; PADDING-TOP: 0px; TOP: 0px
}
#sidebar_2 UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; RIGHT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #7a7a7a; BOTTOM: 0px; PADDING-TOP: 0px; TOP: 0px
}
#twitter_div UL {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: left 2px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/twitter.gif); PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; COLOR: #7a7a7a; TEXT-INDENT: 20px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none
}
#sidebar LI UL {
PADDING-RIGHT: 5px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#sidebar LI {
BACKGROUND-POSITION: 1px 20px; BACKGROUND-IMAGE: url(images/sidebar_line1.gif); LIST-STYLE-IMAGE: none; MARGIN-BOTTOM: 15px; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none
}
#sidebar_tag LI {
MARGIN-BOTTOM: 10px; LIST-STYLE-TYPE: none
}
#sidebar .feed P {
BACKGROUND-POSITION: 0px 2px; BACKGROUND-IMAGE: url(images/rss_f.png); MARGIN: 3px 0px; TEXT-INDENT: 20px; LINE-HEIGHT: 18px; BACKGROUND-REPEAT: no-repeat
}
#sidebar .feed P A {
FONT-WEIGHT: 400; FONT-SIZE: 12px; COLOR: #bc4f0c; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
#sidebar LI UL LI {
BACKGROUND-POSITION: 0px 4px; FONT-SIZE: 12px! important; BACKGROUND-IMAGE: url(images/li.png); MARGIN: 3px 0px 3px -2px; TEXT-INDENT: 16px; LINE-HEIGHT: 18px; BACKGROUND-REPEAT: no-repeat
}
#sidebar .page_item {
BACKGROUND-POSITION: 0px 4px; FONT-SIZE: 12px! important; BACKGROUND-IMAGE: url(images/li.png); MARGIN: 3px 0px 3px -2px; TEXT-INDENT: 16px; LINE-HEIGHT: 18px; BACKGROUND-REPEAT: no-repeat
}
#sidebar .random LI {
BACKGROUND-POSITION: 0px 4px; FONT-SIZE: 12px! important; BACKGROUND-IMAGE: url(images/li.png); MARGIN: 3px 0px 3px -2px; TEXT-INDENT: 16px; LINE-HEIGHT: 18px; BACKGROUND-REPEAT: no-repeat
}
#sidebar .some LI {
BACKGROUND-POSITION: 0px 4px; FONT-SIZE: 12px! important; BACKGROUND-IMAGE: url(images/li.png); MARGIN: 3px 0px 3px -2px; TEXT-INDENT: 16px; LINE-HEIGHT: 18px; BACKGROUND-REPEAT: no-repeat
}
#sidebar .r_comments LI {
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -