Add some styling to the guide

botik2002 · Jul 6, 2015 · daeb052 · daeb052
1 parent d71aa10
commit daeb052
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 5 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -5,12 +5,14 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
         <title>{{ site.name }}</title>
-
+        <link href="http://fonts.googleapis.com/css?family=PT+Sans|Roboto+Slab|Droid+Sans+Mono" rel="stylesheet" type="text/css">
         <link rel="stylesheet" href="style.css">
     </head>
     <body>
         {% include head.html %}
-        {{ content }}
+        <div id="content">
+            {{ content }}
+        </div>
         {% include foot.html %}
         <script src="scripts.js"></script>
     </body>

diff --git a/scripts.js b/scripts.js
@@ -6,4 +6,4 @@ layout: nil
 hljs.initHighlightingOnLoad();
 
 {% include anchor.min.js %}
-anchors.add();
+anchors.add('h2,h3,h4,h5,h6');
diff --git a/style.css b/style.css
@@ -20,7 +20,7 @@ html {
 body {
   margin: 0;
   font: 1rem/1.5 "PT Sans", sans-serif;
-  color: #5a5a5a;
+  color: #333;
 }
 
 /*
@@ -30,7 +30,41 @@ End styles from codeguide.co by @mdo
 */
 
 
+
+
+#content {
+	padding: 2% 10%;
+    max-width: 48em;
+    margin: 0 auto;
+}
+
+h1 {
+    font-family: 'Roboto Slab', serif;
+    font-weight: 400;
+}
+
+h2 {
+	font-family: 'Roboto Slab', sans-serif;
+	font-weight: 400;
+	border-bottom: 0.25em solid #e2e2e2;
+	padding-bottom: 0.3em;
+}
+
+h3:before {
+	content: '➤';
+	width: 1.5em;
+	display: inline-block;
+	margin-left: -1.5em;
+	color: #f46801;
+	font-weight: normal;
+}
+
 /* Syntax highlighting */
+code {
+    font-family: 'Droid Sans Mono', monospace;
+    font-size: 0.825em;
+    color: #666;
+}
 pre code {
     max-height: 450px;
     overflow-y: auto;
@@ -39,5 +73,5 @@ pre code {
 {% include highlight.hybrid.css %}
 
 .anchorjs-link {
-    color: #FF5231;
+    color: #f46801;
 }