X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/fe683ff276a2a310b9bad11a4202a7f53f5e761f..a4fdefae72afac5a4ad02eabcc23fe762903ad89:/circus.css diff --git a/circus.css b/circus.css index 6e94e3b..67de35a 100644 --- a/circus.css +++ b/circus.css @@ -1,56 +1,69 @@ @import url(base.css); -@import url(terse.css) all and (max-width: 80em); - -td.di-b {background: #F77} /* bmp */ -td.di-b:hover { color: #F77; background: #000} -td.di-d {background: #FF6} /* rfc-1345 digraph */ -td.di-d:hover { color: #FF6; background: #000} -td.di-prop {background: #FC6} /* proposed digraph */ -td.di-prop:hover { color: #FC6; background: #000} -td.di-a {background: #CF8} /* ascii */ -td.di-a:hover { color: #CF8; background: #000} -td.di-aa {background: #8F8} -td.di-aa:hover { color: #8F8; background: #000} - -td.Co {background: #DBB} /* private */ -td.c-na, -.pm {background: #8F8} /* motion */ -.po {background: #BF6} /* window */ -td.c-af, -.co {background: #FF6} /* command */ -td.c-sa, -.ci {background: #8FD} /* info */ -td.c-eu, -.cp {background: #FC6} -.mi {background: #F96} /* insert mode */ -td.c-as, -.mo {background: #F77} /* mode */ -td.c-aa, -.mv {background: #E8E} /* visual mode */ -td.c-oc, -.me {background: #9AF} /* key mode */ - -td.Co:hover {background: #000; color: #DBB} /* private */ - -td.c-na:hover, -.pm a:hover, .pm[onclick]:hover {background: #000; color: #7E7} -.po a:hover, .po[onclick]:hover {background: #000; color: #CE6} -td.c-sa:hover, -.ci a:hover, .ci[onclick]:hover {background: #000; color: #8FD} -td.c-eu:hover, -.cp a:hover, .cp[onclick]:hover {background: #000; color: #FA6} -td.c-af:hover, -.co a:hover, .co[onclick]:hover {background: #000; color: #FF7} -.mi a:hover, .mi[onclick]:hover {background: #000; color: #FFA070} -td.c-as:hover, -.mo a:hover, .mo[onclick]:hover {background: #000; color: #F77} -td.c-oc:hover, -.me a:hover, .me[onclick]:hover {background: #000; color: #99F} -td.c-aa:hover, -.mv a:hover, .mv[onclick]:hover {background: #000; color: #E8E} +@import url(terse.css) all and (max-width: 79em); + +.l1 {background: #F77} +.l1:hover a, .l1:hover a:visited, +.l1:hover { color: #F77; background: #000} +.l2 {background: #FC6} +.l2:hover a, .l2:hover a:visited, +.l2:hover { color: #FC6; background: #000} +.l3 {background: #FF6} +.l3:hover a, .l3:hover a:visited, +.l3:hover { color: #FF6; background: #000} +.l4 {background: #CF8} +.l4:hover a, .l4:hover a:visited, +.l4:hover { color: #CF8; background: #000} +.l5 {background: #8F8} +.l5:hover a, .l5:hover a:visited, +.l5:hover { color: #8F8; background: #000} +.l0:hover a, .l0:hover a:visited, +.l0:hover { color: #888; background: #000} +.ex { color: #D00} +.legend .ex:hover { background: #000} + +#browser .mapped tr:hover > td:first-of-type { background: #FFF } + +.p:hover::after {color: #F00} + +.Co, .Xi.Co {background: #DBB} /* private */ +.c-sa, +.g1 {background: #8FD} +.c-na, +.g2 {background: #8F8} +.g3 {background: #BF6} +.c-af, +.g4 {background: #FF6} +.g5 {background: #FC6} +.c-eu {background: #FB6} +.g6 {background: #F96} +.c-as, +.g7 {background: #F77} +.c-an, +.g8 {background: #E8E} +.c-oc, +.g9 {background: #9AF} + +.Co:hover {background: #000; color: #DBB} /* private */ + +.c-sa:hover, +.g1 a:hover, .g1[onclick]:hover {background: #000; color: #8FD} +.c-na:hover, +.g2 a:hover, .g2[onclick]:hover {background: #000; color: #7E7} +.g3 a:hover, .g3[onclick]:hover {background: #000; color: #CE6} +.c-af:hover, +.g4 a:hover, .g4[onclick]:hover {background: #000; color: #FF7} +.g5 a:hover, .g5[onclick]:hover {background: #000; color: #FA6} +.c-eu:hover {background: #000; color: #FB6} +.g6 a:hover, .g6[onclick]:hover {background: #000; color: #FFA070} +.c-as:hover, +.g7 a:hover, .g7[onclick]:hover {background: #000; color: #F77} +.c-an:hover, +.g8 a:hover, .g8[onclick]:hover {background: #000; color: #E8E} +.c-oc:hover, +.g9 a:hover, .g9[onclick]:hover {background: #000; color: #99F} dl.legend dt.ext, -ul.keys li.ext { +.keys td.ext { border: 1px solid #F00; }