digraphs.css

   1 /* general */
   2
   3 body {
   4         background: #FFF;
   5         color: #000;
   6 }
   7
   8 a, a:visited {
   9         color: #000;
  10         text-decoration: underline;
  11 }
  12 a:active, a:hover {
  13         color: #00F;
  14         text-decoration: none;
  15 }
  16
  17 /* head/foot */
  18
  19 h1 {
  20         text-align: center;
  21         font-size: 200%;
  22         margin: 0 0 0.2em;
  23 }
  24 p.footer {
  25         margin: 1em 0 0;
  26         text-align: center;
  27 }
  28
  29 /* digraph table */
  30
  31 table {
  32         border-collapse: collapse;
  33         table-layout: fixed; /* prevent resizing, notably in msie6 */
  34 }
  35 #legend {
  36         margin-top: 1em;
  37 }
  38 #legend table {
  39         width: 100%;
  40         table-layout: auto;
  41 }
  42 #legend td {
  43         padding: 0 0.2em;
  44 }
  45
  46 /* character cells */
  47
  48 thead th, td {
  49         width: 1.2em; /* msie only looks at the first row */
  50         min-width: 1em; /* prevents gecko from restricting to page width */
  51 }
  52 th, td {
  53         text-align: center;
  54 }
  55 td {
  56         border: 1px solid #888;
  57         background: #DDD;
  58 }
  59
  60 td.X {background: #FFF} /* unidentified */
  61 td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background: #F00} /* unstyled */
  62
  63 /* letter scripts */
  64 td.Greek    {background: #FFE0CF}
  65 td.Cyrillic {background: #FFDDA8}
  66 td.Latin    {background: #FFB}
  67 td.Hebrew   {background: #FFD}
  68 td.Arabic   {background: #EFE}
  69 td.Hiragana {background: #DFC}
  70 td.Katakana {background: #DFA}
  71 td.Bopomofo {background: #BFC}
  72
  73 /* other categories */
  74 td.Nd, td.Nl, td.No        {background: #FBB} /* number */
  75 td.Sc                      {background: #FCD} /* currency */
  76 td.Sm                      {background: #ECE} /* math */
  77 td.So                      {background: #DCF} /* symbol */
  78 td.Cf, td.Pd, td.Po        {background: #CDF} /* punctuation */
  79 td.Ps, td.Pe, td.Pi, td.Pf {background: #BEF} /* quote */
  80 td.Lm, td.Sk               {background: #CEE} /* spacing modifier */
  81 td.Mn                      {background: #ACC} /* modifier */
  82 td.Cc         {color: #666; background: #BBB} /* control */
  83 td.Zs                      {background: #ACB} /* space */
  84 td.Zs span                 {background: #EEE}
  85
  86 /* properties */
  87 td.Xa {color: #0A0} /* ascii */
  88 td.Xl {color: #070} /* latin1 */
  89 td.Co {color: #800} /* private */
  90 td.Xz {color: #D00} /* proposed */
  91
  92 /* hover effects */
  93 td.Greek:hover                                     {background: #FA9}
  94 td.Cyrillic:hover                                  {background: #FB7}
  95 td.Latin:hover                                     {background: #FF6}
  96 td.Hebrew:hover                                    {background: #FFA}
  97 td.Arabic:hover                                    {background: #CFD}
  98 td.Hiragana:hover                                  {background: #AF8}
  99 td.Katakana:hover                                  {background: #BF7}
 100 td.Bopomofo:hover                                  {background: #8FA}
 101 td.Nd:hover, td.Nl:hover, td.No:hover              {background: #F88} /* number */
 102 td.Sc:hover                                        {background: #F8C} /* currency */
 103 td.Sm:hover                                        {background: #F8F} /* math */
 104 td.So:hover                                        {background: #A8F} /* symbol */
 105 td.Cf:hover, td.Pd:hover, td.Po:hover              {background: #8AF} /* punctuation */
 106 td.Ps:hover, td.Pe:hover, td.Pi:hover, td.Pf:hover {background: #8DF} /* quote */
 107 td.Lm:hover, td.Sk:hover                           {background: #BFF} /* spacing modifier */
 108 td.Mn:hover                                        {background: #CDE} /* modifier */
 109 td.Zs:hover                                        {background: #CED} /* space */
 110 td.Cc:hover                                        {background: #DDD} /* control */
 111 td.Xa:hover {outline: 1px solid #0F0} /* ascii */
 112 td.Xl:hover {outline: 1px solid #0C0} /* latin1 */
 113 td.Co:hover {outline: 1px solid #C00} /* private */
 114 td.Xz:hover {outline: 1px solid #F00} /* proposed */
 115