From 6063a9ecc64d3155504cd3782cf259d1fe012616 Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Sun, 15 Nov 2015 20:05:47 -0800
Subject: [PATCH] Move @supports block to end of stylesheet to avoid breaking
 whole stylesheet in Maxthon. #593

---
 src/General/Main.coffee |  2 +-
 src/css/style.css       |  9 ---------
 src/css/supports.css    | 10 ++++++++++
 3 files changed, 11 insertions(+), 10 deletions(-)
 create mode 100644 src/css/supports.css

diff --git a/src/General/Main.coffee b/src/General/Main.coffee
index 1e5220eb9..a6b67c429 100644
--- a/src/General/Main.coffee
+++ b/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]
diff --git a/src/css/style.css b/src/css/style.css
index b43bc50a0..effa41255 100644
--- a/src/css/style.css
+++ b/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;
 }
diff --git a/src/css/supports.css b/src/css/supports.css
new file mode 100644
index 000000000..1c4efd76c
--- /dev/null
+++ b/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;
+  }
+}