gecko-dev/accessible/jsat/AccessFu.css

59 lines
1.2 KiB
CSS

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