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 tbody, colgroup {
  36         border: 2px double #888;
  37 }
  38 tbody {
  39         border-width: 2px 0;
  40 }
  41 colgroup {
  42         border-width: 0 2px;
  43 }
  44
  45 #legend {
  46         margin-top: 1em;
  47 }
  48 #legend table {
  49         width: 100%;
  50         table-layout: auto;
  51 }
  52 #legend tbody {
  53         border: 0;
  54 }
  55 #legend td {
  56         padding: 0 0.2em;
  57 }
  58
  59 /* character cells */
  60
  61 thead th, td {
  62         width: 1.2em; /* msie only looks at the first row */
  63         min-width: 1em; /* prevents gecko from restricting to page width */
  64 }
  65 th, td {
  66         text-align: center;
  67 }
  68 td {
  69         border: 1px solid #888;
  70         background: #DDD;
  71 }
  72
  73 td.X {background: #FFF} /* unidentified */
  74 td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background: #F00} /* unstyled */
  75
  76 /* letter scripts */
  77 td.Greek    {background: #FFE0CF}
  78 td.Cyrillic {background: #FFDDA8}
  79 td.Latin    {background: #FFB}
  80 td.Hebrew   {background: #FFD}
  81 td.Arabic   {background: #EFE}
  82 td.Hiragana {background: #DFC}
  83 td.Katakana {background: #DFA}
  84 td.Bopomofo {background: #BFC}
  85
  86 /* other categories */
  87 td.Nd, td.Nl, td.No        {background: #FBB} /* number */
  88 td.Sc                      {background: #FCD} /* currency */
  89 td.Sm                      {background: #ECE} /* math */
  90 td.So                      {background: #DCF} /* symbol */
  91 td.Cf, td.Pd, td.Po        {background: #CDF} /* punctuation */
  92 td.Ps, td.Pe, td.Pi, td.Pf {background: #BEF} /* quote */
  93 td.Lm, td.Sk               {background: #CEE} /* spacing modifier */
  94 td.Mn                      {background: #ACC} /* modifier */
  95 td.Cc         {color: #666; background: #BBB} /* control */
  96 td.Zs                      {background: #ACB} /* space */
  97 td.Zs span                 {background: #EEE}
  98
  99 /* properties */
 100 td.Xa {color: #0A0} /* ascii */
 101 td.Xl {color: #070} /* latin1 */
 102 td.Co {color: #800} /* private */
 103 td.Xz {color: #D00} /* proposed */
 104
 105 /* hover effects */
 106 td.X:hover {cursor: help}
 107 td.Greek:hover                                     {background: #FA9}
 108 td.Cyrillic:hover                                  {background: #FB7}
 109 td.Latin:hover                                     {background: #FF6}
 110 td.Hebrew:hover                                    {background: #FFA}
 111 td.Arabic:hover                                    {background: #CFD}
 112 td.Hiragana:hover                                  {background: #AF8}
 113 td.Katakana:hover                                  {background: #BF7}
 114 td.Bopomofo:hover                                  {background: #8FA}
 115 td.Nd:hover, td.Nl:hover, td.No:hover              {background: #F88} /* number */
 116 td.Sc:hover                                        {background: #F8C} /* currency */
 117 td.Sm:hover                                        {background: #F8F} /* math */
 118 td.So:hover                                        {background: #A8F} /* symbol */
 119 td.Cf:hover, td.Pd:hover, td.Po:hover              {background: #8AF} /* punctuation */
 120 td.Ps:hover, td.Pe:hover, td.Pi:hover, td.Pf:hover {background: #8DF} /* quote */
 121 td.Lm:hover, td.Sk:hover                           {background: #BFF} /* spacing modifier */
 122 td.Mn:hover                                        {background: #CDE} /* modifier */
 123 td.Zs:hover                                        {background: #CED} /* space */
 124 td.Cc:hover                                        {background: #DDD} /* control */
 125 td.Xa:hover {outline: 1px solid #0F0} /* ascii */
 126 td.Xl:hover {outline: 1px solid #0C0} /* latin1 */
 127 td.Co:hover {outline: 1px solid #C00} /* private */
 128 td.Xz:hover {outline: 1px solid #F00} /* proposed */
 129