xref: /webtrees/resources/css/_on-screen-keyboard.css (revision 8d018ab2fe3b6881cab8124d97e1a69e0be79d32)
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2023 webtrees development team
4 * This program is free software: you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation, either version 3 of the License, or
7 * (at your option) any later version.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
12 * You should have received a copy of the GNU General Public License
13 * along with this program. If not, see <http://www.gnu.org/licenses/>.
14 */
15
16/*
17 * On-screen keyboard, for entering characters that are not on the keyboard
18 */
19.wt-osk {
20    position: fixed;
21    z-index: 1000;
22    top: 1rem;
23    display: none;
24}
25
26.wt-osk-keys {
27    background: #eee;
28    padding: 0.25rem;
29    font-size: larger;
30}
31
32.wt-osk-group {
33    display: inline-block;
34    margin: 0.25rem;
35    padding: 0.25rem 0;
36}
37
38.wt-osk-key {
39    background: #ddd;
40    border-radius: .25rem;
41    padding: 0.25rem;
42    cursor: pointer;
43}
44
45.wt-osk-key-shift {
46    color: #aaa;
47    font-size: smaller;
48}
49
50.wt-osk-keys.shifted .wt-osk-key {
51    color: #aaa;
52}
53
54.wt-osk-keys.shifted .wt-osk-key-shift {
55    color: #555;
56}
57