keyboard/altgr.css

   1 .keys td {
   2         width: 1em;
   3         min-width: auto;
   4         height: 2.25ex;
   5         font-size: 200%;
   6         font-size: calc(7vmin - 4px); /* fit 12 keys to page */
   7         overflow: visible;
   8         position: relative;
   9         padding: 0;
  10         margin: 0 .2vw -1px;
  11 }
  12
  13 /* row alignments */
  14 .keys tbody {
  15         font-size: calc(1.4vmin); /* enlarged td conversion */
  16 }
  17 .row2 {margin-left: 7em}
  18 .row3 {margin-left: 8em}
  19 .row4 {margin-left: 10em}
  20 .keys .row0 {
  21         display: none; /* headerless */
  22 }
  23
  24 .keys td b {
  25         position: absolute; /* overlay */
  26         z-index: 1;
  27         top: -1.2ex; /* halfway over shift */
  28         left: 0;
  29         right: 0;
  30         font-size: 50%;
  31         opacity: .5;
  32         color: #FFF;
  33         line-height: 2.25ex;
  34 }
  35 .keys .meta td b,
  36 .keys .shift td b {
  37         display: none;
  38 }