X-Git-Url: https://git.m6w6.name/?a=blobdiff_plain;f=index.css;h=ded12107171b6924f9e45e08c1e5ff7b4d35bbc3;hb=ff5748653c7dc73c8dc80725dce38bb3119ddac3;hp=b61f51524d4aab89e33dbcc172c0471168c094c4;hpb=13943464c255c79c2038c4c63ad5af34331af088;p=mdref%2Fmdref

diff --git a/index.css b/index.css
index b61f515..ded1210 100644
--- a/index.css
+++ b/index.css
@@ -3,15 +3,28 @@
 }
 
 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 { 
@@ -23,27 +36,28 @@ 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;
 }
@@ -57,17 +71,43 @@ a {
 .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;
+}