📄 index.css
字号:
BODY {
FONT-SIZE: 12px; BACKGROUND: #ffd9ff
}
#container {
MARGIN: 0px auto; WIDTH: 1000px; TEXT-ALIGN: left
}
#pageHeader {
BACKGROUND-POSITION: center top; FLOAT: left; BACKGROUND-IMAGE: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/index_top.jpg); MARGIN: 0px auto; WIDTH: 1000px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 242px
}
#pageBody {
CLEAR: both; FLOAT: left; WIDTH: 1000px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffd9ff
}
#blog-title {
PADDING-LEFT: 230px; POSITION: relative; TEXT-ALIGN: left
}
#blog-title H1 {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 28px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 0px auto; COLOR: #fff; PADDING-TOP: 3px; WHITE-SPACE: nowrap; POSITION: absolute; TOP: 75px
}
#blog-title H1 A {
FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 10px; COLOR: #fff; TEXT-DECORATION: none
}
#blog-title H1 A:hover {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; BACKGROUND-COLOR: #f00
}
#blog-title P {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 10px 5px 5px; COLOR: #fff; PADDING-TOP: 2px; POSITION: absolute; TOP: 100px
}
#content-nav {
FONT-WEIGHT: bold; FONT-SIZE: 12px; Z-INDEX: 1; MARGIN-LEFT: 40px; WIDTH: auto; BOTTOM: 6px; POSITION: absolute
}
#content-nav LI {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px 6px 0px; LINE-HEIGHT: 21px; PADDING-TOP: 0px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#content-nav UL {
}
#content-nav LI A {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; MARGIN: 0px 1px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#content-nav LI A:hover {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fcff02
}
#content-nav LI A.at-here {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fcff02
}
.newly-Img {
DISPLAY: inline! important
}
.operation {
MARGIN-BOTTOM: 10px
}
.operation H3 {
FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: move; COLOR: #fff
}
.edit-col {
PADDING-BOTTOM: 10px! important; COLOR: #74c570; BORDER-BOTTOM: #a5fd9d 1px solid; ZOOM: 1; POSITION: relative; HEIGHT: 25px
}
.edit-col-bottom {
CLEAR: both; POSITION: relative; HEIGHT: 25px
}
.edit-col A {
COLOR: #0000ff! important; LINE-HEIGHT: 25px; TEXT-DECORATION: underline
}
.edit-col {
MARGIN: 0px
}
.newly-right {
ZOOM: 1
}
#leftDiv .diary-all {
DISPLAY: none
}
#rightDiv .diary-all {
DISPLAY: none
}
#leftDiv .diary-easy {
DISPLAY: block
}
#rightDiv .diary-easy {
DISPLAY: block
}
#centerDiv .diary-easy {
DISPLAY: none
}
.cmt-avatar {
COLOR: #000! important
}
.cmt-arearow {
COLOR: #000! important
}
.cmt-number {
COLOR: #000! important
}
.blocktit {
COLOR: #000! important
}
.lt H2 {
COLOR: #000! important
}
.rl {
COLOR: #000! important
}
.select {
BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/index_title_h3_z.gif); LINE-HEIGHT: 40px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 40px
}
.newly-title {
BACKGROUND-POSITION: right 50%; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/index_title_h3_y.gif); COLOR: #000; BACKGROUND-REPEAT: no-repeat; HEIGHT: 40px
}
.newly-Img {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.col-body {
BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/index_title_h3_xz.gif); BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #f8aaff
}
.newly-right {
BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/index_title_h3_xy.gif); BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center
}
.newly-bot {
BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/index_title_h3_dz.gif); WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px
}
.newly-bot01 {
BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/index_title_h3_dy.gif) no-repeat right 50%; WIDTH: 100%; HEIGHT: 20px
}
.newly-right A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #000; LINE-HEIGHT: 35px; PADDING-TOP: 0px; TEXT-DECORATION: underline
}
.newly-right A:hover {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-DECORATION: underline
}
.newly-right UL LI {
LIST-STYLE-TYPE: none! important
}
.people-dl {
PADDING-TOP: 0px
}
.people P {
HEIGHT: 30px
}
.pingl-Dl {
BORDER-TOP: #de5b53 1px solid
}
.pingl-Dl A {
TEXT-DECORATION: underline
}
.pingl-Dl STRONG {
COLOR: #f607ff; TEXT-DECORATION: underline
}
.pingl-Dl DD {
COLOR: #f607ff
}
.col-commenter {
COLOR: #ea00ff; TEXT-DECORATION: underline
}
.col-commenter A {
COLOR: #ea00ff; TEXT-DECORATION: underline
}
.col-commenter A:hover {
COLOR: #f607ff; BACKGROUND-COLOR: #c824d7
}
.entry-title {
BACKGROUND: #fb81ea; MARGIN-LEFT: 6px; CURSOR: pointer; LINE-HEIGHT: 22px; MARGIN-RIGHT: 10px; POSITION: relative; HEIGHT: 20px
}
.entry-title H2 {
FONT-SIZE: 12px; FLOAT: left; COLOR: #f607ff; TEXT-INDENT: 24px; LINE-HEIGHT: 22px; WHITE-SPACE: nowrap; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.entry-title H2 A {
FONT-SIZE: 12px; FLOAT: left; COLOR: #f607ff; TEXT-INDENT: 24px; LINE-HEIGHT: 22px; WHITE-SPACE: nowrap; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.entry-title P {
MARGIN-TOP: -6px; FONT-SIZE: 12px; RIGHT: 8px; LINE-HEIGHT: 22px; POSITION: absolute; TOP: 2px; HEIGHT: 22px; TEXT-ALIGN: right
}
.fenlei-Span {
MARGIN-TOP: -6px; DISPLAY: block; FLOAT: right; MARGIN-RIGHT: 10px
}
.entry-body P {
TEXT-INDENT: 24px
}
.entry-preview {
PADDING-BOTTOM: 2px
}
#entry-view .entry-preview {
BORDER-BOTTOM-STYLE: none
}
.entry-body {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 13px; PADDING-BOTTOM: 15px; COLOR: #4e0653; TEXT-INDENT: 24px; LINE-HEIGHT: 24px; PADDING-TOP: 15px; TEXT-ALIGN: left
}
.entry-body A {
COLOR: #ea00ff
}
.gengxin-Blog {
PADDING-LEFT: 5px! important
}
.entry-footer A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ea00ff; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.entry-footer SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ea00ff; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.entry-footer {
PADDING-LEFT: 28px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 25px
}
.riz-Lm LI A:hover {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #f607ff; PADDING-TOP: 2px; BACKGROUND-COLOR: #333
}
.riz-Lm LI {
LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
}
#blogIndex-list CAPTION {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; TEXT-ALIGN: left
}
#blogIndex-list TABLE {
WIDTH: 97%
}
c #blogIndex-list .list-pub-date {
WIDTH: 9em
}
#blogIndex-list .list-delete-icon {
WIDTH: 2.2em; TEXT-ALIGN: center
}
.cat-top-list {
TEXT-INDENT: 24px; LINE-HEIGHT: 25px; TEXT-ALIGN: left
}
.ziliao-P {
COLOR: #f607ff; LINE-HEIGHT: 20px! important; TEXT-ALIGN: left
}
.ziliao-P A {
COLOR: #ea00ff
}
#Exobud {
LEFT: 0px; WIDTH: 0px; POSITION: relative; TOP: 0px; HEIGHT: 0px
}
#guestBook #msg-list {
SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #666; SCROLLBAR-SHADOW-COLOR: #666; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #666; SCROLLBAR-TRACK-COLOR: #eee; SCROLLBAR-DARKSHADOW-COLOR: #fff
}
#leave-msg TEXTAREA {
SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #666; SCROLLBAR-SHADOW-COLOR: #666; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #666; SCROLLBAR-TRACK-COLOR: #eee; SCROLLBAR-DARKSHADOW-COLOR: #fff
}
#pageFooter {
CLEAR: both; WIDTH: 100%; COLOR: #f541ea; PADDING-TOP: 10px; HEIGHT: 60px; TEXT-ALIGN: center
}
#pageFooter P {
MARGIN: 5px 0px
}
#edit-sub-nav {
CLEAR: both; BORDER-RIGHT: #d200e5 1px solid; BORDER-TOP: #d200e5 1px solid; PADDING-LEFT: 13px; BACKGROUND: #f8aaff; FLOAT: left; BORDER-LEFT: #d200e5 1px solid; WIDTH: 985px; PADDING-TOP: 3px; BORDER-BOTTOM: #d200e5 1px solid
}
#edit-sub-nav UL LI {
FLOAT: left; CURSOR: pointer; MARGIN-RIGHT: 1em
}
#menu {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; DISPLAY: none; PADDING-LEFT: 5px; Z-INDEX: 1; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; BACKGROUND-COLOR: #595959; TEXT-ALIGN: left
}
#menu A {
TEXT-DECORATION: none
}
#live-tip {
DISPLAY: none; LEFT: 1000px! important; POSITION: absolute; TOP: 260px
}
#leftDiv .diary-easy {
DISPLAY: block
}
#rightDiv .diary-easy {
DISPLAY: block
}
.diary-easy {
DISPLAY: none
}
.normalImg {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; MARGIN: 5px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.selectImg {
BORDER-RIGHT: #00f 2px solid; BORDER-TOP: #00f 2px solid; MARGIN: 4px; BORDER-LEFT: #00f 2px solid; BORDER-BOTTOM: #00f 2px solid
}
#messageDiv {
DISPLAY: none
}
#tool-nav {
RIGHT: 0px; WIDTH: 1000px; COLOR: #ccc; POSITION: absolute; TOP: 3px
}
#tool-nav UL {
RIGHT: 0px; POSITION: absolute; TOP: 0px
}
#tool-nav A {
MARGIN: 0px 4px; COLOR: #333
}
#tool-nav #misc-sms-link A {
FONT-WEIGHT: bold
}
#tool-nav #misc-sms-number {
COLOR: #f00
}
#singin-btn {
RIGHT: 5px; WIDTH: 4em; POSITION: absolute; TOP: 15px
}
#page-switch {
DISPLAY: block; Z-INDEX: 10; RIGHT: 40px; BOTTOM: 60px; LINE-HEIGHT: 18px; POSITION: absolute; TEXT-ALIGN: center
}
#page-switch A {
DISPLAY: block; PADDING-LEFT: 2px; FLOAT: left; WIDTH: 33px; COLOR: #000; PADDING-TOP: 2px; HEIGHT: 19px; TEXT-DECORATION: none
}
#page-switch #to-edit {
BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/left-stat.gif) no-repeat right top
}
#page-switch .this-stat#to-edit {
BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/left-this-stat.gif) no-repeat right top; COLOR: #f607ff
}
#page-switch #to-edit:hover {
BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/left-this-stat.gif) no-repeat right top; COLOR: #f607ff
}
#page-switch #to-view {
BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/right-stat.gif) no-repeat left top
}
#page-switch .this-stat#to-view {
BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/right-this-stat.gif) no-repeat left top; COLOR: #f607ff
}
#page-switch #to-view:hover {
BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/right-this-stat.gif) no-repeat left top; COLOR: #f607ff
}
#page-switch #back-to-mine {
PADDING-RIGHT: 11px; PADDING-LEFT: 10px; BACKGROUND: url(http://blogteam.bokee.com/pub/template/1024/31/21/images/ln-back2.gif) no-repeat left center; WIDTH: auto
}
#page-switch #back-to-mine:hover {
COLOR: #999
}
.colose-col-btn {
MARGIN-TOP: -28px; FLOAT: right; MARGIN-RIGHT: 20px
}
#myPhoto DT {
TEXT-ALIGN: center
}
#myPhoto DL {
MARGIN-BOTTOM: 0px
}
#renark DL {
BORDER-BOTTOM-WIDTH: 0px
}
#guestBook DL {
BORDER-BOTTOM-WIDTH: 0px
}
.grp-list {
LINE-HEIGHT: 18px! important; TEXT-ALIGN: left
}
.grp-list A {
LINE-HEIGHT: 18px! important; TEXT-ALIGN: left
}
.grp-list IMG {
WIDTH: 60px; HEIGHT: 60px
}
.grp-list TABLE TD {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: top! important; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.huat-Tab TD {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px! important; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.dit-Music {
HEIGHT: 30px
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -