body {
margin: 0; padding: 0;
}
/**
* Layout */
.readme {
margin: 3em;
}
nav {
display: none;
}
@media only screen and (min-device-width: 736px) and (min-width: 1000px) {
.readme { width: 650px; } #nav { display: block; position: fixed; top: 0; left: 0; margin: 0; width: 17rem; height: 100%; overflow: auto; background-color: #2d2d2d; padding-top: 1rem; } #nav ul { padding-left: 2rem; } #nav li { font-size: 0.9rem; list-style-type: none; margin-top: 0.5em; } #nav > ul > li { text-indent: -.8rem; } #nav > ul > li > ul > li { text-indent: -1.5rem; } #nav ul li.active { background-color: #6c2022; } #nav ul li.active ul { background-color: #2d2d2d; } #nav ul .secnum { color: #777; font-size: 0.85rem; } #nav ul a, #nav ul a:visited { color: white; text-shadow: none; text-decoration: none; background: none; } .readme { margin-left: 20rem; padding: 2rem; }
}
@media only screen and (min-width: 1000px) {
.readme { width: 650px; }
}
@media only screen and (min-width: 1100px) {
.readme { width: 750px; }
}
/**
* Typography */
nav, .readme, .readme p {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300;
}
.readme pre, .readme code {
font-family: 'Roboto Mono', monospace;
}
.readme ::selection {
background: #DEE7FF;
} .readme ::-moz-selection {
background: #DEE7FF;
}
.readme > :first-child {
margin-top: 0;
}
/**
* Headers */
.readme h1, .readme h2, .readme h3, .readme h4, .readme h5, .readme h6 {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 100; line-height: 1.2em; color: #34363B; position: relative;
}
.readme > h1:first-child, .readme > hr + h1:not(:first-child) {
font-size: 2.5rem; border-bottom: 0; padding-bottom: 0;
}
.readme > h1:not(:first-child), .readme > h2 {
font-size: 2rem; margin-top: 3rem; border-bottom: 1px dotted #DEE7FF; padding-bottom: 0.4em;
}
.readme h3 {
font-weight: 400; margin-top: 2em; color: #4A4F5E;
}
.readme h3 + h3, .readme h4 + h4 {
margin-top: -0.5em;
}
.readme h2 + h3 {
margin-top: 0;
}
/**
* Paragraphs */
.readme p, .readme > ul, .readme > ol {
line-height: 1.6em;
}
/**
* Links */
.readme a {
color: #4078c0; text-decoration: none;
}
.readme a:hover, .readme a:active {
text-decoration: underline;
}
.readme a img {
border: 0 none;
}
/**
* Horizontal Rules */
.readme hr {
width: 8px; height: 8px; background: transparent; border: 1px solid #A9B0C2; border-radius: 17px; margin: 4rem auto; position: relative;
}
.readme hr:before, .readme hr:after {
position: absolute; top: 1px; left: -24px; width: 4px; height: 4px; background: transparent; content: ''; border-radius: 9px; border: 1px solid #A9B0C2;
}
.readme hr:after {
left: auto; right: -24px;
}
/**
* Lists */
.readme li {
margin-bottom: 0.2em; position: relative;
} .readme li > :first-child {
margin-top: 0;
}
.readme ul {
list-style-type: none;
}
.readme ul > li:not(.no-bullet):before {
content: '*'; color: #A9B0C2; position: absolute; left: -1rem;
}
.readme ul > li.no-bullet {
margin-left: -1rem;
}
.readme ul, .readme ol {
margin: 1rem; padding-left: 0;
}
.readme ul ul, .readme ul ol, .readme ol ol, .readme ol ul {
padding-left: 1rem; margin: 0;
}
/*
* Code */
.readme pre code {
max-height: 800px;
}
.readme code {
font-size: 0.9rem;
}
.readme p code, .readme table code {
color: #c7254e; background: #f9f2f4; padding: 0.2em 0.4em; border-radius: 5px;
}
/*
* Table */
.readme table {
border-spacing: 0; border-collapse: collapse;
}
.readme table > tbody > tr > td, .readme table > tbody > tr > th, .readme table > tfoot > tr > td, .readme table > tfoot > tr > th, .readme table > thead > tr > td, .readme table > thead > tr > th {
padding: 8px; line-height: 1.42857143; vertical-align: top;
}
.readme table > thead > tr > th {
vertical-align: bottom; border-bottom: 2px solid #ddd
}
.readme table > tbody > tr > td {
padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd
}
/*
* Images */
.readme p img {
max-width: 100%;
}