improved quote styling in my-remark

assets/css/my-remark.scss

-n
 ---
 # This is the custom style sheet for remark
 ---
@@ -146,33 +145,55 @@ table tfoot td {
   font-size:0.7em;
 }
 
-blockquote {
-  background: #f9f9f9;
-  border-left: 10px solid #ccc;
-  margin: 1.5em 10px;
-  padding: 0.5em 10px;
-  quotes: "\201C""\201D""\2018""\2019";
+blockquote{
+    background:#f9f9f9;
+    border-left:1em solid #eee;
+    margin:1.5em 1em;
+    padding:.5em 1em;
+    quotes:"\201C""\201D";
 }
-blockquote:before {
-  color: #ccc;
-  content: open-quote;
-  font-size: 4em;
-  line-height: 0.1em;
-  margin-right: 0.25em;
-  vertical-align: -0.4em;
+blockquote:before{
+    color:#808080;
+    content:open-quote;
+    font-size:4em;
+    line-height:.1em;
+    margin-right:.25em;
+    vertical-align:-.4em;
 }
+blockquote :first-child{display:inline;}
+blockquote :last-child{margin-bottom:0;}
 blockquote p {
   display: inline;
 }
 
-.quote {
-  background: #f9f9f9;
-  border-left: 10px solid #ccc;
-  margin: 1.5em 10px;
-  padding: 0.5em 10px;
-  quotes: "\201C""\201D""\2018""\2019";
+.quote{
+    background:#f9f9f9;
+    border-left:1em solid #eee;
+    margin: .5em 0 .5em;
+    padding: 0 1em 0 .5em;
+    position:relative;
+}
+.quote:before{
+    content: "\201C";
+    font-size:4em;
+    line-height:.1em;
+    margin-right:.05em;
+    vertical-align:-.4em;
+}
+.quote:after{
+    font-size: 5em;
+    position:absolute;
+    right:3px;
+    bottom: 0em;
+    line-height: 0.1em;
+}
+.quote :first-child{display:inline;}
+.quote :last-child{margin-bottom:0;}
+.quote p {
+  display: inline;
 }
 
+
 .inverse {
   background:  $dark;
   color:  $medium;