Update styles to match eve editor

Author: cmontella

stylesheets/application.css

@@ -65,9 +65,13 @@
 }
 
 html, body {
+  font-family: Avenir, "Nelvetica Neue", sans-serif;
   height: 100%;
   padding: 0px;
   margin: 0px;
+  color: rgb(85,85,85);
+  font-size: 15px;
+  background-color: #f5f5f5;
 }
 
 pre {
@@ -78,11 +82,7 @@ pre {
 }
 
 code {
-  color: rgb(0,121,177);
-  background-color: rgb(245,245,245);
-  padding: 3px;
-  border-radius: 2px;
-  border: 1px solid rgb(200,200,200);
+  color: rgb(0, 121, 211);
 }
 
 blockquote {
@@ -100,16 +100,19 @@ ul, ol {
 }
 
 h1 {
-  font-size: 32px;
-  color: rgb(0,121,177);
+  font-size: 30px;
+  color: rgb(85, 85, 85);
 }
 
 h2 {
-  color: rgb(74,64,136);
+  font-size: 25px;
+  color: rgb(85, 85, 85);
+  font-weight: bold;
+  line-height: 25px;
 }
 
 .logo {
-  width: 40%;
+  width: 30%;
   margin-top: 20px;
   margin-bottom: 20px;
 }
@@ -121,22 +124,24 @@ h2 {
 }
 
 .drawer {
-  background-color: rgb(38,38,38);
-  color: rgb(200,200,200);
-  width: 175px;
+  background-color: #555;
+  color: rgb(187,187,187);
+  width: 280px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 20px;
 }
 
 .drawer a {
-  color: rgb(200,200,200);
+  color: rgb(187,187,187);
 }
 
 .article {
   max-width: 750px;
-  margin-left: 20px;
-  margin-right: 20px;
+  padding-left: 60px;
+  padding-right: 60px;
+  padding-top: 30px;
+  background-color: white;
 }
 
 .article a {
@@ -158,7 +163,7 @@ h2 {
 }
 
 .sidebar-menu li {
-  border-top: 1px solid rgb(60,60,60);
+
 }
 
 .sub {
@@ -167,12 +172,16 @@ h2 {
   padding-left: 20px;
 }
 
+.sub-menu {
+  margin-top: 20px;
+}
+
 .colored {
-  color: rgb(0,158,224);
+  color: #eee;
 }
 
 .selected a {
-  color: rgb(226, 79, 94);
+  color: rgb(145, 192, 214);
 }
 
 .active {

stylesheets/highlight/highlight.css

@@ -1,49 +1,46 @@
 .article pre {
-	background-color: rgb(38,38,38);
-	border-radius: 5px;
-	border: 1px solid rgb(0,0,0);
-}
-
-.article pre code {
-	color: rgb(200,200,200);
-	background-color: rgb(38,38,38);
-	padding: 0px;
-  border-radius: 0px;
-	border: 0px;
+	color: black;
+	background-color: #f5f5f5;
+	border-left: 5px solid rgb(234, 234, 234);
+	padding-left: 15px;
 }
 
 .kr {
-  color: #63b6e7;
+  color: black;
 }
 
 .c1 {
 	color: #747474;
 }
 
 .nt {
-	color: #4bcbd3;
+	color: rgb(0, 118, 206);
 }
 
 .s {
-  color: #acaaff;  	
+  color: rgb(1, 165, 136);  	
 }
 
 .m {
-	color: #acaaff;
+	color: rgb(1, 165, 136);  	
 }
 
 .l {
-	color: #acaaff;
+	color: rgb(1, 165, 136);  	
 }
 
 .p {
 	color: gray;
 }
 
 .nf {
-	color: gray;
+	color: rgb(128, 128, 128);
 }
 
 .s2 {
-	color: #acaaff;
+	color: rgb(1, 165, 136);  	
+}
+
+.x {
+	color: rgb(0, 0, 0);
 }