@import url(http://fonts.lug.ustc.edu.cn/css?family=Inconsolata|Roboto+Condensed);
html, head, body {
overflow-x: hidden;
}
html {
color: #fff;
background-color: #2b3035;
counter-reset: metas links scripts;
}
head, body {
display: block;
margin: 20px;
padding: 10px;
border: 2px dashed rgba(255, 255, 255, .4);
border-radius: 10px;
overflow-x: hidden;
}
head::before, body::before,
head::after, body::after {
display: block;
color: rgba(255, 255, 255, .4);
font: 26px/1.2 'Inconsolata', monospace;
}
head::before, body::before {
margin-left: 10px;
}
head::after, body::after {
margin-right: 10px;
text-align: right;
}
head::before { content: ''; }
head::after { content: ''; }
body::before { content: ''; }
body::after { content: ''; }
meta[charset], meta[name][content], link, script {
display: inline-block;
margin: 10px;
color: #fff;
white-space: nowrap;
font-size: 0;
}
meta::before, link::before, script::before,
meta::after, link::after, script::after {
display: inline-block;
vertical-align: middle;
padding: 10px;
border: 2px solid #fff;
font: 16px/1.2 'Inconsolata', monospace;
}
meta::before, link::before, script::before {
border-right: none;
border-radius: 10px 0 0 10px;
background-color: #333;
}
meta::after, link::after, script::after {
max-width: 400px;
overflow: hidden;
text-overflow: ellipsis;
border-left: none;
border-radius: 0 10px 10px 0;
background-color: #666;
}
meta[charset]::before {
counter-increment: metas;
content: ' #' counter(metas);
}
meta[charset]::after {
content: 'charset="' attr(charset) '"';
}
meta[name][content]::before {
counter-increment: metas;
content: ' #' counter(metas);
}
meta[name][content]::after {
content: 'name="' attr(name) '" content="' attr(content) '"';
}
link[rel][href]::before {
counter-increment: links;
content: ' #' counter(links);
}
link[rel][href]::after {
content: 'rel="' attr(rel) '" href="' attr(href) '"';
}
script[src]::before {
counter-increment: scripts;
content: '