-<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: #040} /* ascii */
-td.Xl {color: #080} /* latin1 */
-td.Co {color: #800} /* private */
-td.Xz {color: #F00} /* proposed */
-
-tr:hover td {
- background: #FF8;
-}
-</style>
+<link rel="stylesheet" type="text/css" media="all" href="/base.css"><:
+ my %styles = map {$_ => $_} qw(dark circus mono red terse);
+ our $style = exists $get{style} && $styles{$get{style}} || 'light';
+ printf(qq{\n<link rel="%s" type="text/css" media="all" href="%s" title="%s">},
+ $_ eq $style ? 'stylesheet' : 'alternate stylesheet', "$_.css", $_
+ ) for keys %styles;
+:>