diff options
| author | sss <sss@dark-alexandr.net> | 2023-01-17 00:38:19 +0300 |
|---|---|---|
| committer | sss <sss@dark-alexandr.net> | 2023-01-17 00:38:19 +0300 |
| commit | cc3f33db7a8d3c4ad373e646b199808e01bc5d9b (patch) | |
| tree | ec09d690c7656ab5f2cc72607e05fb359c24d8b2 /www/css/vkb-debug.css | |
added webrdp public code
Diffstat (limited to 'www/css/vkb-debug.css')
| -rw-r--r-- | www/css/vkb-debug.css | 282 |
1 files changed, 282 insertions, 0 deletions
diff --git a/www/css/vkb-debug.css b/www/css/vkb-debug.css new file mode 100644 index 0000000..c6d2434 --- /dev/null +++ b/www/css/vkb-debug.css @@ -0,0 +1,282 @@ +#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 table { + table-layout:auto; +} +#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#keyboardInputCursor 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 { + text-align: center; + 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.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.none, +#keyboardInputMaster tbody tr td table tbody tr td.none:hover, +#keyboardInputMaster tbody tr td table tbody tr td.none:active { + border: 1px none !important; + background-color:#dddddd; +} +#keyboardInputMaster thead tr th span:active, + +#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; +} |
