Wrapped posts contents in <article> tags.

static/cranefly/css/cranefly.css

@@ -863,9 +863,9 @@ a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#ffffff;text-decor
 .header-primary .header-tabs li a.btn{border:1px solid #cccccc;*border:0;border-radius:3px;margin:0px;padding:4px 12px;color:#333333;}.header-primary .header-tabs li a.btn i{position:relative;top:0px;}
 .header-primary .header-tabs li a.btn:visited,.header-primary .header-tabs li a.btn:hover{background-color:#ffffff;border-color:#a6a6a6;}
 html,body{height:100%;}
-#wrap{min-height:100%;height:auto !important;height:100%;margin:0 auto -102px;}#wrap .container-primary{padding-top:20px;padding-bottom:120px;}#wrap .container-primary .page-description{margin-bottom:20px;}
+#wrap{min-height:100%;height:auto !important;height:100%;margin:0 auto -142px;}#wrap .container-primary{padding-top:20px;padding-bottom:160px;}#wrap .container-primary .page-description{margin-bottom:20px;}
 #wrap .container-primary hr{border:none;border-top:1px solid #eeeeee;}
-footer{background-color:#eeeeee;border-top:1px solid #dadada;height:90px;padding:11px 19px;padding-bottom:0px;}footer .container hr{border-bottom:1px solid #dadada;margin:10px 0px;}
+footer{background-color:#eeeeee;border-top:1px solid #dadada;height:130px;padding:11px 19px;padding-bottom:0px;}footer .container hr{border-bottom:1px solid #dadada;margin:10px 0px;}
 footer .container .credits p{margin-bottom:0px;color:#555555;font-size:90%;}footer .container .credits p a:link,footer .container .credits p a:active,footer .container .credits p a:visited,footer .container .credits p a:hover{color:#555555;}
 ::selection{background:#f89406;color:#ffffff;}
 ::-moz-selection{background:#f89406;color:#ffffff;}
@@ -942,30 +942,30 @@ a.btn-link:hover,a.btn-link:active,a.btn-link:focus{opacity:0.9;filter:alpha(opa
 .error-page .error-protips{margin-top:40px;}.error-page .error-protips .go-back{display:none;}
 .error-page .error-protips a:link,.error-page .error-protips a:visited{background-color:#333333;border:1px solid #000000;border-radius:5px;margin:2px 10px;opacity:0.7;filter:alpha(opacity=70);padding:11px 19px;color:#ffffff;font-weight:bold;text-decoration:none;}
 .error-page .error-protips a:hover,.error-page .error-protips a:active{opacity:1;filter:alpha(opacity=100);}
-.markdown{margin:0px;overflow:auto;}.markdown>:first-child{margin-top:0px;}
-.markdown>:last-child{margin-bottom:0px;}
-.markdown h1{font-size:23.8px;}
-.markdown h2{font-size:21px;}
-.markdown h3{font-size:16.8px;}
-.markdown h4{font-size:14px;}
-.markdown hr{border:none;border-top:1px solid #eeeeee;margin:20px 0px;}
-.markdown blockquote{background-color:#fcfcfc;border:1px solid #f0f0f0;border-radius:3px;padding:14px;}.markdown blockquote>h3:first-child{margin:0px;margin-bottom:10px;padding:0px;font-size:14px;line-height:20px;}
-.markdown blockquote>:first-child{margin-top:0px;}
-.markdown blockquote>:last-child{margin-bottom:0px;}
-.markdown blockquote p{margin:0 0 10px;font-size:11.9px;}
-.markdown blockquote blockquote{background-color:#ffffff;border:1px solid #f2f2f2;border-radius:3px;padding:14px;}
-.markdown code{background-color:#333333;border:none;color:#eeeeee;font-size:14px;}
-.markdown pre{background-color:#222222;padding:7px 14px;}.markdown pre code{background:none;border:none;color:#eeeeee;font-size:11.9px;}
-.markdown img{background-color:#ffffff;border-radius:3px;margin:10px 0px;}
-.markdown pre,.markdown blockquote,.markdown iframe{margin-top:20px;margin-bottom:20px;}.markdown pre>:first-child,.markdown blockquote>:first-child,.markdown iframe>:first-child{margin-top:0px;}
-.markdown pre>:last-child,.markdown blockquote>:last-child,.markdown iframe>:last-child{margin-bottom:0px;}
-.markdown .emoji{background:none;border-radius:0px;margin:0px;vertical-align:middle;}
-.markdown h1 .emoji{width:27.8px;height:27.8px;}
-.markdown h2 .emoji{width:25px;height:25px;}
-.markdown h3 .emoji{width:20.8px;height:20.8px;}
-.markdown h4 .emoji{width:18px;height:18px;}
-.markdown p .emoji{width:18px;height:18px;}
-.markdown blockquote p .emoji{width:13.9px;height:13.9px;}
+.markdown,.markdown article{margin:0px;overflow:auto;}.markdown>:first-child,.markdown article>:first-child{margin-top:0px;}
+.markdown>:last-child,.markdown article>:last-child{margin-bottom:0px;}
+.markdown h1,.markdown article h1{font-size:23.8px;}
+.markdown h2,.markdown article h2{font-size:21px;}
+.markdown h3,.markdown article h3{font-size:16.8px;}
+.markdown h4,.markdown article h4{font-size:14px;}
+.markdown hr,.markdown article hr{border:none;border-top:1px solid #eeeeee;margin:20px 0px;}
+.markdown blockquote,.markdown article blockquote{background-color:#fcfcfc;border:1px solid #f0f0f0;border-radius:3px;padding:14px;}.markdown blockquote>h3:first-child,.markdown article blockquote>h3:first-child{margin:0px;margin-bottom:10px;padding:0px;font-size:14px;line-height:20px;}
+.markdown blockquote>:first-child,.markdown article blockquote>:first-child{margin-top:0px;}
+.markdown blockquote>:last-child,.markdown article blockquote>:last-child{margin-bottom:0px;}
+.markdown blockquote p,.markdown article blockquote p{margin:0 0 10px;font-size:11.9px;}
+.markdown blockquote blockquote,.markdown article blockquote blockquote{background-color:#ffffff;border:1px solid #f2f2f2;border-radius:3px;padding:14px;}
+.markdown code,.markdown article code{background-color:#333333;border:none;color:#eeeeee;font-size:14px;}
+.markdown pre,.markdown article pre{background-color:#222222;padding:7px 14px;}.markdown pre code,.markdown article pre code{background:none;border:none;color:#eeeeee;font-size:11.9px;}
+.markdown img,.markdown article img{background-color:#ffffff;border-radius:3px;margin:10px 0px;}
+.markdown pre,.markdown article pre,.markdown blockquote,.markdown article blockquote,.markdown iframe,.markdown article iframe{margin-top:20px;margin-bottom:20px;}.markdown pre>:first-child,.markdown article pre>:first-child,.markdown blockquote>:first-child,.markdown article blockquote>:first-child,.markdown iframe>:first-child,.markdown article iframe>:first-child{margin-top:0px;}
+.markdown pre>:last-child,.markdown article pre>:last-child,.markdown blockquote>:last-child,.markdown article blockquote>:last-child,.markdown iframe>:last-child,.markdown article iframe>:last-child{margin-bottom:0px;}
+.markdown .emoji,.markdown article .emoji{background:none;border-radius:0px;margin:0px;vertical-align:middle;}
+.markdown h1 .emoji,.markdown article h1 .emoji{width:27.8px;height:27.8px;}
+.markdown h2 .emoji,.markdown article h2 .emoji{width:25px;height:25px;}
+.markdown h3 .emoji,.markdown article h3 .emoji{width:20.8px;height:20.8px;}
+.markdown h4 .emoji,.markdown article h4 .emoji{width:18px;height:18px;}
+.markdown p .emoji,.markdown article p .emoji{width:18px;height:18px;}
+.markdown blockquote p .emoji,.markdown article blockquote p .emoji{width:13.9px;height:13.9px;}
 .index-sidebar{position:relative;bottom:9px;}
 .index-category{background-color:#ffffff;border:1px solid #d5d5d5;border-radius:2px;-webkit-box-shadow:0px 0px 0px 3px #eeeeee;-moz-box-shadow:0px 0px 0px 3px #eeeeee;box-shadow:0px 0px 0px 3px #eeeeee;margin-bottom:20px;}.index-category table{margin:0px;}.index-category table caption{background-color:#fbfbfb;border:1px solid #d5d5d5;border-radius:2px 2px 0px 0px;margin:-1px;padding:3.966666666666667px 9.9px;color:#333333;font-size:11.9px;font-weight:bold;text-align:left;}.index-category table caption small{margin-left:7px;color:#999999;font-size:11.9px;}
 .index-category table td{padding:14.75px 9.9px;padding-bottom:15.75px;}

static/cranefly/css/cranefly/markdown.less

@@ -1,7 +1,7 @@
 // Markdown output
 // -------------------------
 
-.markdown {
+.markdown, .markdown article {
   margin: 0px;
   overflow: auto;
 

templates/cranefly/private_threads/posting.html

@@ -49,7 +49,9 @@
           {% if preview %}
           <div class="form-preview">
             <div class="markdown js-extra">
-              {{ preview|markdown_final|safe }}
+              <article>
+                {{ preview|markdown_final|safe }}
+              </article>
             </div>
           </div>
           {% endif %}

templates/cranefly/private_threads/thread.html

@@ -221,7 +221,9 @@
               </div>
               <div class="post-message">
                 <div class="markdown js-extra">
-                  {{ post.post_preparsed|markdown_final|safe }}
+                  <article>
+                    {{ post.post_preparsed|markdown_final|safe }}
+                  </article>
                 </div>
                 {% if post.user.signature %}
                 <div class="post-signature">

templates/cranefly/threads/posting.html

@@ -50,7 +50,9 @@
           {% if preview %}
           <div class="form-preview">
             <div class="markdown js-extra">
-              {{ preview|markdown_final|safe }}
+              <article>
+                {{ preview|markdown_final|safe }}
+              </article>
             </div>
           </div>
           {% endif %}

templates/cranefly/threads/thread.html

@@ -205,7 +205,9 @@
           </div>
           <div class="post-message">
             <div class="markdown js-extra">
-              {{ post.post_preparsed|markdown_final|safe }}
+              <article>
+                {{ post.post_preparsed|markdown_final|safe }}
+              </article>
             </div>
             {% if post.user.signature %}
             <div class="post-signature">