Merge branch 'blog-post-restyle' into 'master'

Blog Post Restyle

See comments for a screenshot.

- Increased font size
- Serif font (only included in post layout)
- line heights
- improved readabillity
- centered, small column

source/_layouts/post.html

@@ -7,6 +7,7 @@
     <meta name="description" content="">
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Noto+Serif' rel='stylesheet' type='text/css'>
     <link href="/stylesheets/bootstrap.min.css" rel="stylesheet">
     <link href="/stylesheets/glyphicons.css" rel="stylesheet">
     <link href="/stylesheets/base.css" rel="stylesheet">
@@ -42,16 +43,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,19 +59,17 @@
         </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="row">
-                <div class="col-sm-12 col-md-12">
-                  <h1>{{ page.title }}</h1>
-                  <h4>{{ page.date | date: "%d %B %Y" }}</h4>
+                <div class="col-sm-9 blog-entry">
+                  <h1 class="title">{{ page.title }}</h1>
+                  <h4 class="date">{{ page.date | date: "%d %B %Y" }}</h4>
                   {{ content }}
                 </div>
               </div>
-            </div>
             <div id="disqus_thread"></div>
             <script type="text/javascript">

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,56 @@ h3.title {
     padding: 10px;	
 }
+#blog {
+  background: white;
+}
+
+.blog-entry {
+  float: none;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.blog-entry h1.title {
+  font-size: 50px;
+  padding-top: 30px;
+}
+
+.blog-entry h1,
+.blog-entry h2,
+.blog-entry h3,
+.blog-entry h4,
+.blog-entry h5 {
+  color: #444;
+  font-weight: 600;
+  margin-top: 40px;
+}
+
+.blog-entry p {
+  font-family: 'Noto Serif', serif;
+  font-size: 18px;
+  color: #444;
+  line-height: 2.9rem;
+  margin: 0 0 24px;
+}
+
+.blog-entry a {
+  font-family: 'Noto Serif', serif;
+  font-size: 18px;
+  line-height: 2.9rem;
+}
+
+.blog-entry .date {
+  color: #666;
+  font-weight: 300;
+  font-size: 24px;
+  margin-left: 4px;
+  margin-top: 0px;
+  padding-bottom: 10px;
+}
+
+
+
 /* Footer
 -------------------------------------------------- */
 #footer {