start of restyle of blog post

source/_layouts/post.html

@@ -42,16 +42,7 @@
       <div class="navbar navbar-fixed-top navbar-default" role="navigation">
         <div class="container">
           <div class="navbar-header">
-  <!--             <a class="btn btn-primary btn-dropnav" data-toggle="collapse" data-target=".nav-collapse">
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-              </a>    
-   -->            {% if page.blog_index %}
-                <a class="navbar-brand" href="/blog/">GitLab.com Blog</a>
-              {% else %}
-                <a class="navbar-brand" href="/">GitLab.com</a>
-              {% endif %}
+              <a class="navbar-brand" href="/blog/">GitLab.com <div class="light inline">Blog</div></a>
             </div>
             <div class="collapse navbar-collapse">
@@ -67,15 +58,15 @@
         </div>
       </div>
-    <div id="content">
-      <div class="container txt-lefty">     
+    <div id="content blog">
+      <div class="container">     
         <div class="row">
-          <div class="col-sm-9 col-md-9"> 
-            <div class="entry">
+          <div class="col-sm-12"> 
+            <div class="blog-entry">
               <div class="row">
-                <div class="col-sm-12 col-md-12">
+                <div class="col-sm-9">
                   <h1>{{ page.title }}</h1>
-                  <h4>{{ page.date | date: "%d %B %Y" }}</h4>
+                  <h4 class="date">{{ page.date | date: "%d %B %Y" }}</h4>
                   {{ content }}
                 </div>
               </div>

source/stylesheets/base.css

@@ -36,9 +36,15 @@ h2 {
 .light {
   font-weight: 300;
 }
+.medium {
+  font-weight: 400;
+}
 img {
   max-width: 100%;
 }
+.inline {
+  display: inline;
+}
  
 /* Content Dividers
 -------------------------------------------------- */
@@ -468,6 +474,25 @@ h3.title {
     padding: 10px;	
 }
+#blog {
+  background: white;
+}
+
+.blog-entry h1 {
+  color: #444;
+  font-weight: 600;
+  font-size: 50px;
+}
+
+.blog-entry .date {
+  color: #666;
+  font-weight: 300;
+  font-size: 24px;
+  margin-left: 4px;
+}
+
+
+
 /* Footer
 -------------------------------------------------- */
 #footer {