From 8464b3d7a7242adc9c1c8242b132931891050811 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Sun, 20 Jul 2014 17:01:17 +0200
Subject: [PATCH] Cleaning up old styles

---
 assets/css/screen.css | 173 +++++++++++++++++++-----------------------
 1 file changed, 77 insertions(+), 96 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 8a1cb36..066f5c0 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -746,17 +746,6 @@ margin on the iframe, cause it breaks stuff. */
     display: none;
 }
 
-/* Insert some mad padding up in the header for better spacing */
-.post-template .post-header {
-    padding: 60px 0;
-    text-align: center;
-}
-
-.post-template .blog-title {
-    display: inline-block;
-    padding: 2.5rem 0;
-}
-
 /* Keep images centred and within the bounds of the post-width */
 .post-content img {
     display: block;
@@ -856,6 +845,83 @@ margin on the iframe, cause it breaks stuff. */
     color: #50585D;
 }
 
+/* The subscribe icon on the footer */
+.subscribe {
+    width: 28px;
+    height: 28px;
+    position: absolute;
+    top: -14px;
+    left: 50%;
+    margin-left: -15px;
+    border: #EBF2F6 1px solid;
+    text-align: center;
+    line-height: 2.4rem;
+    border-radius: 50px;
+    background: #FFF;
+    transition: box-shadow 0.5s;
+}
+
+/* The RSS icon, inserted via icon font */
+.subscribe:before {
+    color: #D2DEE3;
+    font-size: 10px;
+    position: absolute;
+    top: 2px;
+    left: 9px;
+    font-weight: 700;
+    transition: color 0.5s ease;
+}
+
+/* Add a box shadow to on hover */
+.subscribe:hover {
+    box-shadow: rgba(0,0,0,0.05) 0 0 0 3px;
+    transition: box-shadow 0.25s;
+}
+
+.subscribe:hover:before {
+    color: #50585D;
+}
+
+/* CSS tooltip saying "Subscribe!" - initially hidden */
+.tooltip {
+    opacity: 0;
+    display: block;
+    width: 52px;
+    padding: 4px 8px 5px 8px;
+    position:absolute;
+    top: -23px;
+    left: -21px;
+    color: rgba(255,255,255,0.9);
+    font-size: 1.1rem;
+    line-height: 1em;
+    text-align: center;
+    background: #50585D;
+    border-radius: 20px;
+    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
+    transition: opacity 0.3s ease, top 0.3s ease;
+}
+
+/* The little chiclet arrow under the tooltip, pointing down */
+.tooltip:after {
+    content: " ";
+    border-width: 5px 5px 0 5px;
+    border-style: solid;
+    border-color: #50585D transparent;
+    display: block;
+    position: absolute;
+    bottom: -4px;
+    left: 50%;
+    margin-left: -5px;
+    z-index: 220;
+    width: 0;
+}
+
+/* On hover, show the tooltip! */
+.subscribe:hover .tooltip {
+    opacity: 1;
+    top: -33px;
+}
+
 
 /* ==========================================================================
    7. Third Party Elements - Embeds from other services
@@ -962,83 +1028,6 @@ margin on the iframe, cause it breaks stuff. */
     float: left;
 }
 
-/* The subscribe icon on the footer */
-.subscribe {
-    width: 28px;
-    height: 28px;
-    position: absolute;
-    top: -14px;
-    left: 50%;
-    margin-left: -15px;
-    border: #EBF2F6 1px solid;
-    text-align: center;
-    line-height: 2.4rem;
-    border-radius: 50px;
-    background: #FFF;
-    transition: box-shadow 0.5s;
-}
-
-/* The RSS icon, inserted via icon font */
-.subscribe:before {
-    color: #D2DEE3;
-    font-size: 10px;
-    position: absolute;
-    top: 2px;
-    left: 9px;
-    font-weight: 700;
-    transition: color 0.5s ease;
-}
-
-/* Add a box shadow to on hover */
-.subscribe:hover {
-    box-shadow: rgba(0,0,0,0.05) 0 0 0 3px;
-    transition: box-shadow 0.25s;
-}
-
-.subscribe:hover:before {
-    color: #50585D;
-}
-
-/* CSS tooltip saying "Subscribe!" - initially hidden */
-.tooltip {
-    opacity: 0;
-    display: block;
-    width: 52px;
-    padding: 4px 8px 5px 8px;
-    position:absolute;
-    top: -23px;
-    left: -21px;
-    color: rgba(255,255,255,0.9);
-    font-size: 1.1rem;
-    line-height: 1em;
-    text-align: center;
-    background: #50585D;
-    border-radius: 20px;
-    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
-    transition: opacity 0.3s ease, top 0.3s ease;
-}
-
-/* The little chiclet arrow under the tooltip, pointing down */
-.tooltip:after {
-    content: " ";
-    border-width: 5px 5px 0 5px;
-    border-style: solid;
-    border-color: #50585D transparent;
-    display: block;
-    position: absolute;
-    bottom: -4px;
-    left: 50%;
-    margin-left: -5px;
-    z-index: 220;
-    width: 0;
-}
-
-/* On hover, show the tooltip! */
-.subscribe:hover .tooltip {
-    opacity: 1;
-    top: -33px;
-}
-
 
 /* ==========================================================================
    10. Media Queries - Smaller than 1600px
@@ -1143,10 +1132,6 @@ margin on the iframe, cause it breaks stuff. */
         padding-bottom: 1rem;
     }
 
-    .post-template .post-header {
-        padding: 40px 0;
-    }
-
     hr {
         margin: 2.4em 0;
     }
@@ -1320,10 +1305,6 @@ margin on the iframe, cause it breaks stuff. */
         margin-bottom: 0;
     }
 
-    .post-template .post-header {
-        padding: 30px 0;
-    }
-
     .post-template .site-footer {
         margin-top: 0;
     }