Firefox support

README.md

@@ -12,6 +12,7 @@ It started out as a port of RikaiChan (and its Rikai derivatives) and has since
 * A handy little notepad that you can open on any page :)
 * Theme support
 * Fuzzy search! Use chrome's omnibox to search the dictionary using hanzi, pinyin or just plain english
+* Cantonese support (v1.1.6)
 
 ### Usage
 
@@ -26,10 +27,15 @@ It started out as a port of RikaiChan (and its Rikai derivatives) and has since
 - [x] Improve performance
 - [x] Improve fuzzy search to match regular vowels with tonemarked pinyin
 - [x] Update CEDICT
+- [ ] Add missing Cantonese pronunciations (this may be automated, but can lead to inaccurate entries).
+- [ ] Consolidate definitions (some entries have overlapping definitions; in many cases these can be combined).
+- [ ] Support for Yale Cantonese romanisation.
+- [ ] Rewrite non-default themes to adapt to Cantonese support.
+- [ ] Decrease memory use by means of a proper, accurate implementation of traditional -> simplified conversion method.
 
 ### Why is it called LiuChan?
 
-流畅 (*liú chàng*) stands for fluency in a language. I kept -Chan as an homage to it's origin.
+流畅 (*liú chàng*) stands for fluency in a language. I kept -Chan as an homage to its origin.
 
 ### Troubleshooting
 
@@ -39,4 +45,5 @@ In case a problem persists please open an issue on github and try to describe as
 
 #### Known issues:
 
-Currently fuzzy search isn't 'fuzzy' enough to match regular vowels with tonemarked ones.
+- Currently fuzzy search isn't 'fuzzy' enough to match regular vowels with tonemarked ones.
+- Some Cantonese pronunciations missing.

css/options.css

@@ -87,23 +87,23 @@ html, body {
   position: absolute;
   bottom: 0; }
 
-[tooltip] {
-  font-size: 0.9em; }
-  [tooltip]:before {
-    z-index: 999;
-    display: none;
-    position: absolute;
-    background: lightyellow;
-    font-size: 1em;
-    font-weight: 300;
-    margin-left: 22px;
-    padding: 5px 10px;
-    width: 250px;
-    border-radius: 5px;
-    box-shadow: 3px 3px 0 0 rgba(66, 8, 8, 0.1);
-    content: attr(tooltip); }
-  [tooltip]:hover::before {
-    display: inherit; }
+/* [tooltip] { */
+/*   font-size: 0.9em; } */
+/*   [tooltip]:before { */
+/*     z-index: 999; */
+/*     display: none; */
+/*     position: absolute; */
+/*     background: lightyellow; */
+/*     font-size: 1em; */
+/*     font-weight: 300; */
+/*     margin-left: 22px; */
+/*     padding: 5px 10px; */
+/*     width: 250px; */
+/*     border-radius: 5px; */
+/*     box-shadow: 3px 3px 0 0 rgba(66, 8, 8, 0.1); */
+/*     content: attr(tooltip); } */
+/*   [tooltip]:hover::before { */
+/*     display: inherit; } */
 
 /* Buttons */
 button {

css/popup-liuchan.css

@@ -65,21 +65,41 @@ LiuChan Theme
 /* Entry Styling */
 #liuchan-window .hanzi{
     float: left;
-    font-size: 18px;
+    font-size: 22px;
     font-weight: bold;
     font-family: "Microsoft JhengHei", "Microsoft YaHei UI", sans-serif;
     margin-right: 10px;
 }
 
 #liuchan-window .brace { color: #c9c2b1; }
 
+#liuchan-window .lang {
+    float: left;
+    height: fit-content;
+    line-height: 26px;
+    font-size: 12px;
+    font-weight: bold;
+    color: #c9c2b1;
+    margin-right: 3px;
+}
+
 #liuchan-window .pinyin {
     float: left;
     height: fit-content;
     line-height: 24px;
     font-size: 16px;
     font-weight: bold;
     color: #66CCCC;
+    margin-right: 10px;
+}
+
+#liuchan-window .pingjam {
+    float: left;
+    height: fit-content;
+    line-height: 24px;
+    font-size: 16px;
+    font-weight: bold;
+    color: #A70F4B;
 }
 
 #liuchan-window .def {
@@ -104,6 +124,13 @@ LiuChan Theme
 #liuchan-window .tone4 { color: #CC99CC; }
 #liuchan-window .tone5 { color: #CCCCCC; }
 
+#liuchan-window .jtone1 { color: #00BCD4; }
+#liuchan-window .jtone2 { color: #7BB342; }
+#liuchan-window .jtone3 { color: #4E6BEF; }
+#liuchan-window .jtone4 { color: #A5A5A5; }
+#liuchan-window .jtone5 { color: #046F00; }
+#liuchan-window .jtone6 { color: #512DA8; }
+
 /* used for word definitions */
 #liuchan-window .liutitle {
     margin-bottom: 5px;