xref: /webtrees/resources/css/_on-screen-keyboard.css (revision 93ccd68614f026f01c7c92e49f24344e66f17edb)
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2019 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