git.shiar.nl
/
sheet.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
mutt: page, key classes, various updates
[sheet.git]
/
base.css
diff --git
a/base.css
b/base.css
index 4d0676b4272e00a37fdf7d5926494bca1c0dbfac..76f5929a40b7c2484c64a97143b2d589a0dff005 100644
(file)
--- a/
base.css
+++ b/
base.css
@@
-59,7
+59,7
@@
p.aside {
p.footer {
margin: 1em 0 0;
}
p.footer {
margin: 1em 0 0;
}
-
hr ~
.footer {
+
.help +
.footer {
margin: 0;
}
margin: 0;
}
@@
-91,6
+91,14
@@
li.row ul ul {
h3 {display: none} /* semantic details (non-css/js) */
li.mode {display: none} /* initially hidden (only show interactively (js)) */
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,
/* individual keys */
dl.legend dt,
@@
-140,6
+148,7
@@
ul.keys.ctrl li b small { /* meta key indicator */
li table {
float: left;
li table {
float: left;
+ position: relative; /* prevents buggy hovering if table-caption present in gecko */
}
table.glyphs {
}
table.glyphs {
@@
-157,6
+166,15
@@
table.glyphs {
.glyphs tbody td {
font-size: 112%;
}
.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%;
+}
/* table headers */
/* table headers */
@@
-287,6
+305,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 */
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 */
/* implementation-based alternatives */
td.di-b {background: #FDD} /* bmp */
@@
-296,6
+315,15
@@
td.di-a {background: #EFD} /* ascii */
td.di-rare {background: #EEE} /* disfavoured */
td.di-invalid {background: #BBB} /* impossible */
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}
+
/* hover effects */
td.di-d,
td.X:hover {cursor: help}
/* hover effects */
td.di-d,
td.X:hover {cursor: help}
@@
-346,6
+374,8
@@
td.di-a:hover {background: #CF8}
.mv {background: #ECE} /* visual mode */
.me {background: #CCF} /* key mode */
.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}
.ci[onclick]:hover {background: #5ED}
.mi[onclick]:hover {background: #F97}
.mo[onclick]:hover {background: #F88}
@@
-361,15
+391,13
@@
ul.keys li.ni {
padding: 1px; /* same size as borderlessless keys */
}
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;
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 */
}
/* l/r help columns */