-
Notifications
You must be signed in to change notification settings - Fork 33
/
onScreenKeyboard.css
125 lines (102 loc) · 2.1 KB
/
onScreenKeyboard.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
/*-----[Keyboard structure]---------------------------------------------------*/
#osk-container {
visibility: hidden;
position: fixed;
overflow: hidden;
padding: 1%;
margin: 0;
z-index: 100;
}
#osk-container > li {
float: left;
width: 5.81395349%;
height: 3em;
margin: 0 0.726744186% 5px 0;
line-height: 3em;
text-align: center;
list-style-type: none;
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}
#osk-container > .osk-capslock,
#osk-container > .osk-tab,
#osk-container > .osk-shift {
clear: left;
}
#osk-container > .osk-dragger {
display: none;
width: 100%;
cursor: move;
}
#osk-container > .osk-dragger:hover {
position: static;
}
#osk-container > .osk-tab,
#osk-container > .osk-backspace {
width: 14.9709302%;
}
#osk-container > .osk-capslock {
width: 13.6337209%;
}
#osk-container > .osk-return {
width: 13.6918605%;
}
#osk-container > .osk-shift {
width: 16.2381395%;
}
#osk-container > .osk-hide {
width: 17.5581396%;
}
#osk-container > .osk-space {
clear: left;
width: 100%;
margin: 0;
}
#osk-container > .osk-last-item {
margin-right: 0 !important;
}
#osk-container .osk-on {
display: none;
}
#osk-container > .osk-uppercase {
text-transform: uppercase;
}
#osk-container > .osk-disabled {
cursor: default;
}
#osk-container > .osk-disabled:hover {
position: static;
}
#osk-container > li:hover {
position: relative;
top: 1px;
}
/*-----[Customisable styles]--------------------------------------------------*/
#osk-container {
width: 47%; /* Account for 2% padding and a vertical scroll bar */
min-width: 500px;
max-width: 1200px;
background: #EEE;
border-radius: 5%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#osk-container > li {
background: #DDD;
border-radius: 10%;
-moz-transition: 0.5s;
}
#osk-container > .osk-dragger {
background: transparent;
color: #AAA;
}
#osk-container > .osk-disabled {
background: #E5E5E5;
color: #CCC;
}
.osk-focused {
background: #FAFAFA !important;
}