#2

[editorial.git] / assets / main / sass / layout / _ghost.scss

diff --git a/assets/main/sass/layout/_ghost.scss b/assets/main/sass/layout/_ghost.scss
index 314a2175e8da665ad9f8468ec58f1e8cfe705e45..937146e0a4f8702ebf0e99a2c4713da72c70c05d 100644 (file)
--- a/assets/main/sass/layout/_ghost.scss
+++ b/assets/main/sass/layout/_ghost.scss
@@ -1,27 +1,44 @@
 // Main
 // --------------------------------------------
 
-// Fix main cover image bg position
-#wrapper>.bg {
-    background-position: top center;
-    background-size: cover;
-}
-
-#intro {
-    max-width: 800px;
-    margin: 0 auto;
+#header .logo {
+    color: #3d4449;
+    font-weight: bold;
 }
 
 #header .logo.image {
     padding: 0;
     border: none;
+    display: inline-flex;
+    height: 28px;
+
+    @include breakpoint('<=small') {
+        display: flex;
+        justify-content: center;
+        text-align: center;
+    }
 }
 
 #header .logo.image img {
-    height: 75px;
+    height: 28px;
     transform: none !important;
 }
 
+@include breakpoint('<=small') {
+    #sidebar:not(.inactive) .toggle:before {
+        color: #fff;
+    }
+
+    #sidebar:not(.inactive) .toggle:after {
+        background: #f56a6a;
+    }
+}
+
+#banner {
+    border-bottom: solid 2px rgba(210, 215, 217, 0.75);
+}
+
+
 .content {
     max-width: 700px;
     margin: 0 auto;
@@ -37,24 +54,17 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
-}
-
-.page-number {
-    padding: 0 20px;
-    border-color: transparent !important;
-    color: #222 !important;;
-}
-
-.spacer {
-    width: 160px;
+    padding: 3rem 0;
+    border-top: solid 2px rgba(210, 215, 217, 0.75);
 }
 
 
 // Tag Archive
 // --------------------------------------------
 
-.tag-header,
-.tag-header p {
+.tag-header {
+    padding: 5em 0 2em 0;
+    border-bottom: solid 2px rgba(210, 215, 217, 0.75);
     text-align: center;
 }
 
@@ -66,11 +76,15 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    padding: 4em 0 3em 0;
+    border-bottom: solid 2px rgba(210, 215, 217, 0.75);
+    text-align: center;
+
 }
 
 .author-profile-image {
     flex-shrink: 0;
-    margin: 0 0 20px 0;
+    margin: 0 0 15px 0;
     width: 100px;
     height: 100px;
     box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;
@@ -82,7 +96,7 @@
 }
 
 .author-header h1 {
-    margin-bottom: 1rem;
+    margin-bottom: 0.5rem;
 }
 
 .author-meta {
@@ -111,7 +125,7 @@
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
-    margin: 0 -40px;
+    margin: 0 -24px;
 }
 
 .author-box  {
@@ -290,3 +304,27 @@
 .kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {
     margin: -2.25em 0 3em;
 }
+
+// Error Pages
+// --------------------------------------------
+
+.error-page {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.error-wrapper {
+    flex-grow: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    padding-bottom: 8rem !important;
+    text-align: center;
+}
+
+.error-code {
+    margin: 0;
+}