added inline maps to entry pages and fixed some media and footnote css bugs

1 files changed, 32 insertions, 4 deletions

diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index 6a8140e..24087f8 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -72,6 +72,33 @@
         margin-top: 1em;
     }
 }
+.footnote-ref {
+    padding: 0 2px;
+    @include fontsize(16);
+}
+.dark .footnote-ref {
+    padding: 0px 3px 0 4px;
+}
+
+//### Inline Maps ###
+#detail-map-canvas {
+    width: 100%;
+    height: 0;
+    margin: 0 auto;
+    float: none;
+    border: none !important;
+}
+#detail-map-canvas .detail-map-inner-canvas {
+    width: 100%; 
+    height: 100%; 
+    border: none !important;
+}
+#detail-map-canvas img {
+    max-width: 100%;
+    padding: 0;
+    margin: 0;
+    background: none;
+}
 
 /* special case for debi's master list*/
 .list-debi {
@@ -123,6 +150,7 @@
         font-size: 0.875em;
         line-height: 1.4
     }
+    hr {display: none;}
 }
 .dark .footnote:before {
     @include light_faded_line_after;
@@ -193,19 +221,19 @@ display: block;
     @include transparent_class;
     position: absolute;
     bottom: 10px;
-    left: 0;
+    left: 10px;
     font-size: 13px;
     padding: 8px 0 8px 2%;
-    width: 98%;
+    width: 96%;
     background: $brown;
     color: #999999;
   }
 }
 
 .embed-wrapper {
+    @include constrain_wide;
+    margin-bottom: 1em;
     @include breakpoint(gamma) {
-        width: 960px;
-        max-width: 960px;
         margin-left: auto;
         margin-right: auto;
         border: 5px solid $brown;