accessible/jsat/AccessFu.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 #virtual-cursor-box {
   6   position: fixed;
   7   border: 1px solid orange;
   8   pointer-events: none;
   9   display: none;
  10   border-radius: 2px;
  11   box-shadow: 1px 1px 1px #444;
  12   display: none;
  13 }
  14
  15 #virtual-cursor-box.show {
  16   display: block;
  17 }
  18
  19 #virtual-cursor-box > div {
  20   border-radius: 1px;
  21   box-shadow: inset 1px 1px 1px #444;
  22   display: block;
  23   box-sizing: border-box;
  24   width: 100%;
  25   height: 100%;
  26   pointer-events: none;
  27 }
  28
  29 #announce-box {
  30   position: fixed;
  31   width: 7.5em;
  32   height: 5em;
  33   top: calc(100% - 50% - 2.5em);
  34   left: calc(100% - 50% - 3.75em);
  35   pointer-events: none;
  36   display: table;
  37   font-size: 28pt;
  38   font-weight: 700;
  39   color: orange;
  40   background-color: black;
  41   border-radius: 0.25em;
  42 }
  43
  44 #announce-box:not(.showing) {
  45   opacity: 0.0;
  46   -moz-transition: opacity 0.4s linear;
  47 }
  48
  49 #announce-box.showing {
  50   opacity: 1.0;
  51   -moz-transition: opacity 0.2s linear;
  52 }
  53
  54 #announce-box * {
  55   text-align: center;
  56   display: table-cell;
  57   vertical-align: middle;
  58 }