improve style and fix custom category subtitle display

_layouts/home.html

@@ -44,11 +44,11 @@
         </div>
         <div class="one-third column value">
           <h3 class="opinion-section-title">{{ custom_category_title }}</h3>
-          {% for post in site.posts %}
-          {% if post.categories contains custom_category %}
           <p class="opinions-intro">
           {{ custom_category_subtitle }}
           </p>
+          {% for post in site.posts %}
+          {% if post.categories contains custom_category %}
           {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
           <h4 class="opinion-title"><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h4>
           <h5 class="opinion-date">{{ post.date | date: date_format }}</h5>

_layouts/post.html

@@ -22,13 +22,13 @@
   </div>
 
   <div class="color-overlay">
-  <div class="section posts imf">
+  <div class="section post imf">
     <div class="container">
       <div class="row">
         <div class="ten columns value">
-        <h4 class="post-title"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h4>
+        <h2 class="post-title"><a href="{{ page.url | relative_url }}">{{ page.title }}</a></h4>
           {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
-          <h5 class="post-date">{{ post.date | date: date_format }}</h5>
+          <h5 class="post-date">{{ page.date | date: date_format }}</h5>
           {{ content }}
         </div>
       </div>

assets/css/imfiny.css

@@ -31,6 +31,12 @@
 
 .small-banner {
     margin-top: 2rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    border-top: 1px solid #333;
+    background: #333;
+    color: #EEE;
+    padding-left: 2rem;
 }
 
 .posts {
@@ -42,7 +48,7 @@
     font-size: 18pt;
 }
 
-.posts h5.post-date, .posts h5.opinion-date {
+.posts h5.post-date, .posts h5.opinion-date, .post h5.post-date {
     font-style: italic;
     font-weight: none;
     font-size: 12pt;
@@ -52,7 +58,7 @@
     color: #555;
 }
 
-.posts a {
+.posts a, .post h3 a, .post h2 a {
     color: #000;
     text-decoration: none;
 }
@@ -74,6 +80,36 @@
     color: #999;
 }
 
+.post p {
+    font-size: 1.8rem;
+}
+
+.post h2 a {
+    font-size: 3.5rem;
+}
+
+.post h3 {
+    font-size: 3rem;
+    margin-top: 3rem;
+}
+
+.post h4 {
+    font-size: 2.5rem;
+}
+
+.post h5 {
+    font-size: 2.1rem;
+    text-decoration: underline;
+}
+
+.post blockquote {
+    border-left: 5px solid #00B288;
+    padding-left: 2rem;
+    padding-top: 1rem;
+    padding-bottom: 0.2rem;
+    color: #AAA;
+}
+
 .opinions-intro {
     font-style: italic;
 }