updated stylesheets and added essays

1 files changed, 79 insertions, 19 deletions

diff --git a/design/sass/_details.scss b/design/sass/_details.scss
index 8cadba4..ffc32f5 100644
--- a/design/sass/_details.scss
+++ b/design/sass/_details.scss
@@ -1,12 +1,31 @@
 .detail {
+    #article {
+        padding-bottom: 2rem;
+        border-bottom: 3px double #efefef;
+    }
     article {
+        font-family: mffweb, Georgia, 'Times New Roman', serif;
         @include constrain_narrow;    
         margin-top: 4rem;
+        h1 {
+            font-family: mffweb, Georgia, 'Times New Roman', serif;
+            line-height: 1em;
+            letter-spacing: -1px;
+            @include fontsize(48);
+            font-weight: normal;
+            margin-bottom: .25rem
+        }
         ul {
             text-align: left;
             @include fontsize(18);
         }
     }
+    .post-subtitle {
+        font-family: $fancy_italic;
+        font-size: 1.5rem;
+        line-height: 1;
+        margin-top: .5rem;
+    }
     .map {
         width: 100vw;
         position: relative;
@@ -16,12 +35,39 @@
         margin-right: -50vw;
     }
     .post-header {
+        @include fancy_sans;
+        @include fontsize(18);
+        color: lighten($body_font_color, 20);
+        padding-bottom: 2.6rem;
+        border-bottom: 1px solid #efefef;
         @include breakpoint(alpha) {
             text-align: left;
         }
         time {
         }
     }
+    p:first-of-type {
+        margin-top: 2.6rem;
+    }
+    h4, h5 {
+        @include fancy_sans;
+        margin: 3rem 0 0 0;
+    }
+    h4 + p, .afterward h4 + p {
+        margin-top: .125rem;
+    }
+    h5 {
+        margin: 0
+    }
+    .afterward {
+        font-family: $fancy_italic;
+        h4 {
+            margin-bottom: 0;
+        }
+    }
+    p.small {
+        @include fontsize(18);
+    }
     .sci {
         text-align: center;
         @include fontsize(24);
@@ -33,6 +79,12 @@
         @include fontsize(18);
         margin-bottom: 2rem;
     }
+    ul {
+        list-style: circle;
+        margin-left: 2.5em;
+        list-style-position: outside;
+        margin-bottom: 2.4em;
+    }
     // Ack, id selector, so wrong, but easy handles the slightly different footer
     // in the dialogue section that lists all the sightings
     #endnode {
@@ -69,11 +121,31 @@
         margin-right: -49vw;
     }
 }
-
+h4.post-source {
+    @include fontsize(14);
+    @include smcaps;
+    display: inline-block;
+    margin-top: 0em;
+    padding-top: 1em;
+    padding-bottom: 0em;
+    border-top: 1px solid #efefef;
+    margin-bottom: 0;
+    font-weight: bold;
+    color: #b6b6b6;
+    a {
+        color: #b6b6b6;
+        &:hover {
+            color: $link_color;
+        }
+    }
+}
 //### PAGE NAVIGATION ###
+.nav-wrapper {
+    @include constrain_narrow();
+    border-bottom: 3px double #efefef;
+}
 #page-navigation {
     margin: 2em auto;
-    @include constrain_narrow();
     text-align: center;
     display: table;
     ul {
@@ -90,16 +162,18 @@
         text-align: center;
     }
     span {
+        @include fancy_sans;
+        @include fontsize(14);
         min-width: 70px;
         display: block;
         text-align: right;
         margin-right: 10px;
-        margin-top: 2px;
         float: left;
     }
     a {
         display: block;
         float: left;
+        font-family: $fancy_headline_font_serif;
         text-align: left;
         font-style: italic;
         color: $brown;
@@ -110,6 +184,7 @@
 .entry-footer {
     @extend %clearfix;
     @include constrain_narrow;
+    border-bottom: 3px double #efefef;
     margin-top: 2em;
     text-align: left;
     h3 {
@@ -148,7 +223,7 @@
         }
     }
     @include breakpoint(beta) {
-        margin-bottom: 4em;
+        padding-bottom: 2rem;
         #wildlife {  
             max-width: 55%;
             float: left;
@@ -165,14 +240,6 @@
     }
     aside {
         @extend %clearfix;
-        margin-bottom: 3em;
-    }
-    &:after, &:before {
-        @include faded_line_after;
-        @include breakpoint(beta) {
-            display: block;
-            margin-bottom: 2em;
-        }
     }
 }
 #field_notes {
@@ -197,12 +264,6 @@
     margin: 1em auto 0 auto;
     padding: 0;
     list-style-type: none;
-    &:before, &:after {
-        @include faded_line_after;
-        @include breakpoint(beta) {
-            margin-bottom: 2em;
-        }
-    }
     p {
         font-size: 1rem;
         line-height: 1.4;
@@ -229,7 +290,6 @@ sup {
 }
 
 // ### Books ###
-
 .book-metadata {
     text-align: left;
     dd {