body {
background: #fff;
color: #222;
font: 1em/1.3em 'Delicious';
padding: 3em;
}
header {
padding-bottom: .5em;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
}
.summary {
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
margin-bottom: 0em;
line-height: 2.5em;
}
.summary:after {
content: ' ';
clear: both;
display: block;
}
.summary > li > a {
clear: both;
margin: 3em 0 0;
padding: 0;
font-size: 1em;
display: block;
color: black;
text-decoration: none;
font-weight: bold;
}
.summary > li > a:first-child {
margin-top: 0;
}
.summary ul {
margin: 0;
padding: 0;
}
.summary ul li {
float: left;
border-bottom: none;
margin-bottom: 0;
margin-right: 1em;
}
.summary ul li a {
color: black;
background: rgb(250, 250, 250);
text-decoration: none;
padding: .3em .5em;
-webkit-border-radius: .3em;
border: 1px solid #ccc;
}
ul {
list-style: none;
padding: 0;
}
ul .group {
margin: 2em;
line-height: 3em;
font-weight: normal;
margin-left: -1em;
}
ul h1 {
display: inline;
font-size: 1.6em;
}
ul h2 {
display: inline;
font: 1em Menlo;
margin-left: .5em;
}
ul h2:before { content: '('; }
ul h2:after { content: ')'; }
ul.docs li {
border-bottom: 1px dotted #ccc;
margin-bottom: 3em;
}
.docs h1:first-child {
margin-top: 0em;
}
ul h3 {
font-size: 1em;
}
pre {
border: 1px solid #ccc;
padding: 1em;
-webkit-border-radius: .5em;
background: rgb(250, 250, 250);
}
code {
font: 0.9em Menlo;
}
code .comment {
color: rgb(150, 150, 150);
}
code .integer {
color: rgb(210, 80, 60);
}
code .constant.language {
color: rgb(42, 138, 108);
}
code .string {
color: rgb(94, 172, 62);
}
code .support {
color: rgb(141, 55, 131);
}
/*
Change to 2 column layout when window is wide enough
*/
@media all and (min-width: 70em) {
.summary {
float: left;
width: 10em;
margin-right: 2em;
line-height: 1.7em;
position: absolute;
}
.summary > li {
margin-bottom: 1em;
}
.summary ul li {
float: none;
margin: 0;
}
.summary ul li a {
color: black;
background: transparent;
text-decoration: none;
padding: 0;
border: none;
}
.summary ul li a:hover {
text-decoration: underline;
}
.summary ul.closed {
display: none;
}
.summary.fixed {
position: fixed;
top: 0;
}
.docs {
float: left;
margin-left: 13em;
margin-bottom: 5em;
}
}