mirror of
https://github.com/pkimpel/retro-220.git
synced 2026-01-11 23:52:46 +00:00
bca1b7881a
. Adjust (hopefully for the last time) the RGB code for the 220 Sundland Beige panel color: it's now #C5B1A0. This has been a really difficult color to pin down. . Implement Clear Memory button on Console; implement "hover captions" for the Clear Memory and Load Card buttons. . Implement current block-number display on magnetic tape panel. . Implement "word index" counter on the B220MagTapeDrive panel to indicate the tape position in terms of 11-digit 220 words. . Implement Rewind and Unload buttons on the paper-tape reader. . Implement "word index" counter on the B220PaperTapeReader panel. . When a Cardatron or paper-tape reader encounters a sign=6 control word, do not reschedule the Processor if it has been halted. . Correct handling of reload-lockout in B220CardatronInput; change method of reporting Cardatron end-of-I/O signal to the Processor. . Correct this.pendingFinish timing race in B220CardatronOutput. . Correct validation when loading tape images in B220MagTapeDrive so that the drive will continue to be usable after an invalid image is detected. . Correct logic for spacing and searching magnetic tape blocks backwards. . Correct output of non-printing characters in B220PaperTapePunch. . Correct handling of invalid tape image characters in B220PaperTapeReader. . Implement additional tracing for paper-tape and magnetic tape I/Os (currently disabled).
137 lines
3.8 KiB
CSS
137 lines
3.8 KiB
CSS
/***********************************************************************
|
|
* retro-220/webUI B220PaperTapeReader.css
|
|
************************************************************************
|
|
* Copyright (c) 2017, Paul Kimpel.
|
|
* Licensed under the MIT License, see
|
|
* http://www.opensource.org/licenses/mit-license.php.
|
|
************************************************************************
|
|
* Burroughs 220 emulator Paper Tape Reader interface style sheet.
|
|
************************************************************************
|
|
* 2017-05-27 P.Kimpel
|
|
* Original version, from retro-205 D205ConsoleInput.css.
|
|
***********************************************************************/
|
|
|
|
#ReaderBody {
|
|
height: 100%;
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
padding: 0}
|
|
|
|
#PaperTapeReader {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 4px;
|
|
border-radius: 8px}
|
|
|
|
#RemoteSwitch {
|
|
position: absolute;
|
|
width: 24px;
|
|
left: 18px;
|
|
top: 12px}
|
|
#RemoteSwitchOn {
|
|
width: 36px;
|
|
left: 12px;
|
|
top: 6px}
|
|
#RemoteSwitchOff {
|
|
width: 36px;
|
|
left: 12px;
|
|
top: 42px}
|
|
|
|
#ReadyLamp {
|
|
position: absolute;
|
|
width: 24px;
|
|
left: 56px;
|
|
top: 14px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#ReadyLampCaption {
|
|
width: 36px;
|
|
left: 52px;
|
|
top: 6px}
|
|
|
|
#SpeedSwitch {
|
|
position: absolute;
|
|
width: 24px;
|
|
left: 96px;
|
|
top: 12px}
|
|
#SpeedSwitchHi {
|
|
width: 36px;
|
|
left: 92px;
|
|
top: 6px}
|
|
#SpeedSwitchLow {
|
|
width: 36px;
|
|
left: 92px;
|
|
top: 42px}
|
|
#SpeedSwitchCaption {
|
|
width: 36px;
|
|
left: 120px;
|
|
top: 24px}
|
|
|
|
#RewindBtn {
|
|
top: 6px;
|
|
right: 152px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#RewindBtnCaption {
|
|
top: 46px;
|
|
right: 152px;
|
|
width: 32px}
|
|
|
|
#UnloadBtn {
|
|
top: 6px;
|
|
right: 96px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#UnloadBtnCaption {
|
|
top: 46px;
|
|
right: 96px;
|
|
width: 32px}
|
|
|
|
#UnitDesignateKnob {
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 64px;
|
|
right: 8px;
|
|
top: 18px;
|
|
color: white;
|
|
background-color: #333;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#UnitDesignateKnobCaption {
|
|
width: 64px;
|
|
right: 8px;
|
|
top: 6px}
|
|
|
|
#PRWordCountDiv {
|
|
position: absolute;
|
|
text-align: right;
|
|
right: 8px;
|
|
top: 46px;
|
|
font-size: 8pt;
|
|
line-height: 100%}
|
|
|
|
#PRFileSelector {
|
|
position: absolute;
|
|
left: 8px;
|
|
top: 60px;
|
|
width: calc(100% - 16px);
|
|
color: black;
|
|
border: 1px solid #666}
|
|
|
|
#PRTapeSupplyBar {
|
|
position: absolute;
|
|
top: 92px;
|
|
left: 8px;
|
|
width: calc(100% - 16px);
|
|
height: 16px;
|
|
border: 1px solid #666}
|
|
|
|
#PRTapeView {
|
|
position: absolute;
|
|
text-align: right;
|
|
bottom: 8px;
|
|
left: 8px;
|
|
width: calc(100% - 16px);
|
|
height: 2em;
|
|
background-color: white;
|
|
border: none}
|