blog/themes/cmd/source/css/entry.styl
2022-04-30 00:34:46 +08:00

579 lines
10 KiB
Stylus

body {
padding: 0;
margin: 0
}
.entry {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-left: auto;
margin-right: auto;
max-width: 640px;
padding: 0;
line-height: 2;
color: #424b50;
word-wrap: break-word;
font-size: 16px;
font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "Wenquanyi Micro Hei", sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
counter-reset: entry825h2 entry825h3 entry825h4 entry825h5 entry825h6
}
.entry div,
.entry p,
.entry blockquote,
.entry pre,
.entry ul,
.entry ol,
.entry table,
.entry figure,
.entry section,
.entry article,
.entry header,
.entry footer {
margin: 0;
padding: 0;
margin-top: 16px;
margin-bottom: 16px
}
.entry div:first-child,
.entry p:first-child,
.entry blockquote:first-child,
.entry pre:first-child,
.entry ul:first-child,
.entry ol:first-child,
.entry table:first-child,
.entry figure:first-child,
.entry section:first-child,
.entry article:first-child,
.entry header:first-child,
.entry footer:first-child {
margin-top: 0
}
.entry div:last-child,
.entry p:last-child,
.entry blockquote:last-child,
.entry pre:last-child,
.entry ul:last-child,
.entry ol:last-child,
.entry table:last-child,
.entry figure:last-child,
.entry section:last-child,
.entry article:last-child,
.entry header:last-child,
.entry footer:last-child {
margin-bottom: 0
}
.entry ul div,
.entry ol div,
.entry ul p,
.entry ol p,
.entry ul blockquote,
.entry ol blockquote,
.entry ul pre,
.entry ol pre,
.entry ul ul,
.entry ol ul,
.entry ul ol,
.entry ol ol,
.entry ul table,
.entry ol table,
.entry ul figure,
.entry ol figure,
.entry ul iframe,
.entry ol iframe,
.entry ul section,
.entry ol section,
.entry ul article,
.entry ol article,
.entry ul header,
.entry ol header,
.entry ul footer,
.entry ol footer {
margin-top: 0;
margin-bottom: 0
}
.entry>iframe {
display: block;
margin-top: 16px;
margin-bottom: 16px
}
.entry>img,
.entry>video {
margin-top: 16px;
margin-bottom: 16px;
display: block;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
margin-top: 0;
margin-bottom: 0;
padding: 0
}
.entry h1:first-child,
.entry h2:first-child,
.entry h3:first-child,
.entry h4:first-child,
.entry h5:first-child,
.entry h6:first-child {
margin-top: 0
}
.entry>h3,
.entry>h4,
.entry>h5,
.entry>h6 {
margin-top: 32px
}
.entry>h1,
.entry>h2 {
margin-top: 64px
}
.entry h1+*,
.entry h2+*,
.entry h3+*,
.entry h4+*,
.entry h5+*,
.entry h6+* {
margin-top: 0
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
font-weight: inherit;
color: #424b50;
background-color: transparent
}
.entry h1 a,
.entry h2 a,
.entry h3 a,
.entry h4 a,
.entry h5 a,
.entry h6 a {
color: #424b50
}
.entry h1 a,
.entry h2 a,
.entry h3 a,
.entry h4 a,
.entry h5 a,
.entry h6 a,
.entry h1 em,
.entry h2 em,
.entry h3 em,
.entry h4 em,
.entry h5 em,
.entry h6 em,
.entry h1 u,
.entry h2 u,
.entry h3 u,
.entry h4 u,
.entry h5 u,
.entry h6 u,
.entry h1 abbr[title],
.entry h2 abbr[title],
.entry h3 abbr[title],
.entry h4 abbr[title],
.entry h5 abbr[title],
.entry h6 abbr[title] {
border-bottom-color: #424b50
}
.entry h1 {
font-size: 28px;
line-height: 48px;
text-align: center
}
.entry h2 {
font-size: 21px;
line-height: 32px;
text-align: left
}
.entry h3 {
font-size: 18px;
line-height: 32px;
text-align: left
}
.entry h4,
.entry h5,
.entry h6 {
line-height: 32px;
font-size: 16px;
text-align: left
}
.entry blockquote {
position: relative;
padding: 0 0 0 11px;
margin: 16px 0;
font-family: Georgia, 'Times New Roman', STKaiti, BiauKai, KaiTi, 'DFKai-SB', 'KaiTi_GB2312', serif;
border-left: 5px solid #c3cace
}
.entry li blockquote {
margin-left: -21px
}
.entry pre {
padding: 15px 16px;
line-height: 16px;
font-size: 14px;
white-space: pre;
word-wrap: normal;
overflow: auto;
font-family: consolas, monaco, monospace;
border: 1px solid #e1e1e8;
border-right: none;
border-left: none;
background-color: #f7f7f9
}
.entry ul,
.entry ol {
padding-left: 32px
}
.entry ul li,
.entry ol li {
margin: 0;
padding: 0;
list-style-position: outside
}
.entry ul li {
list-style-type: square
}
.entry ul li ul li {
list-style-type: disc
}
.entry ul li ul li ul li {
list-style-type: circle
}
.entry ol li {
list-style-type: decimal
}
.entry ol li ol li {
list-style-type: upper-roman
}
.entry ol li ol li ol li {
list-style-type: lower-roman
}
.entry li>ul,
.entry li>ol {
padding-left: 32px
}
.entry hr {
position: relative;
padding-top: 32px;
margin-top: -2px;
margin-bottom: 64px;
height: 0;
background: none;
border: none;
border-bottom: 2px dashed #888
}
.entry hr:before,
.entry hr:after {
content: '';
position: absolute;
bottom: -2px;
width: 30%;
height: 2px;
pointer-events: none
}
.entry hr:before {
left: 0;
background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%)
}
.entry hr:after {
right: 0;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%)
}
.entry table {
display: table;
padding: 0;
margin-left: auto;
margin-right: auto;
min-width: 336px;
border-collapse: collapse;
border-spacing: 0;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
-ms-border-radius: .5em;
-o-border-radius: .5em;
border-radius: .5em
}
.entry table caption {
padding: 0
}
.entry table thead th {
text-align: left
}
.entry table tbody {
margin: 0 16px
}
.entry table tbody tr:nth-child(odd) td,
.entry table tbody tr:nth-child(odd) th {
background-color: #f9f9f9
}
.entry table tbody tr:last-child td,
.entry table tbody tr:last-child th {
padding-bottom: 6px
}
.entry table td,
.entry table th {
padding: 8px 16px 7px;
border: 1px solid #ddd
}
.entry iframe {
vertical-align: text-bottom
}
.entry a {
padding-bottom: .025em;
color: #069;
text-decoration: none;
border-bottom-color: #08c
}
.entry a:focus {
outline: thin dotted
}
.entry a:visited {
color: #551a8b;
border-bottom-color: #551a8b
}
.entry a:hover {
border-bottom-width: 1px;
border-bottom-style: solid
}
.entry a:hover,
.entry a:active {
outline: 0
}
.entry b,
.entry strong {
font-weight: bold
}
.entry u {
padding-bottom: .05em;
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
border-bottom: 1px solid #8b98a0
}
.entry u+u {
margin-left: .125em
}
.entry em {
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
-webkit-text-emphasis: filled circle;
-moz-text-emphasis: filled circle;
-ms-text-emphasis: filled circle;
text-emphasis: filled circle;
-webkit-text-emphasis-position: under;
-moz-text-emphasis-position: under;
-ms-text-emphasis-position: under;
text-emphasis-position: under
}
.entry code {
font-family: monospace;
font-size: inherit;
color: #424b50;
background-color: transparent
}
.entry pre code {
padding: 0;
margin: 0;
font-family: consolas, monaco, monospace;
font-size: 14px;
color: #424b50;
background: none;
border: none
}
.entry img,
.entry video {
max-width: 100%;
border: 0
}
.entry figure img {
display: block;
margin: 0 auto
}
.entry figure figcaption {
display: block;
text-align: center;
font-style: italic
}
.entry cite {
font-style: inherit
}
.entry cite:before,
.entry cite:after {
content: "\300a";
line-height: inherit
}
.entry cite:after {
content: "\300b"
}
.entry abbr[title] {
padding-bottom: .05em;
cursor: help;
border-bottom: 1px dotted #424b50
}
.entry dfn {
font-style: italic
}
.entry mark {
background: yellow;
color: #424b50
}
.entry q {
quotes: "\201C""\201D""\2018""\2019"
}
.entry small {
font-size: 80%
}
.entry sub,
.entry sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.entry sup {
top: -0.5em
}
.entry sub {
bottom: -0.25em
}
.entry #disqus_thread {
margin-top: 32px
}
.entry h2:before,
.entry h3:before,
.entry h4:before,
.entry h5:before,
.entry h6:before {
color: inherit
}
.entry h2 {
counter-reset: entry825h3 entry825h4 entry825h5 entry825h6
}
.entry h2:before {
content: counter(entry825h2) '\3000';
content: counter(entry825h2, cjk-ideographic) '\3001';
counter-increment: entry825h2
}
.entry h3 {
counter-reset: entry825h4 entry825h5 entry825h6
}
.entry h3:before {
content: counter(entry825h2) '.'counter(entry825h3) '\3000';
counter-increment: entry825h3
}
.entry h4 {
counter-reset: entry825h5 entry825h6
}
.entry h4:before {
content: counter(entry825h2) '.'counter(entry825h3) '.'counter(entry825h4) '\3000';
counter-increment: entry825h4
}
.entry h5 {
counter-reset: entry825h6
}
.entry h5:before {
content: counter(entry825h2) '.'counter(entry825h3) '.'counter(entry825h4) '.'counter(entry825h5) '\3000';
counter-increment: entry825h5
}
.entry h6:before {
content: counter(entry825h2) '.'counter(entry825h3) '.'counter(entry825h4) '.'counter(entry825h5) '.'counter(entry825h6) '\3000';
counter-increment: entry825h6
}