battles/index/css/keyboard.css

268 lines
6.8 KiB
CSS
Raw Normal View History

2018-01-28 16:40:49 +00:00
#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;
}