5ed8f13840
Also, each PCjs debugger can now be independently accessed from an external debugger (eg, "pcx86('ver')" or "pc8080('ver')"); the global '$' symbol is no longer used for debugger access.
TODO: There are still many places where GLOBALVAR should be replaced with PCX86.GLOBALVAR or PC8080.GLOBALVAR as appropriate (which I've finally started doing in each debugger.js file).
159 lines
2.7 KiB
CSS
159 lines
2.7 KiB
CSS
@CHARSET "UTF-8";
|
|
|
|
|
|
*:not(input,textarea) {
|
|
-webkit-user-select: none;
|
|
}
|
|
.pcjs-embed {
|
|
}
|
|
.pcjs-embed:after {
|
|
clear:both;
|
|
}
|
|
.pcjs-machine {
|
|
}
|
|
.pcjs-name, .pcjs-menu {
|
|
clear: both;
|
|
font-weight: bold;
|
|
padding-bottom: 4px;
|
|
}
|
|
.pcjs-menu {
|
|
float: left;
|
|
}
|
|
.pcjs-canvas {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.pcjs-container {
|
|
color: #000000;
|
|
position: relative;
|
|
}
|
|
.pcjs-label {
|
|
font-size: small;
|
|
line-height: 19px;
|
|
vertical-align: middle;
|
|
float: left;
|
|
font-family: "Lucida Console", monospace;
|
|
}
|
|
.pcjs-controls textarea {
|
|
font-family: Monaco, monospace;
|
|
font-size: x-small;
|
|
}
|
|
.pcjs-fieldset {
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.pcjs-flag {
|
|
font-family: "Lucida Console", monospace;
|
|
font-size: small;
|
|
text-align: center;
|
|
line-height: 19px;
|
|
vertical-align: middle;
|
|
}
|
|
.pcjs-register {
|
|
font-family: "Lucida Console", monospace;
|
|
font-size: small;
|
|
text-align: center;
|
|
line-height: 19px;
|
|
vertical-align: middle;
|
|
border: 1px solid black;
|
|
}
|
|
.pcjs-switches {
|
|
float: left;
|
|
}
|
|
.pcjs-bitBucket {
|
|
float: left;
|
|
width: 19px;
|
|
height: 38px;
|
|
}
|
|
.pcjs-bitCell {
|
|
float: left;
|
|
width: 19px;
|
|
height: 19px;
|
|
margin-right: -1px;
|
|
margin-bottom: -1px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
line-height: 19px;
|
|
}
|
|
.pcjs-bitCellLeft {
|
|
border-left: 1px solid black;
|
|
}
|
|
.pcjs-bitLabel {
|
|
font-size: xx-small;
|
|
text-align: center;
|
|
}
|
|
.pcjs-description, .pcjs-status {
|
|
font-size: x-small;
|
|
line-height: 2em;
|
|
}
|
|
.pcjs-key {
|
|
border: 1px solid black;
|
|
font-size: x-small;
|
|
text-align: center;
|
|
position: absolute;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
background-color: #ffffff;
|
|
}
|
|
.pcjs-led {
|
|
float: left;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin: 4px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
line-height: 19px;
|
|
background-color: #000000;
|
|
}
|
|
.pcjs-rled {
|
|
float: left;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin: 4px;
|
|
border: 1px solid black;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
line-height: 19px;
|
|
background-color: #000000;
|
|
}
|
|
.pcjs-screen {
|
|
clear: both;
|
|
height: auto;
|
|
position: relative;
|
|
line-height: 0;
|
|
}
|
|
.pcjs-screen textarea {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
line-height: 0;
|
|
}
|
|
.pcjs-reference {
|
|
float: left;
|
|
font-size: x-small;
|
|
}
|
|
.pcjs-reference a {
|
|
text-decoration: none;
|
|
}
|
|
.pcjs-copyright {
|
|
float: right;
|
|
font-size: x-small;
|
|
}
|
|
.pcjs-copyright a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media screen and (max-width: 900px) {
|
|
.pcjs-textarea {
|
|
width: 100% !important;
|
|
}
|
|
.pcjs-registers {
|
|
width: 100% !important;
|
|
}
|
|
}
|