X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/60876481060ad63e3a2e450d18351e01f850cce6..715e7189d728b0b16880c31d14f9f7b2819c227b:/base.css

diff --git a/base.css b/base.css
index 2806139..50e12f2 100644
--- 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 */
 
@@ -316,6 +332,17 @@ 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}
@@ -366,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}
@@ -381,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 */