source: support whitespace before module reference

[sheet.git] / base.css

diff --git a/base.css b/base.css
index 759a3eab5148f745c47168acab29fbdfa941652f..50e12f2998a0fbaf952bd49ad5ed123ce5033656 100644 (file)
--- a/base.css
+++ b/base.css
@@ -69,6 +69,14 @@ ul {
        list-style: none;
 }
 
+#source {
+       text-align: center;
+}
+#source pre {
+       display: inline-block;
+       text-align: left;
+}
+
 /* "keyboard" (list of keys) */
 
 ul#rows {margin-top: -5ex} /* top (esc) row fits besides header */
@@ -91,6 +99,14 @@ li.row ul ul {
 h3      {display: none} /* semantic details (non-css/js) */
 li.mode {display: none} /* initially hidden (only show interactively (js)) */
 
+#rows {
+       width: 82.5em; /*       12 * (2px + 1px + 6.2em + 1px + 2px) + 8em*/
+       padding-right: 72px;
+}
+#rows > li {
+       margin-right: -72px;
+}
+
 /* individual keys */
 
 dl.legend dt,
@@ -158,15 +174,15 @@ table.glyphs {
 .glyphs tbody td {
        font-size: 112%;
 }
+.glyphs.big tbody td {
+       font-size: 200%;
+}
 .glyphs .glyphs {
        margin: 0.5ex 0;
 }
 .glyphs .glyphs td {
        font-size: 100%;
 }
-.glyphs.charmap tbody td {
-       font-size: 200%;
-}
 
 /* table headers */
 
@@ -297,6 +313,7 @@ td.Xi, td.Cs               {background: #CCC} /* invalid */
 td.Xd                      {color: #844} /* deprecated */
 td.Xr                      {color: #888} /* reserved (digraph reverse or proposal) */
 .dimap td.Xr               {background: #EEE} /* reversed digraph */
+.ccmap td.Xr {opacity:.4}
 
 /* implementation-based alternatives */
 td.di-b       {background: #FDD} /* bmp */
@@ -306,6 +323,26 @@ td.di-a       {background: #EFD} /* ascii */
 td.di-rare    {background: #EEE} /* disfavoured */
 td.di-invalid {background: #BBB} /* impossible */
 
+/* continents */
+td.c-af       {background: #FFC}
+td.c-eu       {background: #FDC}
+td.c-as       {background: #FDD}
+td.c-oc       {background: #EEDDF4}
+td.c-aa       {background: #E3E8FF}
+td.c-sa       {background: #DFF}
+td.c-na       {background: #DFD}
+
+/* code syntax */
+.sy-comment    { color: #888 }
+.sy-constant   { color: #008 }
+.sy-type,
+.sy-identifier { color: #804 }
+.sy-statement  { }
+.sy-preProc    { }
+.sy-special    { color: #408 }
+.sy-error      { font-weight: bold; background-color: #F00; color: #FFF }
+.sy-todo       { background-color: #FF0 }
+
 /* hover effects */
 td.di-d,
 td.X:hover {cursor: help}
@@ -356,6 +393,8 @@ td.di-a:hover                                      {background: #CF8}
 .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}
@@ -371,15 +410,13 @@ ul.keys li.ni {
        padding: 1px; /* same size as borderlessless keys */
 }
 
-dl.legend dt.vim,
-ul.keys li.vim {
+dl.legend dt.ext,
+ul.keys li.ext {
        border-style: dashed;
-       -moz-border-radius: 0; /* incompatible with border-style */
 }
-dl.legend dt.vim7,
-ul.keys li.vim7 {
-       border-style: dotted;
-       -moz-border-radius: 0;
+dl.legend dt.new,
+ul.keys li.new {
+       opacity: .6;
 }
 
 /* l/r help columns */