michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
michael@0:  * You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: #virtual-cursor-box {
michael@0:   position: fixed;
michael@0:   border: 1px solid orange;
michael@0:   pointer-events: none;
michael@0:   display: none;
michael@0:   border-radius: 2px;
michael@0:   box-shadow: 1px 1px 1px #444;
michael@0: }
michael@0: 
michael@0: #virtual-cursor-inset {
michael@0:   border-radius: 1px;
michael@0:   box-shadow: inset 1px 1px 1px #444;
michael@0:   display: block;
michael@0:   box-sizing: border-box;
michael@0:   width: 100%;
michael@0:   height: 100%;
michael@0:   pointer-events: none;
michael@0: }
michael@0: 
michael@0: #announce-box {
michael@0:   position: fixed;
michael@0:   width: 7.5em;
michael@0:   height: 5em;
michael@0:   top: calc(100% - 50% - 2.5em);
michael@0:   left: calc(100% - 50% - 3.75em);
michael@0:   pointer-events: none;
michael@0:   display: table;
michael@0:   font-size: 28pt;
michael@0:   font-weight: 700;
michael@0:   color: orange;
michael@0:   background-color: black;
michael@0:   border-radius: 0.25em;
michael@0: }
michael@0: 
michael@0: #announce-box:not(.showing) {
michael@0:   opacity: 0.0;
michael@0:   -moz-transition: opacity 0.4s linear;
michael@0: }
michael@0: 
michael@0: #announce-box.showing {
michael@0:   opacity: 1.0;
michael@0:   -moz-transition: opacity 0.2s linear;
michael@0: }
michael@0: 
michael@0: #announce-box * {
michael@0:   text-align: center;
michael@0:   display: table-cell;
michael@0:   vertical-align: middle;
michael@0: }