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