style: drop explicit td tag selectors in css
authorMischa POSLAWSKY <perl@shiar.org>
Thu, 11 Nov 2010 21:59:22 +0000 (22:59 +0100)
committerMischa POSLAWSKY <perl@shiar.org>
Fri, 12 Nov 2010 04:15:55 +0000 (05:15 +0100)
base.css
circus.css
dark.css
darklite.css
red.css

index d4e3758..b613c31 100644 (file)
--- a/base.css
+++ b/base.css
@@ -277,62 +277,62 @@ table.dimap {
 
 /* character properties */
 
-td.X  {background: #FFF} /* unidentified */
-#digraphs td.Xa {color: #0A0} /* ascii */
-#digraphs td.Xl {color: #070} /* latin1 */
-#digraphs   .Xz {color: #D00} /* proposed */
+.X  {background: #FFF} /* unidentified */
+#digraphs .Xa {color: #0A0} /* ascii */
+#digraphs .Xl {color: #070} /* latin1 */
+#digraphs .Xz {color: #D00} /* proposed */
 
-td.Lm, td.Mc, td.Me, td.Zl, td.Zp {background: #F00} /* unstyled */
+.Lm, .Mc, .Me, .Zl, .Zp {background: #F00} /* unstyled */
 
 /* letter scripts */
-td.Armenian,
-td.Greek    {background: #FFE8CF}
-td.Cyrillic {background: #FFDDA8}
-td.Latin    {background: #FFB}
-td.Aramaic,
-td.Hebrew   {background: #FFD}
-td.Arabic   {background: #EFE}
-td.African  {background: #DED}
-td.Brahmic  {background: #FBB} /* same as number */
-td.Khmer    {background: #FBA}
-td.Hangul,
-td.Syllabic {background: #DEA}
-td.Katakana {background: #DFA}
-td.Hiragana {background: #DFC}
-td.Bopomofo {background: #BFC}
-td.Han      {background: #CFD}
-td.Alpha    {background: #ADA} /* other scripts */
+.Armenian,
+.Greek    {background: #FFE8CF}
+.Cyrillic {background: #FFDDA8}
+.Latin    {background: #FFB}
+.Aramaic,
+.Hebrew   {background: #FFD}
+.Arabic   {background: #EFE}
+.African  {background: #DED}
+.Brahmic  {background: #FBB} /* same as number */
+.Khmer    {background: #FBA}
+.Hangul,
+.Syllabic {background: #DEA}
+.Katakana {background: #DFA}
+.Hiragana {background: #DFC}
+.Bopomofo {background: #BFC}
+.Han      {background: #CFD}
+.Alpha    {background: #ADA} /* other scripts */
 
 /* other categories */
-td.Nd, td.Nl, td.No        {background: #FDD} /* number */
-td.Sc                      {background: #FCD} /* currency */
-td.Sm                      {background: #ECE} /* math */
-td.So                      {background: #DCF} /* symbol */
-td.Pd, td.Po, td.Pc        {background: #CDF} /* punctuation */
-td.Ps, td.Pe, td.Pi, td.Pf {background: #BEF} /* quote */
-td.Lm, td.Sk               {background: #CEE} /* spacing modifier */
-td.Mn                      {background: #ACC} /* modifier */
-td.Cc, td.Cf  {color: #666; background: #BBB} /* control */
-td.Zs                      {background: #ACB} /* space */
-td.Zs span                 {background: #EEE}
-td.Co                      {background: #DCC} /* private */
-td.Xi, td.Cs               {background: #CCC} /* invalid */
-td.Xd                      {color: #844} /* deprecated */
-td.Xr                      {color: #888} /* reserved (digraph reverse or proposal) */
-.dimap td.Xr               {background: #EEE} /* reversed digraph */
-.ccmap td.Xr {opacity:.4}
+.Nd, .Nl, .No         {background: #FDD} /* number */
+.Sc                   {background: #FCD} /* currency */
+.Sm                   {background: #ECE} /* math */
+.So                   {background: #DCF} /* symbol */
+.Pd, .Po, .Pc         {background: #CDF} /* punctuation */
+.Ps, .Pe, .Pi, .Pf    {background: #BEF} /* quote */
+.Lm, .Sk              {background: #CEE} /* spacing modifier */
+.Mn                   {background: #ACC} /* modifier */
+.Cc, .Cf {color: #666; background: #BBB} /* control */
+.Zs                   {background: #ACB} /* space */
+.Zs span              {background: #EEE}
+.Co                   {background: #DCC} /* private */
+.Xi, .Cs              {background: #CCC} /* invalid */
+.Xd                   {color: #844} /* deprecated */
+.Xr                   {color: #888} /* reserved (digraph reverse or proposal) */
+.dimap .Xr            {background: #EEE} /* reversed digraph */
+.ccmap .Xr {opacity:.4}
 
 /* support levels */
-td.l0 {background: #FDD} /* no, unsupported, other */
-td.l2 {background: #FED} /* partial, restricted, unofficial */
+.l0 {background: #FDD} /* no, unsupported, other */
+.l2 {background: #FED} /* partial, restricted, unofficial */
        /* default u-prop, u-bmp */
-td.l4 {background: #FFD} /* almost, imperfect, common */
+.l4 {background: #FFD} /* almost, imperfect, common */
        /* default u-di, u-lat1 */
-td.l5 {background: #EFD} /* yes, supported, ubiquitous, native */
+.l5 {background: #EFD} /* yes, supported, ubiquitous, native */
        /* default u-ascii */
-td.l6 {background: #DFD} /* complete, perfect */
-td.ex {background: #EEE} /* experimental, disfavoured */
-td.u-invalid {background: #BBB} /* invalid, impossible */
+.l6 {background: #DFD} /* complete, perfect */
+.ex {background: #EEE} /* experimental, disfavoured */
+.u-invalid {background: #BBB} /* invalid, impossible */
 
 /* code syntax */
 .sy-comment    { color: #888 }
@@ -346,78 +346,78 @@ td.u-invalid {background: #BBB} /* invalid, impossible */
 .sy-todo       { background-color: #FF0 }
 
 /* hover effects */
-td.u-di,
-td.X:hover {cursor: help}
-td.Greek:hover, td.Armenian:hover                  {background: #FA8}
-td.Cyrillic:hover                                  {background: #FB7}
-td.Latin:hover                                     {background: #EE4}
-td.Hebrew:hover, td.Aramaic:hover                  {background: #FFA}
-td.Arabic:hover                                    {background: #CFD}
-td.African:hover                                   {background: #BDB}
-td.Syllabic:hover, td.Hangul:hover                 {background: #CE6}
-td.Katakana:hover                                  {background: #BF7}
-td.Hiragana:hover                                  {background: #AF8}
-td.Bopomofo:hover                                  {background: #8FA}
-td.Brahmic:hover                                   {background: #F77}
-td.Khmer:hover                                     {background: #F87}
-td.Han:hover                                       {background: #5EB}
-td.Alpha:hover                                     {background: #5C5}
-td.Nd:hover, td.Nl:hover, td.No:hover              {background: #F99} /* number */
-td.Sc:hover                                        {background: #F8C} /* currency */
-td.Sm:hover                                        {background: #F8F} /* math */
-td.So:hover                                        {background: #A8F} /* symbol */
-td.Pd:hover, td.Po:hover, td.Pc:hover              {background: #8AF} /* punctuation */
-td.Ps:hover, td.Pe:hover, td.Pi:hover, td.Pf:hover {background: #8DF} /* quote */
-td.Lm:hover, td.Sk:hover                           {background: #BFF} /* spacing modifier */
-td.Mn:hover                                        {background: #CDE} /* modifier */
-td.Zs:hover                                        {background: #CED} /* space */
-td.Cc:hover, td.Cf:hover                           {background: #DDD} /* control */
-td.Co:hover                                        {background: #A77} /* private */
-td.Xr:hover                                        {background: #FFF} /* reserved */
-td.Xa:hover {outline: 1px solid #0F0} /* ascii */
-td.Xl:hover {outline: 1px solid #0C0} /* latin1 */
-td.Xz:hover {outline: 1px solid #F00} /* proposed */
-td.l0:hover                                        {background: #F88}
-td.l2:hover                                        {background: #FC8}
-td.l4:hover                                        {background: #FF8}
-td.l5:hover                                        {background: #CF8}
-td.l6:hover                                        {background: #8F8}
-td.ex:hover                                        {background: #BBB}
+.u-di,
+.X:hover {cursor: help}
+.Greek:hover, .Armenian:hover              {background: #FA8}
+.Cyrillic:hover                            {background: #FB7}
+.Latin:hover                               {background: #EE4}
+.Hebrew:hover, .Aramaic:hover              {background: #FFA}
+.Arabic:hover                              {background: #CFD}
+.African:hover                             {background: #BDB}
+.Syllabic:hover, .Hangul:hover             {background: #CE6}
+.Katakana:hover                            {background: #BF7}
+.Hiragana:hover                            {background: #AF8}
+.Bopomofo:hover                            {background: #8FA}
+.Brahmic:hover                             {background: #F77}
+.Khmer:hover                               {background: #F87}
+.Han:hover                                 {background: #5EB}
+.Alpha:hover                               {background: #5C5}
+.Nd:hover, .Nl:hover, .No:hover            {background: #F99} /* number */
+.Sc:hover                                  {background: #F8C} /* currency */
+.Sm:hover                                  {background: #F8F} /* math */
+.So:hover                                  {background: #A8F} /* symbol */
+.Pd:hover, .Po:hover, .Pc:hover            {background: #8AF} /* punctuation */
+.Ps:hover, .Pe:hover, .Pi:hover, .Pf:hover {background: #8DF} /* quote */
+.Lm:hover, .Sk:hover                       {background: #BFF} /* spacing modifier */
+.Mn:hover                                  {background: #CDE} /* modifier */
+.Zs:hover                                  {background: #CED} /* space */
+.Cc:hover, .Cf:hover                       {background: #DDD} /* control */
+.Co:hover                                  {background: #A77} /* private */
+.Xr:hover                                  {background: #FFF} /* reserved */
+.Xa:hover {outline: 1px solid #0F0} /* ascii */
+.Xl:hover {outline: 1px solid #0C0} /* latin1 */
+.Xz:hover {outline: 1px solid #F00} /* proposed */
+.l0:hover                                  {background: #F88}
+.l2:hover                                  {background: #FC8}
+.l4:hover                                  {background: #FF8}
+.l5:hover                                  {background: #CF8}
+.l6:hover                                  {background: #8F8}
+.ex:hover                                  {background: #BBB}
 
 /* key type colorization */
 
-td.c-na,
+.c-na,
 .pm {background: #BFB}   /* motion */
 .po {background: #DFA}   /* window */
-td.c-af,
+.c-af,
 .co {background: #FFA}   /* command */
-td.c-sa,
+.c-sa,
 .ci {background: #BFE}   /* info */
-td.c-eu,
+.c-eu,
 .cp {background: #FDA}   /* TODO */
 .mi {background: #FCA}   /* insert mode */
-td.c-as,
+.c-as,
 .mo {background: #FCC}   /* mode */
-td.c-aa,
+.c-aa,
 .mv {background: #ECE}   /* visual mode */
-td.c-oc,
+.c-oc,
 .me {background: #CCF}   /* key mode */
 
-td.c-na:hover,
+.c-na:hover,
 .pm a:hover, .pm[onclick]:hover {background: #7E7}
 .po a:hover, .po[onclick]:hover {background: #CE6}
-td.c-sa:hover,
+.c-sa:hover,
 .ci a:hover, .ci[onclick]:hover {background: #5ED}
-td.c-eu:hover,
+.c-eu:hover,
 .cp a:hover, .cp[onclick]:hover {background: #FA6}
 .mi a:hover, .mi[onclick]:hover {background: #F97}
-td.c-as:hover,
+.c-as:hover,
 .mo a:hover, .mo[onclick]:hover {background: #F88}
-td.c-oc:hover,
+.c-oc:hover,
 .me a:hover, .me[onclick]:hover {background: #99F}
-td.c-aa:hover,
+.c-aa:hover,
 .mv a:hover, .mv[onclick]:hover {background: #D9D}
-td.c-af:hover,
+.c-af:hover,
 .co a:hover, .co[onclick]:hover {background: #EE4}
 
 .no {
index 95a7485..2d89617 100644 (file)
@@ -1,52 +1,52 @@
 @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}
+.l0       {background: #F77}
+.l0:hover {     color: #F77; background: #000}
+.l2       {background: #FC6}
+.l2:hover {     color: #FC6; background: #000}
+.l4       {background: #FF6}
+.l4:hover {     color: #FF6; background: #000}
+.l5       {background: #CF8}
+.l5:hover {     color: #CF8; background: #000}
+.l6       {background: #8F8}
+.l6:hover {     color: #8F8; background: #000}
 
-td.Co                      {background: #DBB} /* private */
-td.c-na,
+.Co {background: #DBB} /* private */
+.c-na,
 .pm {background: #8F8} /* motion */
 .po {background: #BF6} /* window */
-td.c-af,
+.c-af,
 .co {background: #FF6} /* command */
-td.c-sa,
+.c-sa,
 .ci {background: #8FD} /* info */
-td.c-eu,
+.c-eu,
 .cp {background: #FC6}
 .mi {background: #F96} /* insert mode */
-td.c-as,
+.c-as,
 .mo {background: #F77} /* mode */
-td.c-aa,
+.c-aa,
 .mv {background: #E8E} /* visual mode */
-td.c-oc,
+.c-oc,
 .me {background: #9AF} /* key mode */
 
-td.Co:hover                     {background: #000; color: #DBB} /* private */
+.Co:hover                       {background: #000; color: #DBB} /* private */
 
-td.c-na:hover,
+.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,
+.c-sa:hover,
 .ci a:hover, .ci[onclick]:hover {background: #000; color: #8FD}
-td.c-eu:hover,
+.c-eu:hover,
 .cp a:hover, .cp[onclick]:hover {background: #000; color: #FA6}
-td.c-af:hover,
+.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,
+.c-as:hover,
 .mo a:hover, .mo[onclick]:hover {background: #000; color: #F77}
-td.c-oc:hover,
+.c-oc:hover,
 .me a:hover, .me[onclick]:hover {background: #000; color: #99F}
-td.c-aa:hover,
+.c-aa:hover,
 .mv a:hover, .mv[onclick]:hover {background: #000; color: #E8E}
 
 dl.legend dt.ext,
index 8c06973..3691fbd 100644 (file)
--- a/dark.css
+++ b/dark.css
@@ -50,40 +50,40 @@ th, td {
        opacity: 0.4;
 }
 
-td.X  {background: #000} /* unidentified */
-td.Xr {background: #111} /* reverse */
-td.Co {background: #322} /* private */
+.X  {background: #000} /* unidentified */
+.Xr {background: #111} /* reverse */
+.Co {background: #322} /* private */
 
 /* implementation-based alternatives */
-td.l0 {background: #411} /* bmp */
-td.l2 {background: #321} /* proposed digraph */
-td.l4 {background: #330} /* rfc-1345 digraph */
-td.l5 {background: #030} /* ascii */
-td.l6 {background: #00331D} /* ascii */
-td.ex {background: #222} /* disfavoured */
-td.u-invalid {background: #333} /* impossible */
+.l0 {background: #411} /* bmp */
+.l2 {background: #321} /* proposed digraph */
+.l4 {background: #330} /* rfc-1345 digraph */
+.l5 {background: #030} /* ascii */
+.l6 {background: #00331D} /* ascii */
+.ex {background: #222} /* disfavoured */
+.u-invalid {background: #333} /* impossible */
 
 /* general colorization */
 
-td.c-na,
+.c-na,
 .pm {background: #040} /* motion */
 .po {background: #340} /* window */
-td.c-sa,
+.c-sa,
 .ci {background: #044} /* info */
-td.c-af,
+.c-af,
 .co {background: #440} /* command */
-td.c-eu,
+.c-eu,
 .cp {background: #530} /* command */
 .mi {background: #520} /* ins */
-td.c-as,
+.c-as,
 .mo {background: #500} /* state */
-td.c-aa,
+.c-aa,
 .mv {background: #503} /* visual */
-td.c-oc,
+.c-oc,
 .me {background: #205} /* mode */
 .no {background: #222} /* unassigned */
 
-td.X:hover,
+.X:hover,
 .pm a:hover, .pm[onclick]:hover,
 .po a:hover, .po[onclick]:hover,
 .ci a:hover, .ci[onclick]:hover,
@@ -94,5 +94,5 @@ td.X:hover,
 .me a:hover, .me[onclick]:hover {
        color: #000; /* on default (light) background hover */
 }
-td.X:hover small {color: #FFF}
+.X:hover small {color: #FFF}
 
index 4c33f0a..1c13bf3 100644 (file)
@@ -19,20 +19,20 @@ th, td {
        opacity: 0.4;
 }
 
-td.X  {background: #000} /* unidentified */
-td.Xr {background: #111} /* reverse */
-td.Co {background: #181111} /* private */
+.X  {background: #000} /* unidentified */
+.Xr {background: #111} /* reverse */
+.Co {background: #181111} /* private */
 
-.mo, td.c-as, td.l0 {background: #200}
-.co, td.c-af, td.l4 {background: #1C1C00}
-.cp, td.c-eu, td.l2 {background: #221400}
-.pm, td.c-na, td.l5 {background: #002200}
-.po                 {}
-.ci, td.c-sa        {background: #001A1A}
-.mi                 {}
-.mv, td.c-oc        {background: #012}
-.me, td.c-aa        {background: #102}
-.no                 {}
-              td.ex {background: #181818}
-td.u-invalid        {background: #222}
+.mo, .c-as, .l0 {background: #200}
+.co, .c-af, .l4 {background: #1C1C00}
+.cp, .c-eu, .l2 {background: #221400}
+.pm, .c-na, .l5 {background: #002200}
+.po             {}
+.ci, .c-sa      {background: #001A1A}
+.mi             {}
+.mv, .c-oc      {background: #012}
+.me, .c-aa      {background: #102}
+.no             {}
+.ex             {background: #181818}
+.u-invalid      {background: #222}
 
diff --git a/red.css b/red.css
index 373fe76..a4bce0d 100644 (file)
--- a/red.css
+++ b/red.css
@@ -80,18 +80,18 @@ dt.pm, dt.mv,
        color: #FF0;
 } /* mode link */
 
-td.l0,
-td.X { /* unidentified */
+.l0,
+.X { /* unidentified */
        background: #000;
        border-color: #800;
        border-width: 1px;
 }
-th, td, td.Co {
+th, td, .Co {
        background: #000;
        border-color: #300;
        border-width: 1px 0 0 1px; /* no precedence */
 }
-td.Co {background: #200 } /* private */
+.Co {background: #200 } /* private */
 tbody, colgroup, th {
        background: #800 !important;
        border: 1px solid #800;
@@ -109,23 +109,23 @@ tbody, colgroup, th {
 }
 
 /* implementation-based alternatives */
-td.l0 {background: #000; color: #DD6}
-td.l4 {background: #000; color: #CCC}
-td.l2 {background: #000; color: #CA8}
-td.l5 {background: #000; color: #8BC}
-td.ex {background: #333}
-td.u-invalid {background: #200} /* impossible */
+.l0 {background: #000; color: #DD6}
+.l4 {background: #000; color: #CCC}
+.l2 {background: #000; color: #CA8}
+.l5 {background: #000; color: #8BC}
+.ex {background: #333}
+.u-invalid {background: #200} /* impossible */
 
 /* continents */
-td.c-af       {background: #100; color: #FFF}
-td.c-eu       {background: #300; color: #FFF}
-td.c-as       {background: #500; color: #FFF}
-td.c-aa       {background: #400; color: #8BC}
-td.c-oc       {background: #100; color: #8BC}
-td.c-sa       {background: #100; color: #DD6}
-td.c-na       {background: #300; color: #DD6}
-td.l0:hover,
-td.X:hover    {background: #800; color: #FF0}
+.c-af     {background: #100; color: #FFF}
+.c-eu     {background: #300; color: #FFF}
+.c-as     {background: #500; color: #FFF}
+.c-aa     {background: #400; color: #8BC}
+.c-oc     {background: #100; color: #8BC}
+.c-sa     {background: #100; color: #DD6}
+.c-na     {background: #300; color: #DD6}
+.l0:hover,
+.X:hover  {background: #800; color: #FF0}
 
 /* code syntax */
 .sy-comment    { color: #888 }