keyboard_overlay.css revision 72a454cd3513ac24fbdd0e0cb9ad70b86a99b801 
1body {
2  background: #fff;
3  margin: 0;
4  padding: 0;
5  overflow: hidden;
6}
7
8.keyboard-overlay-keyboard {
9  border-radius: 6px;
10  background: -webkit-linear-gradient(#484848, #252525) no-repeat;
11  font-family: 'Droid Sans', Arial;
12}
13
14.keyboard-overlay-instructions {
15  -webkit-box-orient: vertical;
16  background: -webkit-linear-gradient(#334c7e, #0d172b);
17  border-radius: 5px;
18  border: 2px solid #576ccf;
19  color: #fff;
20  display: -webkit-box;
21  position: absolute;
22  vertical-align: middle;
23  z-index: 100;
24}
25
26.keyboard-overlay-instructions-text {
27  -webkit-box-flex: 3;
28  margin-top: 13px;
29  text-align: center;
30  vertical-align: middle;
31}
32
33.keyboard-overlay-instructions-hide-text {
34  -webkit-box-flex: 2;
35  font-weight: bold;
36  text-align: center;
37  vertical-align: middle;
38}
39
40.keyboard-overlay-key {
41  -webkit-box-orient: vertical;
42  border-radius: 4px;
43  background-color: rgba(24, 24, 24, 0.9);
44  border: 2px solid #7f7f7f;
45  color: #979796;
46  display: -webkit-box;
47  font-size: 75%;
48  font-weight: bold;
49  position: absolute;
50}
51
52.keyboard-overlay-key.is-shortcut {
53  background: -webkit-linear-gradient(rgba(61, 61, 61, 0.8),
54                                      rgba(27, 27, 27, 0.8));
55  color: #9e9e9e;
56}
57
58.keyboard-overlay-key.is-shortcut.modifier-shift {
59  border-color: #61ba64;
60}
61
62.keyboard-overlay-key.is-shortcut.modifier-ctrl {
63  border-color: #5d80c7;
64}
65
66.keyboard-overlay-key.is-shortcut.modifier-alt {
67  border-color: #b85454;
68}
69
70.keyboard-overlay-key.is-shortcut.modifier-shift.modifier-ctrl {
71  border-color: #79ac8f;
72}
73
74.keyboard-overlay-key.is-shortcut.modifier-shift.modifier-alt {
75  border-color: #bfbd79;
76}
77
78.keyboard-overlay-key.is-shortcut.modifier-ctrl.modifier-alt {
79  border-color: #9e54ce;
80}
81
82.keyboard-overlay-key.is-shortcut.modifier-shift.modifier-ctrl.modifier-alt {
83  border-color: #7f7f7f;
84}
85
86.keyboard-overlay-key.pressed {
87  border-color: #fff;
88  color: #fff;
89  font-size: 85%;
90}
91
92.keyboard-overlay-key.pressed.is-shift {
93  background: -webkit-linear-gradient(#44a142, #3e5f37);
94}
95
96.keyboard-overlay-key.pressed.is-shift.modifier-ctrl {
97  background: -webkit-linear-gradient(#42a143, #2e5c53);
98}
99
100.keyboard-overlay-key.pressed.is-shift.modifier-alt {
101  background: -webkit-linear-gradient(#45a343, #515134);
102}
103
104.keyboard-overlay-key.pressed.is-shift.modifier-ctrl.modifier-alt {
105  background: -webkit-linear-gradient(#52a12a, #4f4d2e);
106}
107
108.keyboard-overlay-key.pressed.is-ctrl {
109  background: -webkit-linear-gradient(#1f37a2, #19265a);
110}
111
112.keyboard-overlay-key.pressed.is-ctrl.modifier-shift {
113  background: -webkit-linear-gradient(#439fa5, #1e3760);
114}
115
116.keyboard-overlay-key.pressed.is-ctrl.modifier-alt {
117  background: -webkit-linear-gradient(#733690, #22255e);
118}
119
120.keyboard-overlay-key.pressed.is-ctrl.modifier-shift.modifier-alt {
121  background: -webkit-linear-gradient(#733690, #21255d);
122}
123
124.keyboard-overlay-key.pressed.is-alt {
125  background: -webkit-linear-gradient(#842c2a, #541e1c);
126}
127
128.keyboard-overlay-key.pressed.is-alt.modifier-shift {
129  background: -webkit-linear-gradient(top left, #745e31, #55241e);
130}
131
132.keyboard-overlay-key.pressed.is-alt.modifier-ctrl {
133  background: -webkit-linear-gradient(#76368f, #522128);
134}
135
136.keyboard-overlay-key.pressed.is-alt.modifier-shift.modifier-ctrl {
137  background: -webkit-linear-gradient(top left, #735f29, #50241b);
138}
139
140.keyboard-overlay-shortcut-text {
141  -webkit-box-flex: 1;
142  -webkit-box-ordinal-group: 1;
143  color: #fff;
144  text-align: center;
145}
146
147.keyboard-overlay-key-text {
148  -webkit-box-ordinal-group: 2;
149  padding-bottom: 1px;
150  text-align: center;
151}
152