fix emoji font

static/style.css

@@ -11,19 +11,37 @@ h1.title {
     border-bottom: 1px solid #eee;
 }
 
-.index .navbar-nav>li.index>a, .index .navbar-nav>li.index>a:focus, .index .navbar-nav>li.index>a:hover,
-.download .navbar-nav>li.download>a, .download .navbar-nav>li.download>a:focus, .download .navbar-nav>li.download>a:hover,
-.usage .navbar-nav>li.usage>a, .usage .navbar-nav>li.usage>a:focus, .usage .navbar-nav>li.usage>a:hover,
-.changelog .navbar-nav>li.changelog>a, .changelog .navbar-nav>li.changelog>a:focus, .changelog .navbar-nav>li.changelog>a:hover,
-.bugs .navbar-nav>li.bugs>a, .bugs .navbar-nav>li.bugs>a:focus, .bugs .navbar-nav>li.bugs>a:hover,
-.lab .navbar-nav>li.lab>a, .lab .navbar-nav>li.lab>a:focus, .lab .navbar-nav>li.lab>a:hover,
-.pre .navbar-nav>li.pre>a, .pre .navbar-nav>li.pre>a:focus, .pre .navbar-nav>li.pre>a:hover
-{
+.index .navbar-nav>li.index>a,
+.index .navbar-nav>li.index>a:focus,
+.index .navbar-nav>li.index>a:hover,
+.download .navbar-nav>li.download>a,
+.download .navbar-nav>li.download>a:focus,
+.download .navbar-nav>li.download>a:hover,
+.usage .navbar-nav>li.usage>a,
+.usage .navbar-nav>li.usage>a:focus,
+.usage .navbar-nav>li.usage>a:hover,
+.changelog .navbar-nav>li.changelog>a,
+.changelog .navbar-nav>li.changelog>a:focus,
+.changelog .navbar-nav>li.changelog>a:hover,
+.bugs .navbar-nav>li.bugs>a,
+.bugs .navbar-nav>li.bugs>a:focus,
+.bugs .navbar-nav>li.bugs>a:hover,
+.lab .navbar-nav>li.lab>a,
+.lab .navbar-nav>li.lab>a:focus,
+.lab .navbar-nav>li.lab>a:hover,
+.pre .navbar-nav>li.pre>a,
+.pre .navbar-nav>li.pre>a:focus,
+.pre .navbar-nav>li.pre>a:hover {
     color: #555;
     background-color: #e7e7e7;
 }
 
-.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
+.btn.active.focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn:active:focus,
+.btn:focus {
     outline-color: #4d90fe;
     outline-offset: 0px;
 }
@@ -57,10 +75,12 @@ footer {
     height: 20px;
 }
 
-#decklist, #output.deck {
+#decklist,
+#output.deck {
     overflow-y: scroll;
     height: 520px;
 }
+
 #decklist li {
     border: 1px solid #EEEEEE;
     border-radius: 5px;
@@ -69,6 +89,7 @@ footer {
     line-height: 22px;
     cursor: pointer;
 }
+
 #decklist li:hover {
     border: 1px solid #B8D6FB;
     background-color: #EBF3FD;
@@ -80,7 +101,8 @@ footer {
     margin-bottom: 10px;
 }
 
-.deck #card, .deck #card pre {
+.deck #card,
+.deck #card pre {
     font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
 }
 
@@ -116,6 +138,7 @@ footer {
     -webkit-animation: load7 1.8s infinite ease-in-out;
     animation: load7 1.8s infinite ease-in-out;
 }
+
 .loader {
     color: #333333;
     font-size: 10px;
@@ -128,36 +151,45 @@ footer {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
 }
+
 .loader:before,
 .loader:after {
     content: '';
     position: absolute;
     top: 0;
 }
+
 .loader:before {
     left: -3.5em;
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
 }
+
 .loader:after {
     left: 3.5em;
 }
+
 @-webkit-keyframes load7 {
+
     0%,
     80%,
     100% {
         box-shadow: 0 2.5em 0 -1.3em;
     }
+
     40% {
         box-shadow: 0 2.5em 0 0;
     }
 }
+
 @keyframes load7 {
+
     0%,
     80%,
     100% {
         box-shadow: 0 2.5em 0 -1.3em;
     }
+
     40% {
         box-shadow: 0 2.5em 0 0;
     }
@@ -185,21 +217,25 @@ footer {
 .deck #card .monster pre {
     height: 171px;
 }
+
 .deck #deck {
     width: 500px;
     padding: 5px 0px;
     background: #CCCCCC center center;
     margin: 0 auto;
 }
+
 @media (min-width: 1200px) {
-.deck #card {
+    .deck #card {
         margin-top: 0;
         margin-bottom: 0;
-}
-.deck #deck {
+    }
+
+    .deck #deck {
         margin: 0 -15px;
+    }
 }
-}
+
 .deck #deck label {
     text-shadow: -1px -1px #000;
     color: #FFF;
@@ -208,6 +244,7 @@ footer {
     padding: 0px 5px;
     margin: 1px 7px;
 }
+
 .deck #deck label b {
     margin: 0px 8px;
     font-size: 16px;
@@ -231,15 +268,19 @@ footer {
 .deck #deck .line11 img {
     margin-right: -3.8px;
 }
+
 .deck #deck .line12 img {
     margin-right: -7.7px;
 }
+
 .deck #deck .line13 img {
     margin-right: -11px;
 }
+
 .deck #deck .line14 img {
     margin-right: -13.7px;
 }
+
 .deck #deck .line15 img {
     margin-right: -16.1px;
 }
@@ -307,9 +348,9 @@ div.buttons {
 }
 
 #output .add {
-	background-color:#94fbb1;
+    background-color: #94fbb1;
 }
 
 .emoji {
-    font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Noto Emoji';
+    font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Noto Emoji';
 }
\ No newline at end of file