style: generic naming scheme for support classes

[sheet.git] / circus.css

diff --git a/circus.css b/circus.css
index d1f6f9e06cafac1d93eac4ee838b8217df2c9e45..95a7485bac1cfc08e32ae059e168611ee2b1e0f9 100644 (file)
--- a/circus.css
+++ b/circus.css
@@ -1,6 +1,17 @@
 @import url(base.css);
 @import url(terse.css) all and (max-width: 80em);
 
+td.l0       {background: #F77}
+td.l0:hover {     color: #F77; background: #000}
+td.l2       {background: #FC6}
+td.l2:hover {     color: #FC6; background: #000}
+td.l4       {background: #FF6}
+td.l4:hover {     color: #FF6; background: #000}
+td.l5       {background: #CF8}
+td.l5:hover {     color: #CF8; background: #000}
+td.l6       {background: #8F8}
+td.l6:hover {     color: #8F8; background: #000}
+
 td.Co                      {background: #DBB} /* private */
 td.c-na,
 .pm {background: #8F8} /* motion */
@@ -19,15 +30,6 @@ td.c-aa,
 td.c-oc,
 .me {background: #9AF} /* key mode */
 
-{background: #000; color: #7E7}
-{background: #000; color: #CE6}
-{background: #000; color: #8FD}
-{background: #000; color: #FF7}
-{background: #000; color: #FFA070}
-{background: #000; color: #F77}
-{background: #000; color: #99F}
-{background: #000; color: #E8E}
-
 td.Co:hover                     {background: #000; color: #DBB} /* private */
 
 td.c-na:hover,