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