mz700-js/MZ-700/mz700-emu.css

MZ-700 Full JavaScript Emulator

h1 {
    height:25px;
    line-height:25px;
    margin:0;
    padding: 0;
    font-size:0pt;
}
.MZ-700 {
    padding:0px;
    overflow:hidden;
    width:100%;
    height:100%;
}
.MZ-700 button {
    background-color: blue;
    color: white;
    border: solid 2px blue;
    padding: 5px;
    margin: 5px 2px;
    font-size: 11pt;
    font-weight:bold;
}
.MZ-700 button:hover {
    background-color: white;
    color: blue;
}
.MZ-700 button:disabled {
    border-color: gray;
    background-color: gray;
    color: silver;
}

#mz700screen {
    border: solid 1px black;
    background-color: black;
    padding:0;
    z-index: -1;
}

#control-panel
{
    overflow: auto;
    background-color: white;
}
#mz700screen {
    position:fixed;
}

.cmtPlayImage {
    display:inline-block;
    transform:rotate(-90deg);
}

@media screen and (orientation: portrait) {
    #mz700screen {
        position:relative;
    }
    #control-panel
    {
        position:relative;
        opacity:1;
    }
}
@media screen and (orientation: landscape) {
    #control-panel
    {
        opacity:0.8;
    }
}
.MZ-700 .emulation-panel {
    background-color: white;
    min-width:690px;
}
.MZ-700 .data-recorder .cmt-message {
    font-weight: bold;
}

.source-list .y-scroll-pane {
    height: 440px;
}
.source-list textarea {
    height:450px;
    box-sizing: border-box;
    width:calc(100% - 5px);
    margin:2px;
    padding:2px;
    border:none;
    resize:vertical;
}

#updateReg {
    width:80px;
    height:30px;
}

.imm-exec input.address {
    width:60px;
}
.imm-exec input.mnemonic {
    width:200px;
}

.data-recorder {
    background:#333;
    color:#ccc;
    font-weight:bold;
    font-family: Arial;
    min-width:690px;
}
.MZ-700 .data-recorder button {
    border-color:#444;
    background-color:#555;
    color:silver;
}
.MZ-700 .data-recorder button:hover {
    color:white;
    background-color:#000000;
}
.MZ-700 .data-recorder button:disabled {
    color:gray;
    background-color:#666666;
}
.MZ-700 .data-recorder .cmt-message {
    display: inline-block;
    min-width:100px;
    background-color:#eee;
    color:#222;
    padding:5px;
    border-radius:3px;
    text-align: center;
}
.MZ-700 .data-recorder .cmt-message a {
    display: inline-block;
    border-radius:5px;
    background-color: blue;
    color:white;
    margin-left:10px;
    padding:2px;
    font-size:9pt;
    text-decoration:none;
    cursor: pointer;
}
.MZ-700 .data-recorder .cmt-message a.download-link:before {
    content:"▼MZT";
}
.MZ-700 button.toggle.on
{
    background-color: white;
    color: blue;
}
.MZ-700 button.toggle.off
{
    background-color: blue;
    color: white;
}
.MZ-700 button.imaged {
    width:30px;
    height:30px;
    padding:0;
    border-width: 0;
    vertical-align: bottom;
}
.MZ-700 button.imaged img {
    width:30px;
    height:30px;
    padding:0;
    margin:0;
    border-width: 0;
}

/* Layout */
.dock.resizer {
    background-color: white;
}
.dock.resizer:hover {
    background-color: #ccc;
}
.dock.resizer.resizing {
    background-color: blue;
}
.dock.horizontal.resizer {
    cursor: ew-resize;
}
.dock.vertical.resizer {
    cursor: ns-resize;
}