diff options
Diffstat (limited to 'public/media/css/keyboard.css')
-rw-r--r-- | public/media/css/keyboard.css | 281 |
1 files changed, 268 insertions, 13 deletions
diff --git a/public/media/css/keyboard.css b/public/media/css/keyboard.css index 3e478bc..f176aa5 100644 --- a/public/media/css/keyboard.css +++ b/public/media/css/keyboard.css @@ -1,13 +1,268 @@ -/* keyboard - jQuery UI Widget */ -.ui-keyboard { padding: .2em; position: absolute; left: 0; top: 0; z-index: 16000; } -.ui-keyboard div { font-size: 1.0em; } -.ui-keyboard-button { height: 1.5em; width: 2em; margin: .1em; cursor: pointer; } -.ui-keyboard-widekey { width: 3em; } -.ui-keyboard-space { width: 15em; } -.ui-keyboard-preview { text-align: left; margin-bottom: 3px; } /* width: 100%; now full window width in IE =( */ -.ui-keyboard-keyset { text-align: center; } -.ui-keyboard-input { text-align: left; } -.ui-keyboard-input.placeholder { color: #888; } - -/* only used in IE to prevent clicking in another input/textarea */ -.ui-keyboard-overlay { height: 100%; width: 100%; background: transparent; position: absolute; top: 0; left: 0; z-index: 15999; } +#keyboardInputMaster { + position:absolute; + font:normal 11px Arial,sans-serif; + border-top:1px solid #eeeeee; + border-right:1px solid #888888; + border-bottom:1px solid #444444; + border-left:1px solid #cccccc; + -webkit-border-radius:0.6em; + -moz-border-radius:0.6em; + border-radius:0.6em; + -webkit-box-shadow:0px 2px 10px #444444; + -moz-box-shadow:0px 2px 10px #444444; + box-shadow:0px 2px 10px #444444; + opacity:0.95; + filter:alpha(opacity=95); + background-color:#dddddd; + text-align:left; + z-index:1000000; + width:auto; + height:auto; + min-width:0; + min-height:0; + margin:0px; + padding:0px; + line-height:normal; + -moz-user-select:none; + cursor:default; +} +#keyboardInputMaster * { + position:static; + color:#000000; + background:transparent; + font:normal 11px Arial,sans-serif; + width:auto; + height:auto; + min-width:0; + min-height:0; + margin:0px; + padding:0px; + border:0px none; + outline:0px; + vertical-align:baseline; + line-height:1.3em; +} +#keyboardInputMaster.keyboardInputSize1, +#keyboardInputMaster.keyboardInputSize1 * { + font-size:9px; +} +#keyboardInputMaster.keyboardInputSize3, +#keyboardInputMaster.keyboardInputSize3 * { + font-size:13px; +} +#keyboardInputMaster.keyboardInputSize4, +#keyboardInputMaster.keyboardInputSize4 * { + font-size:16px; +} +#keyboardInputMaster.keyboardInputSize5, +#keyboardInputMaster.keyboardInputSize5 * { + font-size:20px; +} + +#keyboardInputMaster thead tr th { + padding:0.3em 0.3em 0.1em 0.3em; + background-color:#999999; + white-space:nowrap; + text-align:right; + -webkit-border-radius:0.6em 0.6em 0px 0px; + -moz-border-radius:0.6em 0.6em 0px 0px; + border-radius:0.6em 0.6em 0px 0px; +} +#keyboardInputMaster thead tr th div { + float:left; + font-size:130% !important; + height:1.3em; + font-weight:bold; + position:relative; + z-index:1; + margin-right:0.5em; + cursor:pointer; + background-color:transparent; +} +#keyboardInputMaster thead tr th div ol { + position:absolute; + left:0px; + top:90%; + list-style-type:none; + height:9.4em; + overflow-y:auto; + overflow-x:hidden; + background-color:#f6f6f6; + border:1px solid #999999; + display:none; + text-align:left; + width:12em; +} +#keyboardInputMaster thead tr th div ol li { + padding:0.2em 0.4em; + cursor:pointer; + white-space:nowrap; + width:12em; +} +#keyboardInputMaster thead tr th div ol li.selected { + background-color:#ffffcc; +} +#keyboardInputMaster thead tr th div ol li:hover, +#keyboardInputMaster thead tr th div ol li.hover { + background-color:#dddddd; +} +#keyboardInputMaster thead tr th span, +#keyboardInputMaster thead tr th strong, +#keyboardInputMaster thead tr th small, +#keyboardInputMaster thead tr th big { + display:inline-block; + padding:0px 0.4em; + height:1.4em; + line-height:1.4em; + border-top:1px solid #e5e5e5; + border-right:1px solid #5d5d5d; + border-bottom:1px solid #5d5d5d; + border-left:1px solid #e5e5e5; + background-color:#cccccc; + cursor:pointer; + margin:0px 0px 0px 0.3em; + -webkit-border-radius:0.3em; + -moz-border-radius:0.3em; + border-radius:0.3em; + vertical-align:middle; + -webkit-transition:background-color .15s ease-in-out; + -o-transition:background-color .15s ease-in-out; + transition:background-color .15s ease-in-out; +} +#keyboardInputMaster thead tr th strong { + font-weight:bold; +} +#keyboardInputMaster thead tr th small { + -webkit-border-radius:0.3em 0px 0px 0.3em; + -moz-border-radius:0.3em 0px 0px 0.3em; + border-radius:0.3em 0px 0px 0.3em; + border-right:1px solid #aaaaaa; + padding:0px 0.2em 0px 0.3em; +} +#keyboardInputMaster thead tr th big { + -webkit-border-radius:0px 0.3em 0.3em 0px; + -moz-border-radius:0px 0.3em 0.3em 0px; + border-radius:0px 0.3em 0.3em 0px; + border-left:0px none; + margin:0px; + padding:0px 0.3em 0px 0.2em; +} +#keyboardInputMaster thead tr th span:hover, +#keyboardInputMaster thead tr th span.hover, +#keyboardInputMaster thead tr th strong:hover, +#keyboardInputMaster thead tr th strong.hover, +#keyboardInputMaster thead tr th small:hover, +#keyboardInputMaster thead tr th small.hover, +#keyboardInputMaster thead tr th big:hover, +#keyboardInputMaster thead tr th big.hover { + background-color:#dddddd; +} + +#keyboardInputMaster tbody tr td { + text-align:left; + padding:0.2em 0.3em 0.3em 0.3em; + vertical-align:top; +} +#keyboardInputMaster tbody tr td div { + text-align:center; + position:relative; + zoom:1; +} +#keyboardInputMaster tbody tr td table { + white-space:nowrap; + width:100%; + border-collapse:separate; + border-spacing:0px; +} +#keyboardInputMaster tbody tr td#keyboardInputNumpad table { + margin-left:0.2em; + width:auto; +} +#keyboardInputMaster tbody tr td table.keyboardInputCenter { + width:auto; + margin:0px auto; +} +#keyboardInputMaster tbody tr td table tbody tr td { + vertical-align:middle; + padding:0px 0.45em; + white-space:pre; + height:1.8em; + font-family:'Lucida Console','Arial Unicode MS',monospace; + border-top:1px solid #e5e5e5; + border-right:1px solid #5d5d5d; + border-bottom:1px solid #5d5d5d; + border-left:1px solid #e5e5e5; + background-color:#eeeeee; + cursor:default; + min-width:0.75em; + -webkit-border-radius:0.2em; + -moz-border-radius:0.2em; + border-radius:0.2em; + -webkit-transition:background-color .15s ease-in-out; + -o-transition:background-color .15s ease-in-out; + transition:background-color .15s ease-in-out; +} +#keyboardInputMaster tbody tr td table tbody tr td.last { + width:99%; +} +#keyboardInputMaster tbody tr td table tbody tr td.space { + padding:0px 4em; +} +#keyboardInputMaster tbody tr td table tbody tr td.deadkey { + background-color:#ccccdd; +} +#keyboardInputMaster tbody tr td table tbody tr td.target { + background-color:#ddddcc; +} +#keyboardInputMaster tbody tr td table tbody tr td:hover, +#keyboardInputMaster tbody tr td table tbody tr td.hover { + border-top:1px solid #d5d5d5; + border-right:1px solid #555555; + border-bottom:1px solid #555555; + border-left:1px solid #d5d5d5; + background-color:#cccccc; +} +#keyboardInputMaster thead tr th span:active, +#keyboardInputMaster thead tr th span.pressed, +#keyboardInputMaster tbody tr td table tbody tr td:active, +#keyboardInputMaster tbody tr td table tbody tr td.pressed { + border-top:1px solid #555555 !important; + border-right:1px solid #d5d5d5; + border-bottom:1px solid #d5d5d5; + border-left:1px solid #555555; + background-color:#cccccc; +} + +#keyboardInputMaster tbody tr td table tbody tr td small { + display:block; + text-align:center; + font-size:0.6em !important; + line-height:1.1em; +} + +#keyboardInputMaster tbody tr td div label { + position:absolute; + bottom:0.2em; + left:0.3em; +} +#keyboardInputMaster tbody tr td div label input { + background-color:#f6f6f6; + vertical-align:middle; + font-size:inherit; + width:1.1em; + height:1.1em; +} +#keyboardInputMaster tbody tr td div var { + position:absolute; + bottom:0px; + right:3px; + font-weight:bold; + font-style:italic; + color:#444444; +} + +.keyboardInputInitiator { + margin:0px 3px; + vertical-align:middle; + cursor:pointer; +} |