browser: derive support from surrounding versions
[sheet.git] / base.css
index 7a21feb3bbafa0aa982c42a03c6ecf8c0b1331ac..54c1e1a2dd9b65b3e36a627d77f682ec57d69e80 100644 (file)
--- a/base.css
+++ b/base.css
@@ -79,6 +79,17 @@ ul {
        text-align: left;
 }
 
+dl > dt {
+       float: left;
+       width: 50%;
+       text-align: right;
+}
+dl > dd {
+       text-align: left;
+       padding-left: 1em;
+       overflow: hidden;
+}
+
 /* "keyboard" (list of keys) */
 
 ul#rows {margin-top: -5ex} /* top (esc) row fits besides header */
@@ -397,6 +408,7 @@ table.dimap {
 .Xa:hover {outline: 1px solid #0F0} /* ascii */
 .Xl:hover {outline: 1px solid #0C0} /* latin1 */
 .Xz:hover {outline: 1px solid #F00} /* proposed */
+.l0:hover                                  {background: #888}
 .l1:hover                                  {background: #F88}
 .l2:hover                                  {background: #FC8}
 .l3:hover                                  {background: #FF8}
@@ -526,9 +538,11 @@ dl.legend dt {
        margin: 0 0 1px; /* distinct keys */
        height: auto; /* not key-height */
        padding: 2px 0;
+       width: auto; /* not center-aligned */
 }
 dl.legend dd {
        margin: 3px 0.4em 0; /* align text (add dt border+padding height) */
+       padding: 0;
 }
 
 dl.legend-options dt {
@@ -558,6 +572,10 @@ ul.legend-set li {
 #browser td > a {
        text-decoration: none;
 }
+#browser td > a:active,
+#browser td > a:hover {
+       text-decoration: underline;
+}
 #browser tr .aside {
        font-size: 80%;
        overflow: hidden;
@@ -578,6 +596,7 @@ ul.legend-set li {
        white-space: nowrap; /* some browsers break on dashes */
 }
 
+#browser tr:target > td:first-of-type,
 #browser tr.focus > td:first-of-type {
        background: inherit;
 }