-/* media features */
-
-@import url(terse.css) all and (max-width: 80em);
-
-@import url(mono.css) all and (monochrome);
-
/* general */
body {
background: #FFF;
color: #000;
font-size: 90%;
+ text-align: center;
}
a, a:visited {
color: #000;
/* common sections */
h1, h2 {
- text-align: center;
font-size: 200%;
margin: 0;
}
h2, caption {
- font-size: 125%;
+ font-size: 110%;
font-weight: bold;
}
caption {
margin: 0;
}
-.diinfo h2 {
+section {
+ display: block;
+}
+section ul {
+ margin-bottom: 1ex;
+}
+section h2 {
margin: 0 1ex;
clear: both;
- font-size: 110%;
- text-align: left;
+}
+section table {
+ float: left;
+ position: relative; /* prevents buggy hovering in table if caption present in gecko */
+ margin: 1ex 1ex 2ex;
+}
+#charset section table {
+ margin: -0.5ex 0 1ex; /* headers provide sufficient spacing already */
}
p {
- text-align: center;
margin: 1ex 0 1em;
}
p.aside {
font-size: 80%;
}
-p.footer {
+footer p {
margin: 1em 0 0;
}
-.help + .footer {
+.help + footer p {
margin: 0;
}
list-style: none;
}
-#source {
- text-align: center;
-}
#source pre {
display: inline-block;
text-align: left;
ul.keys li[onclick]:hover { /* link */
cursor: pointer;
}
+ul.keys li a { /* key link */
+ color: inherit;
+ text-decoration: none;
+ display: block;
+ height: 100%;
+}
+
ul.keys.meta li b,
ul.keys.ctrl li b,
ul.keys.lead li b { /* char with ctrl or leading key */
/* tables */
-li table {
- float: left;
- position: relative; /* prevents buggy hovering if table-caption present in gecko */
-}
-
table {
border-collapse: collapse;
}
.diinfo {
-moz-column-width: 24em;
}
-.diinfo > div {
+.diinfo > section {
overflow: hidden;
}
-.diinfo table.glyphs {
- margin: 1ex 1ex 2ex;
- float: left;
-}
-
/* glyph cell overlay (digraph labels) */
.glyphs.dilabel td {
td.Cc, td.Cf {color: #666; background: #BBB} /* control */
td.Zs {background: #ACB} /* space */
td.Zs span {background: #EEE}
-td.Co {background: #A99} /* private */
+td.Co {background: #DCC} /* private */
td.Xi, td.Cs {background: #CCC} /* invalid */
td.Xd {color: #844} /* deprecated */
td.Xr {color: #888} /* reserved (digraph reverse or proposal) */
.mv {background: #ECE} /* visual mode */
.me {background: #CCF} /* key mode */
-.pm[onclick]:hover {background: #7E7}
-.po[onclick]:hover {background: #CE6}
-.ci[onclick]:hover {background: #5ED}
-.mi[onclick]:hover {background: #F97}
-.mo[onclick]:hover {background: #F88}
-.me[onclick]:hover {background: #99F}
-.mv[onclick]:hover {background: #D9D}
-.co[onclick]:hover {background: #EE4}
+.pm a:hover, .pm[onclick]:hover {background: #7E7}
+.po a:hover, .po[onclick]:hover {background: #CE6}
+.ci a:hover, .ci[onclick]:hover {background: #5ED}
+.mi a:hover, .mi[onclick]:hover {background: #F97}
+.mo a:hover, .mo[onclick]:hover {background: #F88}
+.me a:hover, .me[onclick]:hover {background: #99F}
+.mv a:hover, .mv[onclick]:hover {background: #D9D}
+.co a:hover, .co[onclick]:hover {background: #EE4}
.no {
background: #EEE;