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