* Worked around Blink bug using CSS content-before for real; fixes #45,

#54, #33

android/AndroidManifest.xml

@@ -18,7 +18,7 @@
        under the License.
 -->
 <manifest xmlns:android="http://schemas.android.com/apk/res/android" android:windowSoftInputMode="adjustPan"
-    package="org.audreyt.dict.moe" android:versionName="0.4.6" android:versionCode="46003" android:hardwareAccelerated="true" android:installLocation="auto">
+    package="org.audreyt.dict.moe" android:versionName="0.4.6" android:versionCode="46004" android:hardwareAccelerated="true" android:installLocation="auto">
     <supports-screens
         android:largeScreens="true"
         android:normalScreens="true"

ios/www/index.html

@@ -59,6 +59,15 @@
                         <li role="presentation">
                             <a class="lang-option h h-idiom" href="#:=諺語">…諺語</a>
                         </li>
+                        <li role="presentation">
+                          <a role="menuitem" class="lang-option c" href="#~">兩岸詞典</a>
+                        </li>
+                        <li class="dropdown-submenu">
+                            <a class="c taxonomy" href="#">…分類索引</a>
+                        </li>
+                        <li role="presentation">
+                            <a class="lang-option c c-idiom" href="#~@">…部首表</a>
+                        </li>
                     </ul>
                 </li>
 <!--[if !IE]>-->
@@ -73,10 +82,10 @@
 </form>
 </li>
 <!--<![endif]-->
-<li class="cordova-only" style="position: absolute; top: 2px; left: 8em; padding: 3px">
+<li class="app-only" style="position: absolute; top: 2px; left: 8em; padding: 3px">
 <a style="padding-left: 5px; padding-right: 5px" href="#" onclick="adjustFontSize(-1); return false"><i class="icon-resize-small"></i></a>
 </li>
-<li class="cordova-only" style="position: absolute; top: 2px; left: 8em; padding: 3px; margin-left: 30px;">
+<li class="app-only" style="position: absolute; top: 2px; left: 8em; padding: 3px; margin-left: 30px;">
 <a style="padding-left: 5px; padding-right: 5px" href="#" onclick="adjustFontSize(1); return false"><i class="icon-resize-full"></i></a>
 </li>
             </ul>
@@ -85,12 +94,31 @@
                     <a href="#" onclick="pressAbout(); return false" title="關於本站"><span class="ebas iconic-circle">告</span></a>
                 </li>
             </ul>
+            <ul class="nav pull-right hidden-xs">
+                <li style="display: inline-block"><a href="https://twitter.com/moedict" target="_blank" title="萌典 Twitter" style="color: #ccc"><i class="icon-twitter-sign"></i></a></li>
+                <li class="web-inline-only" style="display: inline-block"><a href="https://play.google.com/store/apps/details?id=org.audreyt.dict.moe" target="_blank" title="Google Play 下載" style="color:
+                    #ccc"><i class="icon-android"></i></a></li>
+                <li class="web-inline-only" style="display: inline-block"><a href="https://itunes.apple.com/tw/app/meng-dian/id599429224" target="_blank" title="App Store 下載" style="color: #ccc"><i class="icon-apple"></i></a></li>
+                <!--
+                    <a href="https://www.moedict.tw/dodo/" target="_blank"
+                        title="「萌典啄木鳥」挑錯字活動" style="color: #aaa">
+                        <img src="https://www.moedict.tw/dodo/icon.png" width="32" height="32"> 挑錯字</a>
+                -->
+            </ul>
     </nav>
-    <div class="results"><div id="strokes" style="display: none"></div><div id="result" class="result"><center style="font-size: 30px; margin-top: 40px; margin-bottom: 40px"><span id="loading"></span><br /><br /><img class="logo" title="〔萌典〕" src="images/icon.png" width="100"><br /><br /><span id="F9868" style="font-family: 'MOEDICT'; margin-botom: 40px"></span></center></div></div>
+    <div class="results"><div id="strokes" style="display: none"></div><div
+            id="result" class="result"><center style="font-size: 30px; margin-top: 40px; margin-bottom: 40px"><span id="loading"></span><br /><br /><img class="logo" title="〔萌典〕" src="images/icon.png" width="100"><br /><br /><span id="F9868" style="font-family: 'MOEDICT'; margin-botom: 40px"></span><i class="icon-spinner"></i></center></div>
+        <a id="sendback" title="送回編修" style="margin-left: 50%; display: none; background: #333333; color: white" class="btn btn-default small" href="mailto:xldictionary@gmail.com?subject=編修建議&body=出處及定義："target="_blank">送回編修</a>
+<div class="share web-only" style="float: right; margin-top: -10px; margin-right: 5px; margin-bottom: 15px">
+    <a id="share-f" title="Facebook 分享" style="background: #3B579D; color: white" class="btn btn-default small" data-href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.moedict.tw%2F" target="_blank"><i class="icon-share"></i> <i class="icon-facebook"></i></a>
+    <a id="share-t" title="Twitter 分享" style="background: #00ACED; color: white" class="btn btn-default small" data-href="https://twitter.com/share?url=https%3A%2F%2Fwww.moedict.tw%2F" target="_blank"><i class="icon-share"></i> <i class="icon-twitter"></i></a>
+    <a id="share-g" title="Google+ 分享" style="background: #D95C5C; color: white" class="btn btn-default small" data-href="https://plus.google.com/share?url=https%3A%2F%2Fwww.moedict.tw%2F" target="_blank"><i class="icon-share"></i> <i class="icon-google-plus"></i></a>
+</div>
+</div>
     <div id="query-box" class="query-box">
         <input id="query" type="search" class="query" style="display: none" autofocus autocomplete="off" placeholder="請輸入欲查詢的字詞" />
     </div>
-    <a class="back-box cordova-only" href="#" onclick="pressBack(); return false">
+    <a class="back-box app-only" href="#" onclick="pressBack(); return false">
         <i class="icon-chevron-left" style="color: #6B0000"></i>
     </a>
     <a class="erase-box mobile-only" href="#" onclick="pressErase(); return false">

ios/www/styles.css

@@ -10887,3 +10887,92 @@ canvas {
     padding-left: .5em;
   }
 }
+.i-030d {
+  display: inline-block;
+  color: transparent;
+  margin-right: -0.31em;
+}
+.i-030d:before {
+  content: "󰁩";
+  color: #666;
+}
+
+.a-030d {
+  display: inline-block;
+  color: transparent;
+  margin-right: -0.6em;
+}
+.a-030d:before {
+  content: "󰁡";
+  color: #666;
+}
+
+.e-030d {
+  display: inline-block;
+  color: transparent;
+  margin-right: -0.6em;
+}
+.e-030d:before {
+  content: "󰁥";
+  color: #666;
+}
+
+.o-030d {
+  display: inline-block;
+  color: transparent;
+  margin-right: -0.6em;
+}
+.o-030d:before {
+  content: "󰁯";
+  color: #666;
+}
+
+.u-030d {
+  display: inline-block;
+  color: transparent;
+  margin-right: -0.6em;
+}
+.u-030d:before {
+  content: "󰁵";
+  color: #666;
+}
+
+.u31bX {
+  margin-right: 1ex;
+}
+
+.u31b4-0358 {
+  display: inline-block;
+  color: transparent;
+}
+.u31b4-0358:before {
+  content: "󳆴";
+  color: #666;
+}
+
+.u31b5-0358 {
+  display: inline-block;
+  color: transparent;
+}
+.u31b5-0358:before {
+  content: "󳆵";
+  color: #666;
+}
+
+.u31b6-0358 {
+  display: inline-block;
+  color: transparent;
+}
+.u31b6-0358:before {
+  content: "󳆶";
+  color: #666;
+}
+
+.u31b7-0358 {
+  display: inline-block;
+  color: transparent;
+}
+.u31b7-0358:before {
+  content: "󳆷";
+  color: #666;
+}