red styling for index and unicode
authorMischa POSLAWSKY <perl@shiar.org>
Mon, 19 Oct 2009 15:15:06 +0000 (15:15 +0000)
committerMischa POSLAWSKY <perl@shiar.org>
Mon, 19 Oct 2009 15:15:06 +0000 (15:15 +0000)
index.plp
red.css
unicode.plp

index 096a6b5f9549a6c151583091692bb76b233da33a..d3c03adb4af7c1c0551cab490be631237fb00118 100644 (file)
--- a/index.plp
+++ b/index.plp
@@ -8,7 +8,7 @@
 <head>
 <meta http-equiv="content-type" content="<:= $header{content_type} :>">
 <title>cheat sheets</title>
-<:= stylesheet(qw'light dark') :>
+<:= stylesheet(qw'light dark red') :>
 <style type="text/css">
        ul {
                margin-bottom: 1ex;
diff --git a/red.css b/red.css
index d1e1060517d7532b45000f07f2f39d93f025d708..8abd8ee4b84588fbb0ca008af0dfa2f2a625c4ea 100644 (file)
--- a/red.css
+++ b/red.css
@@ -9,6 +9,22 @@ a:visited { color:#CCCCC0; }
 a:active  { color:#FF0; }
 a:hover   { color:#FF0; text-decoration: none}
 
+h1 {
+       border: 1px solid #A00;
+       background: #800;
+       width: 50%;
+       margin: 0 auto;
+       margin-bottom: 0.5ex;
+}
+h2, caption {
+       text-shadow: #F00 0 0 1em, #F00 0 0 1ex;
+}
+p.footer {
+       border: 1px dashed #600;
+       border-width: 1px 0 0;
+       margin-top: 1.5em;
+}
+
 dl.legend dt,
 ul.keys li {
        border-radius: 0;
@@ -63,6 +79,7 @@ dt.pm, dt.mv,
        color: #FF0;
 } /* mode link */
 
+td.di-b,
 td.X { /* unidentified */
        background: #000;
        border-color: #800;
@@ -79,6 +96,25 @@ tbody, colgroup, th {
        border: 1px solid #800;
 }
 
+.glyphs small.digraph {
+       background: #600;
+       color: #AAA;
+       opacity: 1;
+}
+.glyphs small.value {
+       background: #600;
+       color: #AAA;
+       opacity: 1;
+}
+
+/* implementation-based alternatives */
+td.di-b       {background: #000; color: #DD6} /* bmp */
+td.di-d       {background: #000; color: #CCC} /* rfc-1345 digraph */
+td.di-prop    {background: #000; color: #CA8} /* proposed digraph */
+td.di-a       {background: #000; color: #8BC} /* ascii */
+td.di-rare    {background: #333} /* disfavoured */
+td.di-invalid {background: #200} /* impossible */
+
 /* continents */
 td.c-af       {background: #100; color: #FFF}
 td.c-eu       {background: #300; color: #FFF}
@@ -87,6 +123,7 @@ td.c-aa       {background: #400; color: #8BC}
 td.c-oc       {background: #100; color: #8BC}
 td.c-sa       {background: #100; color: #DD6}
 td.c-na       {background: #300; color: #DD6}
+td.di-b:hover,
 td.X:hover    {background: #800; color: #FF0}
 
 /* code syntax */
index 959b121780cc9e31a3c21b9098a4a7b569cb8551..79ba220aa286bfbc8ea3a093681e1e348f09181e 100644 (file)
@@ -8,7 +8,7 @@
 <head>
 <meta http-equiv="content-type" content="utf-8">
 <title>digraph cheat sheet</title>
-<:= stylesheet(qw'light dark') :>
+<:= stylesheet(qw'light dark red') :>
 </head>
 
 <body id="unicode">