📄 styles.css
字号:
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 120%; BORDER-LEFT-COLOR: #999; BACKGROUND: #fff; BORDER-BOTTOM-COLOR: #999; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; COLOR: #999999; BORDER-TOP-COLOR: #999; PADDING-TOP: 2px; BORDER-RIGHT-COLOR: #999
}
.pages A:hover {
BORDER-LEFT-COLOR: #036; BACKGROUND: #f90; BORDER-BOTTOM-COLOR: #036; COLOR: #fff; BORDER-TOP-COLOR: #036; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #036
}
.view-mode {
COLOR: #999999; TEXT-ALIGN: right
}
.listbox {
BORDER-TOP: #cccccc 1px dashed; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dashed
}
.listbox-table {
BACKGROUND: #fff
}
.listbox-header {
FONT-WEIGHT: bold; COLOR: #666666; TEXT-DECORATION: underline
}
.listbox-entry {
COLOR: #666666
}
.listbox-entry A {
}
.no-entry {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 15px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.no-entry-message {
BACKGROUND: #fcfcfc; PADDING-BOTTOM: 25px; COLOR: #666666; PADDING-TOP: 25px; TEXT-ALIGN: center
}
.prev-article {
FLOAT: left
}
.next-article {
FLOAT: right
}
.category-label {
TEXT-ALIGN: center
}
.textbox {
BACKGROUND: #fff; MARGIN: 10px 8px 8px
}
.textbox-title {
BORDER-RIGHT: #9ccf00 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: #9ccf00 1px dotted; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(../发表日志 - Clingingboy.files/images/title_bg.gif); PADDING-BOTTOM: 5px; BORDER-LEFT: #9ccf00 1px dotted; PADDING-TOP: 5px; BORDER-BOTTOM: #9ccf00 1px dotted
}
.textbox-title H4 {
DISPLAY: inline; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 16px; WORD-WRAP: break-word
}
.textbox-label {
PADDING-LEFT: 5px; FONT-SIZE: 11px; COLOR: #666666
}
.textbox-fontsize {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.textbox-content {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; WORD-WRAP: break-word
}
.textbox-bottom {
PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px dashed; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; COLOR: #666666; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.editmark {
MARGIN-TOP: 20px; FONT-SIZE: 11px; COLOR: #999999
}
.textbox-urls {
BORDER-TOP: #c0c0c0 1px dashed; MARGIN-TOP: 10px; FONT-SIZE: 11px; COLOR: #666666; PADDING-TOP: 5px
}
.textbox-tags {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; WORD-WRAP: break-word
}
.textbox-tag {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 15px; LINE-HEIGHT: 2em; PADDING-TOP: 10px; WORD-WRAP: break-word
}
.textbox-relate {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; BACKGROUND: #f2f2f2; PADDING-BOTTOM: 4px; MARGIN: 10px 0px 0px; PADDING-TOP: 4px
}
.textbox-relate UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 20px; PADDING-TOP: 0px
}
.textbox-tag A {
DISPLAY: block; PADDING-LEFT: 6px; FLOAT: left; WIDTH: 140px
}
.textbox-tag A:hover {
BACKGROUND: #f2f2f2
}
.tagHot1 {
FONT-SIZE: 12px
}
.tagHot2 {
FONT-SIZE: 14px
}
.tagHot3 {
FONT-SIZE: 16px
}
.tagHot4 {
FONT-SIZE: 18px
}
.tagHot5 {
FONT-SIZE: 20px
}
.gbbox {
BORDER-TOP: #c0c0c0 1px dashed; MARGIN-BOTTOM: 15px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.gbbox-title {
FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px
}
.gbbox-label {
DISPLAY: inline; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #999999
}
.gbbox-content {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #fbfbf8; WORD-WRAP: break-word
}
.gbbox-reply {
PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px dashed; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #333333; PADDING-TOP: 10px; BACKGROUND-COLOR: #f8f8f6
}
.gbbox-reply-title {
FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px
}
.gbbox-reply-label {
DISPLAY: inline; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #999999
}
.comment-wrapper {
}
.comment-top {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 5px; MARGIN: 8px; BORDER-LEFT: #ccc 1px solid; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: right
}
.comment-pages {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 8px; COLOR: #999999; PADDING-TOP: 5px
}
.commentbox {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN: 8px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; WORD-WRAP: break-word
}
.commentbox-title {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.commentbox-label {
DISPLAY: inline; FONT-SIZE: 11px; COLOR: #666666
}
.commentbox-content {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.no-comment-box {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fcfcfc; PADDING-BOTTOM: 10px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #666666; PADDING-TOP: 10px; BORDER-BOTTOM: #e0e0e0 1px solid
}
.trackbackbox {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-TOP: 5px
}
.trackbackbox-title {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.trackbackbox-label {
DISPLAY: inline; FONT-SIZE: 11px; COLOR: #666666
}
.trackbackbox-content {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #333333; PADDING-TOP: 3px
}
.trackbackbox A {
COLOR: #000000
}
#commentForm {
WIDTH: 99%
}
.messagebox {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #fcfcfc; MARGIN: 100px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 500px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: center
}
.messagebox-title {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #393c5a
}
.messagebox-content {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; COLOR: #666666; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.messagebox-bottom {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #f3f3f3
}
.errorbox {
BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BACKGROUND: #ffeedd; MARGIN: 100px; BORDER-LEFT: #cc0000 1px solid; WIDTH: 500px; BORDER-BOTTOM: #cc0000 1px solid; TEXT-ALIGN: center
}
.errorbox-title {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #cc3300
}
.errorbox-content {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; COLOR: #990000; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.errorbox-bottom {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffe3d0
}
.formbox {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.formbox-comment {
}
.formbox-title {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #f2f2f2; TEXT-ALIGN: center
}
.formbox-comment-title {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #f2f2f2; TEXT-ALIGN: center
}
.formbox-rowheader {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.formbox-comment-rowheader {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.formbox-content {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.formbox-comment-content {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.panel-smilies {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.panel-smilies-title {
COLOR: #666666; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left
}
.panel-smilies-content {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 120%; PADDING-TOP: 5px
}
.upload-page {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #e7e7ef
}
.upload-file {
}
.upload-error {
COLOR: #990000
}
.upload-done {
COLOR: #003300
}
.comment-text {
FONT-SIZE: 11px; COLOR: gray
}
.hidden-note {
FONT-SIZE: 11px; COLOR: gray
}
.red {
COLOR: red
}
.highlight {
FONT-WEIGHT: bold; BACKGROUND: #ffff00; COLOR: #ff6600
}
.meta-button {
MARGIN: 1px
}
HTML .ubb-list {
MARGIN: 5px 5px 15px 25px
}
.ubb-list LI {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; PADDING-TOP: 1px
}
.code {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 5px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #e0e0e0 1px solid; FONT-FAMILY: "Courier New"; BACKGROUND-COLOR: #f9f9f9
}
.quote {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 5px; BORDER-LEFT: #e0e0e0 3px solid; PADDING-TOP: 10px; BACKGROUND-COLOR: #f9f9f9
}
.quote-title {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #e0e0e0 1px dashed
}
.quote-content {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px
}
.ubb-obj-div {
BORDER-RIGHT: #cccccc 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #cccccc 1px dashed; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dashed; BACKGROUND-COLOR: #ffffff
}
.syntaxComment {
COLOR: #000080; FONT-STYLE: italic
}
.syntaxKey {
FONT-WEIGHT: bold
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -