finished off all the small css rules for individual posts and added dark header images

2 files changed, 74 insertions, 51 deletions

diff --git a/media/sass/base.sass b/media/sass/base.sass
index d1297af..4ebcb88 100644
--- a/media/sass/base.sass
+++ b/media/sass/base.sass
@@ -51,6 +51,13 @@ sup
 ul li 
     display: inline
     margin: 0 .125em
+
+blockquote
+    font-style: italic
+    font-size: 1em
+    line-height: 1.625em
+    p
+        font-size: 1em !important
 div[role="main"]
     ul li
         display: block
@@ -93,6 +100,11 @@ article h1
         display: inline
 .footnote
     font-size: .75em
+    border-top: 1px $brown dotted
+    margin-top: 1.5em
+    margin-bottom: 0
+    p
+        line-height: 1.5em !important
 #post-metadata 
     margin-top: 0
     border-top: 1px $brown dotted
@@ -286,6 +298,59 @@ footer[role="contentinfo"]
     width: auto
     +transparent_class
 
+#post-body
+    .legend
+        width: 95%
+        margin: 10px
+        font-size: .875em
+
+//special cases for the various strange formatting tricks on individual posts over the years
+
+//numbered posts
+.numeral
+    display: block
+    font: bold 1.2em Helvetica, Verdana, sans-serif
+    margin-bottom: 0
+    margin-top: 60px
+    
+
+.nfirst
+    margin-top: 0 !important
+
+//posts with elaborate footers:
+
+#post-body .notes
+    font: bold 1em Helvetica, Verdana, sans-serif
+    text-transform: uppercase
+
+#post-body .addendum
+    font-size: 17px
+    line-height: 25px
+    dt
+        font-style: italic
+        margin: .675em
+        margin:  0.8em 0 0 -30px !important
+        padding-left: 30px
+        text-indent: -30px
+    dd
+        margin: 0.8em 0 0
+
+//posts with section headers
+
+#post-body
+    h3, h2
+        font: normal 1.6em Helvetica,Verdana,sans-serif
+        line-height: 1.2em
+//pull quotes
+
+#post-body
+    .pullquote
+        width: 10em
+        margin: 0 1em 1em -6em
+        font-style: italic
+        font-size: 1.3em
+        float: left
+        line-height: 1.6em
 
 /* ######### layout large  ################*/
 
@@ -465,6 +530,10 @@ footer[role="contentinfo"]
             margin: 3.5em 0 0 12em
         #post-body
             margin-top: 0
+            .legend
+                width: 96%
+                font-size: 1em
+
         h1, aside
             text-align: left
             margin: 0 0 .4em 0
@@ -476,7 +545,7 @@ footer[role="contentinfo"]
         #post-metadata 
             border-bottom: 1px $brown dotted
             margin-bottom: 1em
-            margin-top: 2em
+            margin-top: 1.5em
             padding: .75em 0
             p
                 line-height: 1.5em !important
diff --git a/media/sass/dark.sass b/media/sass/dark.sass
index 0b67f2c..2020ce3 100644
--- a/media/sass/dark.sass
+++ b/media/sass/dark.sass
@@ -218,53 +218,7 @@ h4 a.disqus-link-count
         background: $orange
         color: white   
   
-    .map-container
-      width: 469px
-      height: 392px
-      position: absolute
-      right: 20px
-      bottom: 60px
-      z-index: 2000
-      margin: 0
-      padding: 0
-      background: url("../img/mapbg-dark.png") no-repeat top left
-    .map-wrapper
-      width: 400px
-      height: 328px
-      margin: 37px 0 0 44px
-  
-    .meta
-      height: 0
-    .more-container
-      width: 405px
-      height: 260px
-      position: absolute
-      right: -30px
-      bottom: 40px
-      z-index: 2000
-      background: url("../img/parkbg.png") no-repeat top left
-      dl
-        margin-top: 45px
-        margin-left: 45px
-        dt,dd
-          font-size: 0.9em
-          line-height: 25px
-          margin: 4px 0
-          font-family: Helvetica, Verdana, sans-serif
-          color: white
-        dt
-          clear: left
-          float: left
-          width: 65px
-          //border-bottom: 1px solid #999
-          font-weight: bold
-          line-height: 25px
-          font-size: 0.7em
-          text-transform: uppercase
-        dd
-          float: left
-          width: 250px
-          overflow: hidden
-          //border-bottom: 1px solid #999
-          a:hover
-            color: $orange
+    
+  #post-body
+    .legend
+      width: 100% !important