Add rules for article content and block quotes in it

static/css/custom-classes.less

@@ -0,0 +1,21 @@
+.el-article-content {
+    font: 1.2em/1.6em @font-family-serif;
+    max-width: 50em;
+    text-align: justify;
+    blockquote {
+        border-left: 0; // override bootstrap
+        font-family:  @font-family-sans-serif;
+        font-size: inherit;
+        font-weight: 300;
+        margin-left: 2em;
+        quotes: "\201C""\201D""\2018""\2019";
+        &:before {
+            color: @gray;
+            content: open-quote;
+            font-size: 4em;
+            line-height: 0.1em;
+            margin-right: 0.25em;
+            vertical-align: -0.4em;
+        }
+    }
+}

static/css/elegant.less

@@ -1,6 +1,7 @@
 @import "../bootstrap/less/bootstrap.less";
 @import "../bootstrap/less/utilities.less";
 @import "custom-variables.less";
+@import "custom-classes.less";
 
 .mixin-no-color-no-decoration() {
     color: inherit;

templates/article.html

@@ -36,9 +36,9 @@
         {{ article.toc }}
         </nav>
     </div>
-    <div class="col-md-8 article-content">
+    <div class="col-md-8 el-article-content">
        {% else %}
-        <div class="col-md-8 col-md-offset-2 article-content">
+        <div class="col-md-8 col-md-offset-2 el-article-content">
             {% endif %}
 
             {% import '_includes/translations.html' as translations with context %}