📄 customcss.css
字号:
A:link {
COLOR: #1a8bc8
}
A:active {
COLOR: #1a8bc8
}
A:visited {
COLOR: #1a8bc8
}
A:hover {
COLOR: #56b6e9
}
A.listitem:visited {
FONT-SIZE: 12px; COLOR: #006699; TEXT-DECORATION: none
}
A.listitem:active {
FONT-SIZE: 12px; COLOR: #006699; TEXT-DECORATION: none
}
A.listitem:link {
FONT-SIZE: 12px; COLOR: #006699; TEXT-DECORATION: none
}
A.listitem:hover {
FONT-SIZE: 12px; COLOR: #006699; TEXT-DECORATION: underline
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(http://blogs.clearscreen.com/images/back.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 160%; PADDING-TOP: 0px; FONT-FAMILY: verdana,Arial,helvetica,sans-seriff; WORD-WRAP: break-word
}
TD {
FONT-SIZE: 12px; COLOR: #454545; LINE-HEIGHT: 150%; FONT-FAMILY: Verdana,Helvetica,Arial; WORD-WRAP: break-word
}
.header {
PADDING-LEFT: 264px; BACKGROUND-IMAGE: url(http://p.blog.csdn.net/images/p_blog_csdn_net/zhaoxiaoyang5156/319232/o_20072503.gif); PADDING-TOP: 50px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-REPEAT: no-repeat; HEIGHT: 145px; BACKGROUND-COLOR: #ffffff
}
A.headermaintitle:visited {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; TEXT-DECORATION: none
}
A.headermaintitle:active {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; TEXT-DECORATION: none
}
A.headermaintitle:link {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; TEXT-DECORATION: none
}
A.headermaintitle:hover {
COLOR: #ff5511
}
#leftcontent {
BORDER-RIGHT: #8b8d72 1px solid; BORDER-TOP: #8b8d72 10px solid; LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #8b8d72 1px solid; WIDTH: 190px; BORDER-BOTTOM: #8b8d72 10px solid; POSITION: absolute; TOP: 10px; BACKGROUND-COLOR: #fff
}
#leftcontentcontainer {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#centercontent {
PADDING-RIGHT: 20px; PADDING-LEFT: 250px; PADDING-TOP: 25px
}
#mytopmenu {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 8px; MARGIN-LEFT: 250px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #ffffff; MARGIN-RIGHT: 20px; PADDING-TOP: 8px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white; TEXT-ALIGN: right
}
A.menu:link {
COLOR: black
}
A.menu:visited {
COLOR: black
}
A.menu:active {
COLOR: black
}
A.menu:hover {
COLOR: #56b6e9
}
#rightcontent {
RIGHT: 10px; BACKGROUND: #fff; WIDTH: 200px; POSITION: absolute; TOP: 70px
}
#mylinks {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 12px; LEFT: 260px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; POSITION: absolute
}
.footer {
PADDING-RIGHT: 12px; MARGIN-TOP: 0px; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(images/bg_footer.gif); PADDING-BOTTOM: 12px; MARGIN-LEFT: 260px; COLOR: #8b8d72; LINE-HEIGHT: 20px; MARGIN-RIGHT: 19px; PADDING-TOP: 12px; TEXT-ALIGN: center
}
.day {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #4b4b4b; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.dayTitle {
FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN-BOTTOM: 20px; TEXT-TRANSFORM: uppercase
}
.postSeparator {
BORDER-TOP: #8b8d72 0px dotted; MARGIN-TOP: 20px; BACKGROUND-IMAGE: url(images/line.gif); MARGIN-BOTTOM: 20px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 10px
}
.news {
FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.newsItem {
MARGIN-TOP: 2px; MARGIN-BOTTOM: 20px; TEXT-ALIGN: center
}
.blogstats {
FONT-SIZE: 10px
}
.entrylist {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; PADDING-BOTTOM: 8px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #7b7d62; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.listtitle {
FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/bg_listtitle.gif); MARGIN-BOTTOM: 10px; COLOR: #666666; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: verdana; HEIGHT: 21px
}
.entrylistTitle {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: black; FONT-FAMILY: verdana
}
.entrylistDescription {
MARGIN-BOTTOM: 20px
}
.entrylistItemTitle {
FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-DECORATION: none
}
.entrylistItemPostDesc {
FONT-SIZE: 12px
}
.gallery {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #7b7d62; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.galleryTitle {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: black; FONT-FAMILY: verdana
}
.galleryDescription {
MARGIN-BOTTOM: 20px
}
.galleryThumbnail {
PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.post {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #4b4b4b; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.postTitle {
FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 10px
}
.postTitle2 {
TEXT-DECORATION: none
}
.postDesc {
MARGIN-TOP: 10px; COLOR: #303030; TEXT-ALIGN: right
}
.contact {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 22px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; FONT-FAMILY: Verdana; BACKGROUND-COLOR: white
}
.comments {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: 0px; PADDING-LEFT: 22px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; PADDING-TOP: 0px; BORDER-BOTTOM: #8b8d72 1px dotted; FONT-FAMILY: Verdana; BACKGROUND-COLOR: white
}
.commentsTable {
MARGIN-TOP: 15px; FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.feedback {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; MARGIN-TOP: 20px; PADDING-LEFT: 20px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 30px; BORDER-LEFT: #8b8d72 1px dotted; PADDING-TOP: 20px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: white
}
.feedbackTitle {
FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.feedbackItem {
MARGIN-TOP: 20px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 200%
}
.feedbackNoItems {
MARGIN-TOP: 20px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 200%
}
.feedbackList {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; LIST-STYLE-TYPE: none
}
.feedbackListTitle {
PADDING-RIGHT: 5px; PADDING-LEFT: 7px; FONT-SIZE: 9px; PADDING-BOTTOM: 5px; COLOR: #8b8d72; PADDING-TOP: 5px; POSITION: absolute
}
.feedbackListSubtitle {
BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 7px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 5px; FONT-SIZE: 9px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 5px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #8b8d72; PADDING-TOP: 5px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white; TEXT-ALIGN: right
}
.catListTitle {
FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/bg_listtitle.gif); MARGIN-BOTTOM: 10px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 21px
}
.catList {
BORDER-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 0px 0px 20px; LIST-STYLE-TYPE: none
}
catListItem {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN-LEFT: 5px; PADDING-TOP: 1px; TEXT-ALIGN: left
}
UL {
PADDING-LEFT: 5px; FONT-SIZE: 11px; MARGIN: 0px 0px 10px 5px; LIST-STYLE-TYPE: none
}
.Cal {
MARGIN-TOP: 10px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: white; MARGIN-BOTTOM: 10px; BORDER-BOTTOM-COLOR: white; WIDTH: 200px; BORDER-TOP-COLOR: white; FONT-FAMILY: Arial; HEIGHT: 180px; BORDER-RIGHT-COLOR: white
}
.CalTitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 0px; FONT-FAMILY: verdana; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
.CalOtherMonthDay {
COLOR: #808080
}
.CalSelector {
BACKGROUND-COLOR: #cccccc
}
A.CalNextPrev {
COLOR: #fff
}
A.CalNextPrev:link {
COLOR: #fff
}
A.CalNextPrev:visited {
COLOR: #fff
}
A.CalNextPrev:active {
COLOR: #fff
}
.CalNextPrev {
COLOR: #fff
}
.CalDayHeader {
FONT-WEIGHT: bold; BACKGROUND-COLOR: white
}
.CalSelectedDay {
BACKGROUND-COLOR: #cccccc
}
.CalWeekendDay {
BACKGROUND-COLOR: white
}
.CalTodayDay {
BACKGROUND-COLOR: #dddddd
}
H1 {
FONT-SIZE: 14px; MARGIN: 10px 0px 5px; COLOR: #666666; TEXT-ALIGN: left
}
.feedbackListTitle {
FONT-SIZE: 12px; COLOR: black
}
.feedbackListSubtitle {
FONT-SIZE: 12px; COLOR: black
}
IMG.UserStatus {
BACKGROUND: url(/Images/online.gif) no-repeat left -20px; WIDTH: 50px; HEIGHT: 20px
}
IMG.online {
BACKGROUND-POSITION: left top
}
.tabberlive .tabbertabhide {
DISPLAY: none
}
.tabber {
}
.tabberlive {
MARGIN-TOP: 1em
}
UL.tabbernav {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; FONT: bold 12px Verdana, sans-serif; PADDING-TOP: 3px; BORDER-BOTTOM: #778 1px solid
}
UL.tabbernav LI {
DISPLAY: inline; MARGIN: 0px; LIST-STYLE-TYPE: none
}
UL.tabbernav LI A {
BORDER-RIGHT: #778 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #778 1px solid; PADDING-LEFT: 0.5em; BACKGROUND: #dde; PADDING-BOTTOM: 3px; MARGIN-LEFT: 3px; BORDER-LEFT: #778 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-DECORATION: none
}
UL.tabbernav LI.tabberactive A {
BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
UL.tabbernav LI.tabberactive A:hover {
BACKGROUND: white; COLOR: #000; BORDER-BOTTOM: white 1px solid
}
.tabberlive .tabbertab {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid
}
.tabberlive .tabbertab H2 {
DISPLAY: none
}
.tabberlive .tabbertab H3 {
DISPLAY: none
}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
OVERFLOW: auto; HEIGHT: 200px
}
#RecentVisitors TABLE {
TABLE-LAYOUT: fixed
}
#RecentVisitors TD A {
FONT: 12px Tahoma,sans-serif
}
#RecentVisitors TD IMG {
BORDER-RIGHT: #c2c2c2 1px solid; BORDER-TOP: #c2c2c2 1px solid; BORDER-LEFT: #c2c2c2 1px solid; BORDER-BOTTOM: #c2c2c2 1px solid
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -