@charset “utf-8”;
/Reset/ html,body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0; padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
} img {border:0;}
html {
font-size:18px; height: 100%; color: #333222; background-color: darkgreen;
}
body {
text-rendering: optimizeLegibility; font-family:"Microsoft Yahei","WenQuanYi Micro Hei",helvetica,arial,sans-serif; margin:0 auto; padding:0 40px; padding:0 36px; word-wrap:break-word; max-width:68rem; min-height: 100%; position:relative; line-height:160%; width:1024px\9; background:#F4FCFC;
}
h1,h2,h3,h4,h5,h6 {
display:block; margin:34px 0 8px 0; font-weight:bold; color:#2c3e50; line-height:140%;
} h1:lang(zh),h2:lang(zh),h3:lang(zh), :lang(zh) h1,:lang(zh) h2,:lang(zh) h3 {
text-align:center;
} h1 {font-size:32px;margin-bottom:16px;} h2 {font-size:30px;margin-bottom:14px;} h3 {font-size:26px;margin-bottom:12px;} h4 {font-size:24px;margin-top:22px;} h5 {font-size:22px;margin-top:18px;} h6 {font-size:20px;margin-top:16px;}
p {
margin:8px 0 14px 0;
} :lang(zh) p,p:lang(zh) {
text-indent:2em;
}
ul,ol {
margin:10px 2em;
} ol:lang(zh) {
list-style-type:cjk-ideographic ;
} ul { list-style-type: circle; } li {
margin:2px 0;
} li ul {
list-style-type:cycle(disc circle square circle);
} ul ul {
list-style-type: disc;
} ul ul ul {
list-style-type: circle;
} ul ul ul ul {
list-style-type: square;
} ul ul ul ul ul {
list-style-type: circle;
} ul ul ul ul ul ul { /*It's funny!Huh?*/
list-style-type: disc;
}
li {
padding:4px 0;
}
hr{
border:none; border-bottom:1px solid #cfcfcf; margin:12px 0; height:0px;
}
br {
display:block; float:none; clear:both; width:0; height:0; line-height:0; overflow:hidden;
}
blockquote {
margin: 12px 0; color:#555; padding: 8px 1em; background:#F8FAF8; border-left: 6px solid #CCF;
} blockquote blockquote {
padding: 0 0 0 1em; margin-left: 2em;
} acronym, abbr {border-bottom: 1px dotted;cursor:help;} del {text-decoration: line-through;} q:before,q:after {content:''} :lang(zh) q:before,q:lang(zh):before {content: '「';} :lang(zh) q:after,q:lang(zh):after {content: '」';}
em,cite {
font-style:normal; padding:0 4px; color:#000;
} i {
font-style:italic;
}
sub, sup {
font-size: 70%; line-height: 0; position: relative; vertical-align: baseline;
} sup {top: -0.5em;} sub {bottom: -0.25em;}
a {
text-decoration: none; color:#1abc9c; cursor:pointer;
} a:hover {
color:#00B; text-decoration: underline;
} a:active {
color:#DD4B39;
} a:visited {
color:#609;
}
li a,li a:hover,.link-list a,.link-list a:hover, small a,small a:hover {
color:#4450A2;
}
li a:visited,.link-list a:visited,small a:visited {
color:#7240AF;
}
h1 a,h2 a,h3 a,h4 a {
color:inherit;
}
ins {text-decoration: none;} u {text-decoration: underline;}
mark {background: #F8FFE4;} small, figcaption {
font-size: 60%; color: #44444E;
}
pre, code {
font-family:"DejaVu Sans Mono","WenQuanYi Micro Hei Mono","Ubuntu Mono",Menlo,Monaco,"Courier New", Courier, monospace; white-space: pre; word-wrap: break-word;
}
pre {
line-height:120%;
} pre code {
white-space: pre;
}
div:not(.highlight) pre {
background:#F8F8F8; background-clip: border-box; padding:10px; border:1px solid #EEF; border-radius:12px; color:#D0D0E0;
}
code {
color:#080;
}
div.highlight {
padding:6px; background-clip: border-box; border-radius:8px; margin:6px 0; display:table;
} span.highlight {
padding:2px 4px; background-clip: border-box; border-radius:3px; margin:0 2px; background:#F8F8F8; color:black; white-space: nowrap;
} .highlight pre,.highlighttable pre {
margin:0; background:inherit; border:0; padding:0;
}
.highlighttable {
border-collapse: collapse; border-spacing: 0; background-color:#F8F8F8; border-radius:8px; margin:0; margin-bottom:18px;
}
.highlighttable div.highlight {
padding:0; border-radius:0; margin:0;
} .highlighttable pre {
margin:0; border:none;
} .highlighttable td {
padding:6px;
} .highlighttable td.linenos {
border-right:1px solid #9A9;
}
table {
margin:14px auto; border-color:#FFE; border-width:2px;
} table td ,table th {
padding:8px;
}
table.plain {
border-collapse: collapse; border-spacing: 0; border:none;
}
table.plain th, table.plain td,table.plain caption{
border: 1px solid #DDD;
} table.plain th {
background: #fbfbfb; font-weight:bold; color:#666;
} table.plain caption {
color:#666;
} table.plain thead th{
background: #f1f1f1;
} table.plain .caption {
border-bottom:none;
}
.vertical-thead th {
text-align:center; width:1em;
}
.site-header {
padding-bottom:6px; margin-bottom:8px; border-bottom:1px solid #CFCFCF; padding-top:2px;
} .site-header h1 {
font-size:200%;
}
nav.header {
line-height:2em;
} nav.header a {
display:inline-block; width:6em; height:2em; line-height:2em; background:#666; color:#F9F9FF; margin-right:4px; text-align:center; margin-bottom:4px;
} nav.header a:hover {
text-decoration:none;
}
.site-title a,.site-title a:hover,.site-title a:visited {
color:inherit; text-decoration:none;
}
.site-footer {
height:15px; text-align:center; padding:30px 0; border-top:1px solid #CFCFCF; margin-top:12px;
} .site-footer img {
vertical-align:middle;
} .site-footer small {
font-size:12px; line-height:14px;
} section.category-posts {
float:left; margin-right:40px; margin-right:16px;
} section.category-posts h2 a, section.category-posts h2 a:hover {
color:inherit;
}
ul.posts-list li {
list-style-type:square; color:#889; border-bottom:1px dashed #CCF; font-size:120%; padding-right:4px; padding-left:2px;
}
ul.posts-list li small {
float:right; clear:both; padding-left:30px; padding-left:1em;
}
nav.near-posts {
height:36px; padding:0 44px;
} nav.near-posts a {
display:block; width:50%; height:36px; line-height:36px; text-decoration:none; position:relative; float:left;
} nav.near-posts a i {
position:absolute; top:0; padding:0; color:gray; font-size:36px; font-style:normal; display:block; height:36px; width:36px;
} nav.near-posts a em {
display:block; width:100%; height:36px; line-height:44px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:inherit; padding:0;
} nav.near-posts a:hover {
text-decoration:none;
} nav.near-posts a:hover em {
text-decoration:underline;
} nav.near-posts a {
float:right;
} nav.near-posts a i {
right:-40px; padding-left:4px;
} nav.near-posts a em, nav.near-posts a.prev em {
text-align:right;
} nav.near-posts a i {
left:-40px; padding-right:4px;
}
.error {
color:cornflowerblue;
}
.category-page h2 {
padding:0 2px 4px 0; margin:8px 0; line-height:180%; border-bottom:1px dashed #AAA;
} .category-page h2 small {
float:right; font-weight:normal;
}
.category-page h2 a {
text-decoration:none; color:#333;
}
article {
padding-bottom:30px;
} .article-title {
margin:30px auto; padding-bottom:16px; border-bottom:1px solid #DDF; color:darkgreen; text-align:center; line-height:200%; padding:12px 40px;
} .article-title a,.article-title a:hover,.article-title a:visited {
color:inherit; text-decoration:none;
}
.article-title small {
display:block; font-weight:normal; color:#888; line-height:100%;
}
.category-path {
font-size:12px; width:100%; line-height:22px; border-bottom:1px dashed gray;
} .category-path em {
color:#888;
}
.github-fork {
display:block; width:149px; height:149px; position:absolute; right:-1px; top:0;
}
p.project-link {
margin:24px 0;
}
disqus_thread {
margin:18px auto;
}