script: add samaritan and syriac

[sheet.git] / base.css

diff --git a/base.css b/base.css
index b22c0386117b096a17eea5f1064d2c1a62069b85..41742e337423134065b54d50a664898e9be2474a 100644 (file)
--- a/base.css
+++ b/base.css
@@ -36,22 +36,19 @@ hr {
        margin: 0;
 }
 
-section {
-       display: block;
-}
-section ul {
+.section ul {
        margin-bottom: 1ex;
 }
-section h2 {
+.section h2 {
        margin: 0 1ex;
        clear: both;
 }
-section table {
+.section table {
        float: left;
        position: relative; /* prevents buggy hovering in table if caption present in gecko */
        margin: 1ex 1ex 2ex;
 }
-#charset section table {
+#charset .section table {
        margin: -0.5ex 0 1ex; /* headers provide sufficient spacing already */
 }
 
@@ -61,10 +58,10 @@ p {
 p.aside {
        font-size: 80%;
 }
-footer p {
+p.footer {
        margin: 1em 0 0;
 }
-.help + footer p {
+.help + .footer {
        margin: 0;
 }
 
@@ -244,7 +241,7 @@ table.glyphs.dimap {
 .diinfo {
        -moz-column-width: 24em;
 }
-.diinfo > section {
+.diinfo > div {
        overflow: hidden;
 }
 
@@ -327,15 +324,6 @@ td.di-a       {background: #EFD} /* ascii */
 td.di-rare    {background: #EEE} /* disfavoured */
 td.di-invalid {background: #BBB} /* impossible */
 
-/* continents */
-td.c-af       {background: #FFC}
-td.c-eu       {background: #FDC}
-td.c-as       {background: #FDD}
-td.c-oc       {background: #EEDDF4}
-td.c-aa       {background: #E3E8FF}
-td.c-sa       {background: #DFF}
-td.c-na       {background: #DFD}
-
 /* code syntax */
 .sy-comment    { color: #888 }
 .sy-constant   { color: #008 }
@@ -387,23 +375,38 @@ td.di-a:hover                                      {background: #CF8}
 
 /* key type colorization */
 
+td.c-na,
 .pm {background: #BFB}   /* motion */
 .po {background: #DFA}   /* window */
+td.c-af,
 .co {background: #FFA}   /* command */
+td.c-sa,
 .ci {background: #BFE}   /* info */
+td.c-eu,
 .cp {background: #FDA}   /* TODO */
 .mi {background: #FCA}   /* insert mode */
+td.c-as,
 .mo {background: #FCC}   /* mode */
+td.c-aa,
 .mv {background: #ECE}   /* visual mode */
+td.c-oc,
 .me {background: #CCF}   /* key mode */
 
+td.c-na:hover,
 .pm a:hover, .pm[onclick]:hover {background: #7E7}
 .po a:hover, .po[onclick]:hover {background: #CE6}
+td.c-sa:hover,
 .ci a:hover, .ci[onclick]:hover {background: #5ED}
+td.c-eu:hover,
+.cp a:hover, .cp[onclick]:hover {background: #FA6}
 .mi a:hover, .mi[onclick]:hover {background: #F97}
+td.c-as:hover,
 .mo a:hover, .mo[onclick]:hover {background: #F88}
+td.c-oc:hover,
 .me a:hover, .me[onclick]:hover {background: #99F}
+td.c-aa:hover,
 .mv a:hover, .mv[onclick]:hover {background: #D9D}
+td.c-af:hover,
 .co a:hover, .co[onclick]:hover {background: #EE4}
 
 .no {
@@ -414,6 +417,14 @@ ul.keys li.ni {
        padding: 1px; /* same size as borderlessless keys */
 }
 
+dl.legend dt.more,
+ul.keys li.more b {
+       text-shadow: #F20 0 0 0.1em;
+}
+dl.legend dt.more:hover,
+ul.keys li.more:hover b {
+       text-shadow: #F20 0 0 0.5em, #FC0 0 0 0.2em;
+}
 dl.legend dt.ext,
 ul.keys li.ext {
        border-style: dashed;