charset: add page footer and table headers

[sheet.git] / base.css

diff --git a/base.css b/base.css
index 0922dc47bbc50e0c698d032c8a4869dd6adc5ea8..d36f4df7b4c75202ade4fefadb688f7940576fba 100644 (file)
--- a/base.css
+++ b/base.css
@@ -27,8 +27,12 @@ h1, h2 {
        font-size: 200%;
        margin: 0;
 }
-h2 {
+h2, caption {
        font-size: 125%;
+       font-weight: bold;
+}
+caption {
+       margin: 1ex;
 }
 
 hr {
@@ -119,11 +123,13 @@ ul.keys li b[title] { /* mnemonic hover */
 ul.keys li[onclick]:hover { /* link */
        cursor: pointer;
 }
+ul.keys.meta li b,
 ul.keys.ctrl li b,
 ul.keys.lead li b { /* char with ctrl or leading key */
        font-size: 100%; /* space is too limited for 2+ double-sized chars */
        line-height: 5ex; /* keep double height though */
 }
+ul.keys.meta li b small,
 ul.keys.ctrl li b small { /* meta key indicator */
        font-size: 70%;
        font-weight: normal; /* nice and subtle */
@@ -131,6 +137,10 @@ ul.keys.ctrl li b small { /* meta key indicator */
 
 /* character table */
 
+li table {
+       float: left;
+}
+
 table.glyphs {
        border-collapse: collapse;
 }
@@ -221,17 +231,11 @@ table.glyphs.dimap {
        margin-bottom: -2.2ex; /* take cell padding */
 }
 .glyphs small.digraph {
-       background: #888;
-       color: #FFF;
-
        background: #000;
        color: #FFF;
        opacity: 0.3;
 }
 .glyphs small.value {
-       background: #CCC;
-       color: #666;
-
        background: #600;
        color: #FFF;
        opacity: 0.3;