mz700-js
Version:
MZ-700 Full JavaScript Emulator
84 lines (83 loc) • 1.82 kB
CSS
.mz700keymatrix {
padding-bottom: 20px;
text-align:center;
}
.mz700keymatrix > .keyboard-base-panel {
width: 640px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
.mz700keymatrix .button {
display:inline-block;
overflow:hidden;
width:30px;
height:25px;
line-height:25px;
border:solid 1px gray;
margin:1px;
padding:0;
font-weight:normal;
font-family:sans-serif;
font-size:6pt;
color:gray;
text-align:center;
cursor:pointer;
border-radius:4px;
}
.mz700keymatrix .button:hover {
color:blue;
border-color:blue;
}
.mz700keymatrix .button.push {
color:white;
background-color:blue;
border-color:blue;
}
.mz700keymatrix .FKEYS .button {
width:30px;
}
.mz700keymatrix .keyContainer-Kanji .button { width:40px; }
.mz700keymatrix .keyContainer-Tab .button { width:50px; }
.mz700keymatrix .keyContainer-Control .button { width:60px; }
.mz700keymatrix .keyContainer-Shift .button { width:69px; }
.mz700keymatrix .keyContainer-Space .button { width:370px; }
.mz700keymatrix .keyContainer-Enter .button { width:44px; }
.mz700keymatrix .nk-1-1 {
display:inline-block;
width:48px;
}
.mz700keymatrix .nk-1-2 {
display:inline-block;
width:15px;
}
.mz700keymatrix .nk-1-3 {
display:inline-block;
width:15px;
}
.mz700keymatrix .nk-2 {
display:inline-block;
width:14px;
}
.mz700keymatrix .nk-3 {
display:inline-block;
width:10px;
}
.mz700keymatrix .nk-5-1 {
display:inline-block;
width:44px;
}
.mz700keymatrix .nk-6-1 {
display:inline-block;
width:73px;
}
.mz700keymatrix .nk-6-2 {
display:inline-block;
width:83px;
}
.mz700keymatrix .button.dummy,
.mz700keymatrix .button.dummy:hover,
.mz700keymatrix .button.dummy.push,
{
background-color:silver;
}