@import “fonts”; @import “rouge-github”;
body {
background-color: #fff; padding:50px; font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#727272; font-weight:400;
}
h1, h2, h3, h4, h5, h6 {
color:#222; margin:0 0 20px;
}
p, ul, ol, table, pre, dl {
margin:0 0 20px;
}
h1, h2, h3 {
line-height:1.1;
}
h1 {
font-size:28px;
}
h2 {
color:#393939;
}
h3, h4, h5, h6 {
color:#494949;
}
a {
color:#267CB9; text-decoration:none;
}
a:hover, a:focus {
color:#069; font-weight: bold;
}
a small {
font-size:11px; color:#777; margin-top:-0.3em; display:block;
}
a:hover small {
color:#777;
}
.wrapper {
width:860px; margin:0 auto;
}
blockquote {
border-left:1px solid #e5e5e5; margin:0; padding:0 0 0 20px; font-style:italic;
}
code, pre {
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; color:#333;
}
pre {
padding:8px 15px; background: #f8f8f8; border-radius:5px; border:1px solid #e5e5e5; overflow-x: auto;
}
table {
width:100%; border-collapse:collapse;
}
th, td {
text-align:left; padding:5px 10px; border-bottom:1px solid #e5e5e5;
}
dt {
color:#444; font-weight:700;
}
th {
color:#444;
}
img {
max-width:100%;
}
header {
width:270px; float:left; -webkit-font-smoothing:subpixel-antialiased;
}
strong {
color:#222; font-weight:700;
}
ul.section-nav, ul.section-nav ul {
counter-reset: table-of-content; list-style-type: none; padding: 0; margin: 0 0 0 1em;
}
ul.section-nav li::before {
counter-increment: table-of-content; content: counters(table-of-content, ".") ". ";
}
section {
width:500px; float:right; padding-bottom:50px;
}
small {
font-size:11px;
}
hr {
border:0; background:#e5e5e5; height:1px; margin:0 0 20px;
}
footer {
width:270px; float:left; position:fixed; bottom:50px; -webkit-font-smoothing:subpixel-antialiased;
}
@media print, screen and (max-width: 960px) {
div.wrapper { width:auto; margin:0; } header, section, footer { float:none; position:static; width:auto; } header { padding-right:320px; } section { border:1px solid #e5e5e5; border-width:1px 0; padding:20px 0; margin:0 0 20px; } header a small { display:inline; }
}
@media print, screen and (max-width: 720px) {
body { word-wrap:break-word; } header { padding:0; } pre, code { word-wrap:normal; }
}
@media print, screen and (max-width: 480px) {
body { padding:15px; }
}
@media print {
body { padding:0.4in; font-size:12pt; color:#444; }
}