countries: move flag images into data/, ignore
[sheet.git] / mono.css
index 885ddc9c4e7c7a3957c423c75485adcbd67d46ee..d6eaeba4387e119f9da97f690d2a8ecfc53e2a01 100644 (file)
--- a/mono.css
+++ b/mono.css
@@ -1,8 +1,33 @@
 @import url(base.css);
-@import url(terse.css) all and (max-width: 80em);
+@import url(terse.css) all and (max-width: 79em);
+
+a:active, a:visited:active,
+a:hover,  a:visited:hover {color: inherit}
 
 body dl.legend-options dt {background: #EEE}
 
+td,
+.X  {background: #EEE}
+.l0 a, .l0 a:visited,
+.l0 {background: #BBB; color: #FFF; text-shadow: 0 0 4px #000}
+.l1 a, .l1 a:visited,
+.l1 {background: #000; color: #FFF}
+.l2 a, .l2 a:visited,
+.l2 {background: #444; color: #FFF}
+.l3 {background: #AAA; color: #000}
+.l4 {background: #DDD; color: #000}
+.l5 {background: #EEE; color: #000}
+
+.p0:not(.p)           {color: #888; opacity: 1}
+.p0:not(.p).l0        {color: #DDD}
+   .p::after {color: #444}
+.l0.p::after,
+.l2.p::after,
+.l1.p::after {color: #CCC}
+   .p::after {content: '‼'}
+.p1.p::after,
+.p0.p::after {content: '!'}
+
 .pm, .g1 {background: #FFF}   /* motion */
 .po, .g2 {background: #DDD}   /* window */
 .co, .g3 {background: #AAA}   /* command */
@@ -15,6 +40,7 @@ body dl.legend-options dt {background: #EEE}
 
 ul.keys li[onclick]:hover,
 ul.keys li a:hover,
+.l:hover, .l:hover a, .l:hover a:visited,
 .X:hover {
        background: #FFF;
        color: #000;
@@ -49,7 +75,7 @@ body ul.keys li.new {
 .c-af {background: #000; color: #FFF} /* .g3 */
 .c-eu {background: #333; color: #FFF} /* .g4 */
 .c-as {background: #666; color: #FFF} /* .g6 */
-.c-aa {background: #999; color: #FFF} /* .g7 */
+.c-an {background: #999; color: #FFF} /* .g7 */
 .c-oc {background: #BBB}              /* .g8 */
 .c-sa {background: #999}              /* .g0 */
 .c-na {background: #666}              /* .g1 */