adding key image support

deadsands/deadsands-theme/static/deadsands/css/style.css

@@ -131,7 +131,6 @@ h6 { font-size: 1.25em; }
     float: left;
     margin: 0px;
     margin-top: -0.25em;
-    margin-bottom: -0.5em;
     padding: 0px;
     padding-right: 5px;
     color: #692F28;
@@ -146,6 +145,24 @@ h6 { font-size: 1.25em; }
     color: inherit;
 }
 
+img {
+    width:100%;
+}
+
+.key_image {
+    display: block;
+    margin: 0px auto;
+    max-width: calc(100% - 1em);
+    height: auto;
+    box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,1); 
+    border: 10px solid black;
+}
+.key_image img {
+    background-color:#FFF;
+    position: relative;
+    z-index: -1;
+}
+
 article.recent {
     font-style: italic;
     margin-bottom: 1em;
@@ -813,6 +830,10 @@ table.auto, table.auto tr, table.auto th, table.auto td {
       text-align: left;
   }
 
+  .container .box p:first-of-type::first-letter {
+    margin-bottom: -0.5em;
+  }
+
   /* enable fancy star decorations */
   ul.nav li:first-child:before,ul.nav li:after {
       display: inherit;
@@ -841,7 +862,7 @@ table.auto, table.auto tr, table.auto th, table.auto td {
     -moz-border-radius: 0 0 120px 120px / 0 0 6px 6px;
     border-radius: 0 0 120px 120px / 0 0 6px 6px;
     padding: 1em;
-    margin: 2em 10px 4em;
+    margin: 2em 0px;
     background: #fff;
     -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 60%), 0 0 40px rgb(0 0 0 / 30%) inset;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.3) inset;