@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; position:fixed; -webkit-font-smoothing:subpixel-antialiased;
}
ul.downloads {
list-style:none; height:40px; padding:0; background: #f4f4f4; border-radius:5px; border:1px solid #e0e0e0; width:270px;
}
.downloads li {
width:89px; float:left; border-right:1px solid #e0e0e0; height:40px;
}
.downloads li:first-child a {
border-radius:5px 0 0 5px;
}
.downloads li:last-child a {
border-radius:0 5px 5px 0;
}
.downloads a {
line-height:1; font-size:11px; color:#676767; display:block; text-align:center; padding-top:6px; height:34px;
}
.downloads a:hover, .downloads a:focus {
color:#675C5C; font-weight:bold;
}
.downloads ul a:active {
background-color:#f0f0f0;
}
strong {
color:#222; font-weight:700;
}
.downloads li + li + li {
border-right:none; width:89px;
}
.downloads a strong {
font-size:14px; display:block; color:#222;
}
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; } header ul { position:absolute; right:50px; top:52px; }
}
@media print, screen and (max-width: 720px) {
body { word-wrap:break-word; } header { padding:0; } header ul, header p.view { position:static; } pre, code { word-wrap:normal; }
}
@media print, screen and (max-width: 480px) {
body { padding:15px; } .downloads { width:99%; } .downloads li, .downloads li + li + li { width:33%; }
}
@media print {
body { padding:0.4in; font-size:12pt; color:#444; }
}