Add CSS formatting for data-tables (used for key examples).
authorGary Kacmarcik <garykac@google.com>
Mon, 02 Dec 2013 22:42:50 -0800
changeset 558 56eef307f2da
parent 557 56652afc921a
child 559 13f0fcae4ea9
Add CSS formatting for data-tables (used for key examples).
html/override.css
--- a/html/override.css	Mon Dec 02 22:42:13 2013 -0800
+++ b/html/override.css	Mon Dec 02 22:42:50 2013 -0800
@@ -227,3 +227,34 @@
 	text-align: right;
 	min-width: 3em;
 }
+
+/* formatting for data tables (including the keyboard codes) */
+.data-table {
+  border-collapse:collapse;
+  text-align:left;
+  width: 100%;
+}
+
+.data-table th {
+  background:none repeat scroll 0 0 #B9C9FE;
+  border-bottom:1px solid #FFFFFF;
+  border-top:4px solid #AABCFE;
+  color:#003399;
+  font-weight:normal;
+  padding: 2px;
+  padding-left: 0.5em;
+}
+
+.data-table td {
+  background:none repeat scroll 0 0 #E8EDFF;
+  border-bottom:1px solid #FFFFFF;
+  border-top:1px solid transparent;
+  color:#666699;
+  padding: 2px;
+  padding-left: 1em;
+}
+
+.data-table tr:hover td {
+  background:none repeat scroll 0 0 #D0DAFD;
+  color:#333399;
+}