latin: replace asl font by signwriting unicode

[sheet.git] / red.css

diff --git a/red.css b/red.css
index 33e7f7219e5b04a28ee4311cd40f45e96dc737e3..73d27eb202f8376ae98fe5fb441cde1ea82e1d1b 100644 (file)
--- a/red.css
+++ b/red.css
@@ -1,3 +1,5 @@
+@import url(base.css);
+
 body {
        background: #000;
        color: #CCC;
@@ -7,16 +9,33 @@ a:visited { color:#CCCCC0; }
 a:active  { color:#FF0; }
 a:hover   { color:#FF0; text-decoration: none}
 
+h1 {
+       border: 1px solid #A00;
+       background: #800;
+       width: 50%;
+       margin: 0 auto;
+       margin-bottom: 0.5ex;
+       text-shadow: #000 0 0 0.1em;
+}
+h2, caption {
+       text-shadow: #F00 0 0 1em, #F00 0 0 1ex;
+}
+p.footer {
+       border: 1px dashed #600;
+       border-width: 1px 0 0;
+       margin-top: 1.5em;
+}
+
 dl.legend dt,
-ul.keys li {
+.keys td {
        border-radius: 0;
        -moz-border-radius: 0;
        border-color: #800;
 }
-ul.keys li {
+.keys td {
        text-align: left;
 }
-ul.keys li b {
+.keys td b {
        margin-right: 3px;
        font-size: 100%;
        background: #800;
@@ -26,24 +45,107 @@ ul.keys li b {
        font-style: normal;
 }
 
-.ci   {background: none; font-style: italic} /* info */
-.pm   {background: none} .pm b, dt.pm {color: #DD6} /* motion */
-.po   {background: none} .po b, dt.po {color: #6CD} /* window */
-.co   {background: none} .co b, dt.co {color: none} /* command */
-.mi, .cp {background: #300} /* ins */
-.mo   {background: #600} /* state */
-.mv   {background: #600; font-style: italic} .mv b, dt.mv {color: #DD6} /* visual */
-.me   {background: #600; font-style: italic} /* mode */
-dl.legend-options dt,
-.no   {background: none} .no b {color: #000} /* unassigned */
-#vimperator .mi b, #vimperator dt.mi {color: #6CD} /* tab open */
-
-.co[onclick]:hover,
-.mi[onclick]:hover,
-.mo[onclick]:hover,
-.mv[onclick]:hover,
-.me[onclick]:hover {
+.no, dl.legend-options dt,
+.g1, .g2, .g3, .g4 {background: none}
+#mutt .g4,
+.g6, .g5           {background: #300}
+.g7, .g8, .g9      {background: #600}
+#mutt .g2 b, #mutt dt.g2,
+#mutt .g8 b, #mutt dt.g8,
+dt.g4,
+  .g4 b            {color: inherit}
+#vimperator .g6 b, #vimperator dt.g6,
+dt.g3,
+  .g3 b            {color: #6CD}
+#mutt .g1 b, #mutt dt.g1,
+#mutt .g6 b, #mutt dt.g6,
+#mutt .g9 b, #mutt dt.g9,
+dt.g2, dt.g8,
+  .g2 b, .g8 b     {color: #DD6}
+.no b              {color: #000}
+.g1, .g8, .g9      {font-style: italic}
+#mutt .g1, #mutt .g9,
+.no                {font-style: normal}
+
+.g1 a:hover, .g1[onclick]:hover,
+.g2 a:hover, .g2[onclick]:hover,
+.g3 a:hover, .g3[onclick]:hover,
+.g4 a:hover, .g4[onclick]:hover,
+.g5 a:hover, .g5[onclick]:hover,
+.g6 a:hover, .g6[onclick]:hover,
+.g7 a:hover, .g7[onclick]:hover,
+.g8 a:hover, .g8[onclick]:hover,
+.g9 a:hover, .g9[onclick]:hover {
        background: #800;
        color: #FF0;
 } /* mode link */
 
+.l1,
+.X { /* unidentified */
+       background: #000;
+       border-color: #800;
+       border-width: 1px;
+}
+th, td, .Co {
+       background: #000;
+       border-color: #300;
+       border-width: 1px 0 0 1px; /* no precedence */
+}
+.Co {background: #200 } /* private */
+.mapped tbody, .mapped colgroup,
+.dimap tbody, .dimap colgroup,
+tbody, colgroup, th {
+       background: #800;
+       border: 1px solid #800;
+}
+.keys tbody {
+       background: #000;
+       border: 0;
+}
+
+.glyphs small.digraph {
+       background: #600;
+       color: #AAA;
+       opacity: 1;
+}
+.glyphs small.value {
+       background: #600;
+       color: #AAA;
+       opacity: 1;
+}
+
+/* implementation-based alternatives */
+.l1 {background: #000; color: #DD6}
+.l3 {background: #000; color: #CCC}
+.l2 {background: #000; color: #CA8}
+.l5,
+.l4 {background: #000; color: #8BC}
+.ex {background: #333}
+.Xi,
+.u-invalid {background: #200} /* impossible */
+
+/* continents */
+.c-af     {background: #100; color: #FFF}
+.c-eu     {background: #300; color: #FFF}
+.c-as     {background: #500; color: #FFF}
+.c-an     {background: #400; color: #8BC}
+.c-oc     {background: #100; color: #8BC}
+.c-sa     {background: #100; color: #DD6}
+.c-na     {background: #300; color: #DD6}
+.l:hover,
+.X:hover  {background: #800; color: #FF0}
+
+/* code syntax */
+.sy-comment    { color: #888 }
+.sy-constant   { color: #C88 }
+.sy-type,
+.sy-identifier { color: #C44 }
+.sy-statement  { text-shadow: #F00 0 0 0.5em }
+.sy-special    { color: #CA8 }
+.sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
+.sy-todo       { background-color: #400 }
+
+#browser td > a:not(:hover):not(:active) {
+       color: inherit;
+}
+