📄 style.css
字号:
.page_item {
FONT-WEIGHT: normal
}
.current_page_item {
FONT-WEIGHT: bold
}
.cat-item {
FONT-WEIGHT: normal
}
.current-cat {
FONT-WEIGHT: bold
}
.current-cat-parent {
FONT-WEIGHT: normal
}
BODY {
BACKGROUND: #fff; FONT: small Verdana, sans-serif; COLOR: #000
}
{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
A {
COLOR: #0000a9; TEXT-DECORATION: none
}
A:visited {
COLOR: #000099; TEXT-DECORATION: none
}
A:hover {
COLOR: #0000a9; TEXT-DECORATION: none
}
A IMG {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
BLOCKQUOTE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em 1.5em; BORDER-LEFT: #0000a9 0.2em solid; COLOR: #555; PADDING-TOP: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
abbr {
TEXT-TRANSFORM: uppercase; CURSOR: help; BORDER-BOTTOM: #999 1px dotted; LETTER-SPACING: 1px
}
ACRONYM {
TEXT-TRANSFORM: uppercase; CURSOR: help; BORDER-BOTTOM: #999 1px dotted; LETTER-SPACING: 1px
}
CODE {
FONT-FAMILY: Courier, "Courier New", monospace
}
PRE {
PADDING-RIGHT: 0.8em; PADDING-LEFT: 0.8em; BACKGROUND: #ececec; PADDING-BOTTOM: 0.8em; MARGIN: 0px 0px 1.5em; OVERFLOW: auto; PADDING-TOP: 0.8em; FONT-FAMILY: Courier, "Courier New", monospace
}
P.unstyled {
}
P.center {
TEXT-ALIGN: center
}
.flickr_blue {
TEXT-TRANSFORM: lowercase; COLOR: #007ae4
}
.flickr_pink {
TEXT-TRANSFORM: lowercase; COLOR: #ff2a96
}
H1 {
FONT: bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif
}
H2 {
FONT: bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif
}
H3 {
FONT: bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif
}
H4 {
FONT: bold 1em "Helvetica Neue", Helvetica, Arial, sans-serif
}
H1 {
FONT-SIZE: 1.6em; COLOR: #0000a9
}
H2 {
FONT-SIZE: 1.6em; COLOR: #0000a9
}
#content H1 {
MARGIN-BOTTOM: 0.5em
}
H2 A {
COLOR: #0000a9
}
H2 A:visited {
COLOR: #0000a9
}
H2 A:hover {
COLOR: #000
}
H3 {
FONT-SIZE: 1.3em; COLOR: #000
}
H4 {
FONT-SIZE: 1.15em; COLOR: #000
}
#header {
BACKGROUND: url(images/lhbg.jpg) #d5ddf3 repeat-x center top; BORDER-BOTTOM-COLOR: #0000a9; PADDING-BOTTOM: 0.5em; COLOR: #fff; HEIGHT: 80px
}
#belowhead {
}
#headerbar {
BACKGROUND: #d5ddf3; COLOR: #000
}
#container {
BACKGROUND: url(images/gradient.jpg) #fff repeat-x center top
}
#content_box {
BACKGROUND: #fff; MARGIN: 0em auto; WIDTH: 65em; PADDING-TOP: 1em; moz-border-radius: 1em
}
#content {
PADDING-RIGHT: 2em; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 47em; PADDING-TOP: 0px
}
#sidebar {
FLOAT: left; WIDTH: 15em
}
#footer {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #d5ddf3; PADDING-BOTTOM: 0.5em; COLOR: #000; PADDING-TOP: 0.5em
}
#logo {
BACKGROUND: url(images/logo.png) no-repeat left center; MARGIN: 0px auto; WIDTH: 65em; HEIGHT: 80px
}
#logo A {
FONT-SIZE: 3.5em; MARGIN-LEFT: -10000px; COLOR: #fff
}
#logobar {
MARGIN: 0px auto; WIDTH: 65em
}
#tagline {
PADDING-RIGHT: 0em; PADDING-LEFT: 2em; PADDING-BOTTOM: 0.1em; FONT: bold 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; PADDING-TOP: 0.1em
}
.post_date {
FONT-SIZE: 0.9em; MARGIN: 0px 0px 0.8em; COLOR: #aaa; BORDER-BOTTOM: #ccc 0.3em double
}
.post_date A {
PADDING-RIGHT: 0.09em; PADDING-LEFT: 0.09em; PADDING-BOTTOM: 0.09em; COLOR: #000; PADDING-TOP: 0.09em
}
.post_date A:visited {
PADDING-RIGHT: 0.09em; PADDING-LEFT: 0.09em; PADDING-BOTTOM: 0.09em; COLOR: #000; PADDING-TOP: 0.09em
}
.post_date A:hover {
BACKGROUND: #ccc; COLOR: #000
}
.entry A {
TEXT-DECORATION: underline
}
.entry A:visited {
TEXT-DECORATION: underline
}
.entry A:hover {
TEXT-DECORATION: underline
}
.entry P {
MARGIN: 0px 0px 1em
}
.entry UL {
MARGIN: 0px 0px 1em 3em
}
.entry OL {
MARGIN: 0px 0px 1em 3em
}
.entry UL {
LIST-STYLE-TYPE: disc
}
.entry LI {
}
.entry UL LI UL {
MARGIN: 0px 0px 0px 1.5em
}
.entry UL LI OL {
MARGIN: 0px 0px 0px 1.5em
}
.entry OL LI UL {
MARGIN: 0px 0px 0px 1.5em
}
.entry OL LI OL {
MARGIN: 0px 0px 0px 1.5em
}
.entry DL {
MARGIN: 0px 0px 1.53em
}
.entry DT {
FONT-WEIGHT: bold
}
.entry DD {
MARGIN: 0px 0px 0px 1.5em
}
.entry SUP {
LINE-HEIGHT: 1em
}
.entry SUB {
LINE-HEIGHT: 1em
}
.entry BLOCKQUOTE.right {
BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 0.06em solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.43em; BORDER-LEFT: #ccc 0px solid; WIDTH: 13.68em; PADDING-TOP: 0.43em; BORDER-BOTTOM: #ccc 0.06em solid; TEXT-ALIGN: center
}
.entry BLOCKQUOTE.left {
BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 0.06em solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.43em; BORDER-LEFT: #ccc 0px solid; WIDTH: 13.68em; PADDING-TOP: 0.43em; BORDER-BOTTOM: #ccc 0.06em solid; TEXT-ALIGN: center
}
.entry BLOCKQUOTE.right {
CLEAR: right; FLOAT: right; MARGIN: 0px 0px 0px 0.93em
}
.entry BLOCKQUOTE.left {
CLEAR: left; FLOAT: left; MARGIN: 0px 0.93em 0px 0px
}
.entry BLOCKQUOTE.right P {
MARGIN: 0px
}
.entry BLOCKQUOTE.left P {
MARGIN: 0px
}
.entry .ad {
CLEAR: right; FLOAT: right; MARGIN: 0px 0px 0px 1.15em
}
.entry .ad_left {
CLEAR: left; FLOAT: left; MARGIN: 0px 1.15em 0px 0px
}
.entry IMG {
}
.entry IMG.left {
CLEAR: left; FLOAT: left; MARGIN: 0px 1.15em 0px 0px
}
.entry IMG.right {
CLEAR: right; FLOAT: right; MARGIN: 0px 0px 0px 1.15em
}
.entry IMG.center {
CLEAR: both; DISPLAY: block; MARGIN: 0px auto 1.53em
}
.entry IMG.frame {
BORDER-RIGHT: #d5ddf3 0.5em solid; BORDER-TOP: #d5ddf3 0.5em solid; BORDER-LEFT: #d5ddf3 0.5em solid; BORDER-BOTTOM: #d5ddf3 0.5em solid; moz-border-radius: 1em
}
.entry IMG.stack {
CLEAR: none! important
}
.post_meta {
CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 0.23em double; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 3em; LINE-HEIGHT: 1em; PADDING-TOP: 0.38em
}
.add_comment {
PADDING-RIGHT: 0px; PADDING-LEFT: 1.61em; FONT-WEIGHT: bold; BACKGROUND: url(images/icon_comment.gif) no-repeat 0px 50%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.post_meta A:hover {
COLOR: #000; BORDER-BOTTOM: #0000a9 1px solid
}
.page .entry {
MARGIN: 0px 0px 3.07em; BORDER-BOTTOM: #ccc 0.23em double
}
.navigation {
FONT-SIZE: 1.2em; MARGIN: 0px 0px 1em; WIDTH: 39em; LINE-HEIGHT: 1.66em
}
.navigation A:hover {
COLOR: #000; BORDER-BOTTOM: #0000a9 1px solid
}
.next {
TEXT-ALIGN: right
}
UL.sidebar_list {
LIST-STYLE-TYPE: none
}
UL.sidebar_list LI.widget {
FLOAT: left; MARGIN: 0px 0px 0.5em
}
UL.sidebar_list LI.linkcat {
FLOAT: left; MARGIN: 0px 0px 0.5em
}
LI.widget P {
MARGIN: 0px 0px 1.66em
}
LI.widget UL {
MARGIN: 0.2em 0px; LIST-STYLE-TYPE: none
}
LI.linkcat UL {
MARGIN: 0.2em 0px; LIST-STYLE-TYPE: none
}
LI.widget LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 1.16em; BACKGROUND: url(images/bullet.gif) no-repeat 0px 0.41em; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0px
}
LI.linkcat LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 1.16em; BACKGROUND: url(images/bullet.gif) no-repeat 0px 0.41em; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0px
}
LI.widget LI A:hover {
COLOR: #000; BORDER-BOTTOM: #0000a9 1px solid
}
LI.linkcat LI A:hover {
COLOR: #000; BORDER-BOTTOM: #0000a9 1px solid
}
#calendar_wrap {
PADDING-RIGHT: 0.16em; PADDING-LEFT: 0.16em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0.83em; WIDTH: 16.33em; PADDING-TOP: 0px
}
TABLE#wp-calendar {
WIDTH: 16.33em; BORDER-COLLAPSE: collapse
}
TABLE#wp-calendar CAPTION {
FONT-WEIGHT: bold; LINE-HEIGHT: 1.58em; BORDER-BOTTOM: #ccc 0.08em solid
}
TABLE#wp-calendar TH {
FONT-SIZE: 1em; WIDTH: 2.33em; COLOR: #666; LINE-HEIGHT: 1.58em; BORDER-BOTTOM: #ccc 0.08em solid; TEXT-ALIGN: center
}
TABLE#wp-calendar TD {
WIDTH: 2.33em; COLOR: #999; LINE-HEIGHT: 1.66em; TEXT-ALIGN: center
}
TABLE#wp-calendar TD A {
FONT-WEIGHT: bold; COLOR: #0000a9
}
TABLE#wp-calendar TD A:visited {
FONT-WEIGHT: bold; COLOR: #0000a9
}
TABLE#wp-calendar TD A:hover {
TEXT-DECORATION: underline
}
TABLE#wp-calendar TD#next {
WIDTH: 7em
}
TABLE#wp-calendar TD#prev {
WIDTH: 7em
}
LI.widget UL.flickr_stream {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI.widget UL.flickr_stream LI {
PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px
}
LI.widget UL.flickr_stream LI A IMG {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
LI.widget UL.flickr_stream LI A:hover IMG {
BACKGROUND: #ff2a96; BORDER-BOTTOM-STYLE: none
}
#footer P {
FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; TEXT-ALIGN: center
}
#footer A {
COLOR: #fff; BORDER-BOTTOM: #0000a9 1px solid
}
#footer A:visited {
COLOR: #fff; BORDER-BOTTOM: #0000a9 1px solid
}
#footer A:hover {
COLOR: #fff; BORDER-BOTTOM: #fff 1px solid
}
#comments {
WIDTH: 46.8em
}
DL#comment_list {
MARGIN: 0px
}
DL#comment_list DT {
COLOR: #999
}
DL#comment_list DT.author {
BACKGROUND: url(images/comment_author_top.gif) no-repeat 0px 100%
}
DL#comment_list DT .comment_num {
PADDING-RIGHT: 0.36em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DL#comment_list DT .comment_num A {
COLOR: #999
}
DL#comment_list DT .comment_num A:visited {
COLOR: #999
}
DL#comment_list DT .comment_num A:hover {
COLOR: #0000a9
}
DL#comment_list DT STRONG {
COLOR: #000
}
DL#comment_list DT STRONG A {
COLOR: #000; BORDER-BOTTOM: #999 1px dotted
}
DL#comment_list DT STRONG A:visited {
COLOR: #000; BORDER-BOTTOM: #999 1px dotted
}
DL#comment_list DT STRONG A:hover {
COLOR: #000; BORDER-BOTTOM: #0000a9 1px solid
}
DL#comment_list DD {
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.53em; WIDTH: 428px; PADDING-TOP: 0px
}
DL#comment_list DD.author {
BACKGROUND: url(images/comment_author_bottom.gif) #f6f4c9 no-repeat 0px 100%
}
DL#comment_list DD.entry P {
MARGIN-BOTTOM: 1.15em
}
DL#comment_list DD.entry UL {
MARGIN-BOTTOM: 1.15em
}
DL#comment_list DD.entry OL {
MARGIN-BOTTOM: 1.15em
}
DL#comment_list DD.entry BLOCKQUOTE {
MARGIN-BOTTOM: 1.15em
}
P.log_in {
MARGIN: 0px 0px 3.07em
}
#comment_form {
MARGIN: 0px 0px 4em; WIDTH: 46.8em
}
#comment_form A:hover {
TEXT-DECORATION: underline
}
#comment_form P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.76em; PADDING-TOP: 0.76em
}
#comment_form LABEL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0.83em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#comment_form .text_input {
BORDER-RIGHT: #eee 0.07em solid; PADDING-RIGHT: 0.23em; BORDER-TOP: #999 0.15em solid; PADDING-LEFT: 0.23em; PADDING-BOTTOM: 0.23em; BORDER-LEFT: #999 0.15em solid; WIDTH: 15.38em; COLOR: #0000a9; PADDING-TOP: 0.23em; BORDER-BOTTOM: #eee 0.07em solid
}
#comment_form .text_input:unknown {
BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #ddd; BORDER-TOP-COLOR: #666; BORDER-RIGHT-COLOR: #ddd
}
#comment_form .text_area {
WIDTH: 32.92em
}
#comment_form P.subscribe-to-comments {
}
#comment_form P.subscribe-to-comments LABEL {
}
#comment_form .form_submit {
BORDER-RIGHT: #999 0.21em double; PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc 0.21em double; PADDING-LEFT: 0.5em; BACKGROUND: url(images/submit_bg.gif) repeat-x; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #ccc 0.21em double; CURSOR: pointer; COLOR: #000; PADDING-TOP: 0.5em; BORDER-BOTTOM: #999 0.21em double
}
#comment_form .form_submit:hover {
COLOR: #0000a9
}
#search_form {
MARGIN: 0px 0px 0.58em
}
UNKNOWN {
MARGIN: 0px 0px 0.75em
}
#search_form .search_input {
BORDER-RIGHT: #eee 0.08em solid; PADDING-RIGHT: 0.25em; BORDER-TOP: #999 0.08em solid; PADDING-LEFT: 0.25em; FONT-SIZE: 1em; PADDING-BOTTOM: 0.25em; BORDER-LEFT: #999 0.08em solid; WIDTH: 14em; COLOR: #777; PADDING-TOP: 0.25em; BORDER-BOTTOM: #eee 0.08em solid
}
#search_form .search_input:unknown {
BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #ddd; BORDER-TOP-COLOR: #666; BORDER-RIGHT-COLOR: #ddd
}
#header:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
#logo:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
#nav:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
#content_box:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.page .entry:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
#comments:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
DL#comment_list DD:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
#comment_form:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
#studentleft {
FLOAT: left; WIDTH: 15em
}
#studentright {
FLOAT: left; WIDTH: 15em
}
P IMG {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; max-width: 100%
}
IMG.centered {
DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
IMG.alignright {
PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 2px 7px; PADDING-TOP: 4px
}
IMG.alignleft {
PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 7px 2px 0px; PADDING-TOP: 4px
}
.alignright {
FLOAT: right
}
.alignleft {
FLOAT: left
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -