X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/a9f9b6054445a839cecdb10949adbd9dccbd7682..f1ad2d8f64690870d6bb4977b04202083797d6a2:/base.css diff --git a/base.css b/base.css index 4d8d12f..ec33cf7 100644 --- a/base.css +++ b/base.css @@ -28,6 +28,12 @@ h2, caption { caption { margin: 1ex; } +caption aside { + position: absolute; + margin-left: 1ex; + font-weight: normal; + display: inline; +} hr { clear: both; @@ -79,6 +85,12 @@ p.footer { margin: 2ex auto; clear: both; } +.error > * { + margin-bottom: 1ex; +} +.error > *:last-child { + margin-bottom: 0; +} ul { margin: 0; @@ -86,7 +98,7 @@ ul { list-style: none; } -#source pre { +pre { display: inline-block; text-align: left; } @@ -209,6 +221,20 @@ thead th, td { text-align: center; } +td.joind { + border-bottom: none; +} +td.joinu { + /* first cell determines border width for entire row */ + border-top-color: transparent; +} +td.joinr { + border-right: none; +} +td.joinl { + border-left: none; +} + /* character table */ .glyphs thead th, .glyphs td { @@ -221,18 +247,22 @@ thead th, td { font-size: 200%; } .glyphs .glyphs { - margin: 0.5ex 0; + margin: 0.5ex 0; /* nested in legend */ } .glyphs .glyphs td { font-size: 100%; } +.cover td { + min-width: 2.5ex; /* square cells */ +} + /* table headers */ th, tfoot td, thead td { - border: 0; + border-width: 0; background: transparent; } .glyphs thead td { @@ -324,18 +354,18 @@ table.dimap { padding-bottom: 1.1ex; /* reserve space for label */ vertical-align: bottom; } -.glyphs small { +.glyphs.dilabel small { font-size: 50%; display: block; margin-top: 0.2ex; margin-bottom: -2.2ex; /* take cell padding */ } -.glyphs small.digraph { +.glyphs.dilabel small.digraph { background: #000; color: #FFF; opacity: 0.3; } -.glyphs small.value { +.glyphs.dilabel small.value { background: #600; color: #FFF; opacity: 0.3; @@ -434,6 +464,9 @@ table.dimap { .sy-error { font-weight: bold; background-color: #F00; color: #FFF } .sy-todo { background-color: #FF0 } +/* boolean alternate */ +.glyphs b { font-weight: normal; color: #800 } + /* hover effects */ .X:hover {cursor: help} .X:hover > span {background: #FFF} /* whitespace marker */