Move @supports block to end of stylesheet to avoid breaking whole stylesheet in Maxthon. #593

src/General/Main.coffee

@@ -344,7 +344,7 @@ Main =
     $.ready ->
       cb() if Main.isThisPageLegit()
 
-  css: `<%= importCSS('font-awesome', 'style', 'yotsuba', 'yotsuba-b', 'futaba', 'burichan', 'tomorrow', 'photon') %>`
+  css: `<%= importCSS('font-awesome', 'style', 'yotsuba', 'yotsuba-b', 'futaba', 'burichan', 'tomorrow', 'photon', 'supports') %>`
 
   features: [
     ['Polyfill',                  Polyfill]

src/css/style.css

@@ -944,15 +944,6 @@ span.hide-announcement {
   text-decoration: none;
   border-bottom: 1px dashed;
 }
-@supports (text-decoration-style: dashed) or (-moz-text-decoration-style: dashed) {
-  .quotelink.forwardlink,
-  .backlink.forwardlink {
-    text-decoration: underline;
-    -moz-text-decoration-style: dashed;
-    text-decoration-style: dashed;
-    border-bottom: none;
-  }
-}
 .filtered {
   text-decoration: underline line-through;
 }

src/css/supports.css

@@ -0,0 +1,10 @@
+/* XXX Moved to end of stylesheet to avoid breaking whole stylesheet in Maxthon. */
+@supports (text-decoration-style: dashed) or (-moz-text-decoration-style: dashed) {
+  .quotelink.forwardlink,
+  .backlink.forwardlink {
+    text-decoration: underline;
+    -moz-text-decoration-style: dashed;
+    text-decoration-style: dashed;
+    border-bottom: none;
+  }
+}