digraphs: cell hover styling

[sheet.git] / digraphs.plp
diff --git a/digraphs.plp b/digraphs.plp

index 4a150cf77dd2a56feca0b2a2cd6ab5867e38aa35..6e8a30a867f4900289f22bd64caffa2ae4566244 100644 (file)
--- a/digraphs.plp
+++ b/digraphs.plp
@@ -15,77 +15,7 @@ $header{content_type} = 'text/html; charset=utf-8';
  <head>
  <title>digraph cheat sheet</title>
  <meta http-equiv="content-type" content="utf-8">
-<style>
-h1 {
-       text-align: center;
-       margin: 0 auto 0.2em;
-}
-table {
-       border-collapse: collapse;
-       table-layout: fixed; /* prevent resizing, notably in msie6 */
-}
-#legend {
-       margin-top: 1em;
-}
-#legend table {
-       width: 100%;
-       table-layout: auto;
-#}
-#legend td {
-       padding: 0 0.2em;
-}
-thead th, td {
-       width: 1.2em; /* msie only looks at the first row */
-       min-width: 1em; /* prevents gecko from restricting to page width */
-}
-th, td {
-       text-align: center;
-}
-td {
-       border: 1px solid #888;
-       background: #DDD;
-}
-td.X {
-       background: #FFF;
-}
-
-td.Lm, td.Mc, td.Me, td.Zl, td.Zp, td.Cs {background:red} /* unknown */
-
-/* letters */
-td.Greek    {background: #FFE0CF}
-td.Cyrillic {background: #FFDDA8}
-td.Latin    {background: #FFB}
-td.Hebrew   {background: #FFD}
-td.Arabic   {background: #EFE}
-td.Hiragana {background: #DFC}
-td.Katakana {background: #DFA}
-td.Bopomofo {background: #BFC}
-
-td.Nd, td.Nl,
-td.No {background: #FBB} /* number */
-td.Sc {background: #FCD} /* currency */
-td.Sm {background: #ECE} /* math */
-td.So {background: #DDCCFF} /* symbol */
-td.Cf, td.Pd,
-td.Po {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 {background: #BBB; color: #666} /* control */
-td.Zs {background: #ACB} /* space */
-td.Zs span {background: #EEE}
-
-td.Xa {color: #0A0} /* ascii */
-td.Xl {color: #070} /* latin1 */
-td.Co {color: #800} /* private */
-td.Xz {color: #D00} /* proposed */
-
-tr:hover td {
-       background: #FF8;
-}
-</style>
+<link rel="stylesheet" type="text/css" media="all" href="digraphs.css">
  </head>
  
  <body>
@@ -167,4 +97,16 @@ print "</table>\n";
         </table>
  </div>
  
+<p class="footer">
+       <a href="http://vi.shiar.net/digraphs">vi.<strong>shiar.net</strong>/digraphs</a>
+       <a href="git://dev.shiar.net/vi-cheat"><:= "v$VERSION" :></a>
+       created by Shiar •
+       <a title="Licensed under the GNU Affero General Public License, version 3"
+          href="http://www.fsf.org/licensing/licenses/agpl-3.0.html">AGPLv3</a> •
+       last update <:
+               use Time::Format qw(time_format);
+               print time_format('yyyy-mm-dd', (stat 'digraphs.inc.pl')[9]);
+       :>
+</p>
+
  </html>