digraphs: cell hover styling

Highlight cells onmouseover, which is both cool and slightly useful.

diff --git a/digraphs.css b/digraphs.css
index 81d627792eb326262dbb231e9610bc197b38d2c3..3e5300422d999637dd9de5b4c10e675400fad48e 100644 (file)
--- a/digraphs.css
+++ b/digraphs.css
@@ -89,3 +89,27 @@ td.Xl {color: #070} /* latin1 */
 td.Co {color: #800} /* private */
 td.Xz {color: #D00} /* proposed */
 
 td.Co {color: #800} /* private */
 td.Xz {color: #D00} /* proposed */
 

+/* hover effects */
+td.Greek:hover                                     {background: #FA9}
+td.Cyrillic:hover                                  {background: #FB7}
+td.Latin:hover                                     {background: #FF6}
+td.Hebrew:hover                                    {background: #FFA}
+td.Arabic:hover                                    {background: #CFD}
+td.Hiragana:hover                                  {background: #AF8}
+td.Katakana:hover                                  {background: #BF7}
+td.Bopomofo:hover                                  {background: #8FA}
+td.Nd:hover, td.Nl:hover, td.No:hover              {background: #F88} /* number */
+td.Sc:hover                                        {background: #F8C} /* currency */
+td.Sm:hover                                        {background: #F8F} /* math */
+td.So:hover                                        {background: #A8F} /* symbol */
+td.Cf:hover, td.Pd:hover, td.Po:hover              {background: #8AF} /* punctuation */
+td.Ps:hover, td.Pe:hover, td.Pi:hover, td.Pf:hover {background: #8DF} /* quote */
+td.Lm:hover, td.Sk:hover                           {background: #BFF} /* spacing modifier */
+td.Mn:hover                                        {background: #CDE} /* modifier */
+td.Zs:hover                                        {background: #CED} /* space */
+td.Cc:hover                                        {background: #DDD} /* control */
+td.Xa:hover {outline: 1px solid #0F0} /* ascii */
+td.Xl:hover {outline: 1px solid #0C0} /* latin1 */
+td.Co:hover {outline: 1px solid #C00} /* private */
+td.Xz:hover {outline: 1px solid #F00} /* proposed */
+