}
body {
- font-family: monospace;
+ font-family: Inconsolata, Monospace, 'Courier New', Courier, monospace;
font-size: 1.5em;
margin: 0;
- padding: 4em 0 0 0;
+ padding: 0;
+ color: #3f3f3f;
}
body>* {
+ margin-left: 1em;
+}
+
+.sidebar {
+ float: right;
+ width: 400px;
+ background: #f0f0f0;
+ border-bottom-left-radius: 10px;
+ padding: 0;
+ margin-bottom: 1em;
margin-left: 2em;
- margin-right: 2em;
+}
+.sidebar>ul {
+ margin-left: 1em;
}
code {
box-shadow: 0 0 1px #999;
}
-h1 {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- margin: 0;
+code code {
+ display: inline;
+ padding: 0;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+pre > code {
padding: 1em;
}
-p {
- color: #3f3f3f;
- margin: 1em;
+
+p, pre {
+ margin: 1em 2em;
}
blockquote {
- padding: 1em;
border-radius: 4px;
- max-width: 1000px;
-}
-blockquote, blockquote p {
- color: #f0f0f0;
+ border: 1px solid #800000;
+ background: #ffe4e1;
}
+
ul {
margin-bottom: 2em;
}
.var {
color: #800000;
}
+.constant {
+ color: #2e8b57;
+}
-.invert, h1, blockquote, blockquote p {
- background: #030303;
- color: #f0f0f0;
+h1, li h3 {
+ background: #708090;
+ color: #f5f5dc;
}
-.invert .var, h1 .var, blockquote .var {
+h1 {
+ margin: 0;
+ padding: 1em;
+}
+
+li h3 {
+ border-radius: 4px;
+ display: inline-block;
+ width: auto;
+ padding: .5em;
+ margin: .5em 0 0 0;
+}
+
+h1 .constant, li h3 .constant {
+ color: #98fb98;
+}
+
+h1 .var, li h3 .var {
color: #f4a460;
}
-.invert a, h1 a, blockquote a {
+h1 a, li h3 a {
color: #b0e0e6;
}
+li h3 a {
+ text-decoration: none;
+}
+li h3 a:hover {
+ text-decoration: underline;
+}