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).
310 lines
7.7 KiB
CSS
310 lines
7.7 KiB
CSS
/***********************************************************************
|
|
* retro-220/webUI B220MagTapeDrive.css
|
|
************************************************************************
|
|
* Copyright (c) 2017, Paul Kimpel.
|
|
* Licensed under the MIT License, see
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
************************************************************************
|
|
* Burroughs 220 emulator Magnetic Tape Drive
|
|
* web interface style sheet.
|
|
************************************************************************
|
|
* 2017-07-09 P.Kimpel
|
|
* Original version, from retro-205 D205MagTapeDrive.css.
|
|
***********************************************************************/
|
|
|
|
#magTapeBody {
|
|
height: 100%;
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
padding: 0}
|
|
|
|
#MTDiv {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0px}
|
|
|
|
DIV.annunciator {
|
|
color: #F93;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
text-align: center;
|
|
position: absolute}
|
|
|
|
DIV.annunciatorLit {
|
|
background-color: black}
|
|
|
|
SELECT {
|
|
text-align: center}
|
|
|
|
|
|
#RWLLamp {
|
|
top: 18px;
|
|
left: 10px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#RWLLampCaption {
|
|
top: 10px;
|
|
left: 0px;
|
|
width: 48px}
|
|
|
|
#NotWriteLamp {
|
|
top: 18px;
|
|
left: 58px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#NotWriteLampCaption {
|
|
top: 10px;
|
|
left: 48px;
|
|
width: 48px}
|
|
|
|
#NotReadyLamp {
|
|
top: 18px;
|
|
left: 106px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#NotReadyLampCaption {
|
|
top: 10px;
|
|
left: 96px;
|
|
width: 48px}
|
|
|
|
#DesignatedLamp {
|
|
top: 18px;
|
|
left: 154px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#DesignatedLampCaption {
|
|
top: 3px;
|
|
left: 144px;
|
|
width: 48px}
|
|
|
|
#TransportPowerCaption {
|
|
top: 4px;
|
|
left: 192px;
|
|
width: 96px}
|
|
|
|
#TransportOnLamp {
|
|
top: 18px;
|
|
left: 202px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#TransportOnLampCaption {
|
|
top: 10px;
|
|
left: 192px;
|
|
width: 48px}
|
|
|
|
#TransportStandbyLamp {
|
|
top: 18px;
|
|
left: 250px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#TransportStandbyLampCaption {
|
|
top: 10px;
|
|
left: 240px;
|
|
width: 48px}
|
|
|
|
#LoadBtn {
|
|
top: 64px;
|
|
left: 12px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#LoadBtnCaption {
|
|
top: 56px;
|
|
left: 0px;
|
|
width: 48px}
|
|
|
|
#UnloadBtn {
|
|
top: 64px;
|
|
left: 60px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#UnloadBtnCaption {
|
|
top: 56px;
|
|
left: 48px;
|
|
width: 48px}
|
|
|
|
#RewindBtn {
|
|
top: 64px;
|
|
left: 108px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#RewindBtnCaption {
|
|
top: 56px;
|
|
left: 96px;
|
|
width: 48px}
|
|
|
|
#TransportPowerBtnCaption {
|
|
top: 58px;
|
|
left: 192px;
|
|
width: 96px}
|
|
|
|
#TransportOnBtn {
|
|
top: 64px;
|
|
left: 204px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#TransportOnBtnCaption {
|
|
top: 56px;
|
|
left: 192px;
|
|
width: 48px}
|
|
|
|
#TransportStandbyBtn {
|
|
top: 64px;
|
|
left: 252px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#TransportStandbyBtnCaption {
|
|
top: 56px;
|
|
left: 240px;
|
|
width: 48px}
|
|
|
|
#RWLRBtn {
|
|
top: 104px;
|
|
left: 12px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#RWLRBtnCaption {
|
|
top: 96px;
|
|
left: 0px;
|
|
width: 48px}
|
|
|
|
#WriteBtn {
|
|
top: 104px;
|
|
left: 60px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#WriteBtnCaption {
|
|
top: 96px;
|
|
left: 48px;
|
|
width: 48px}
|
|
|
|
#NotWriteBtn {
|
|
top: 104px;
|
|
left: 108px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#NotWriteBtnCaption {
|
|
top: 96px;
|
|
left: 96px;
|
|
width: 48px}
|
|
|
|
#UnitDesignate {
|
|
position: absolute;
|
|
top: 106px;
|
|
left: 204px;
|
|
width: 72px;
|
|
box-shadow: 3px 3px 2px #999}
|
|
#UnitDesignateCaption {
|
|
top: 96px;
|
|
left: 192px;
|
|
width: 96px}
|
|
|
|
|
|
#MTReel {
|
|
position: absolute;
|
|
height: 48px;
|
|
visibility: hidden;
|
|
border-radius: 50%;
|
|
top: 8px;
|
|
right: 16px}
|
|
|
|
#MTUnloadedLight {
|
|
top: 36px;
|
|
right: 8px;
|
|
width: 64px}
|
|
|
|
#MTLaneNrLight {
|
|
color: black;
|
|
font-weight: bold;
|
|
top: 60px;
|
|
right: 8px;
|
|
width: 64px}
|
|
|
|
#MTImageIndexLight {
|
|
color: black;
|
|
font-weight: bold;
|
|
top: 74px;
|
|
right: 8px;
|
|
width: 64px}
|
|
|
|
#MTAtBOTLight {
|
|
top: 92px;
|
|
right: 8px;
|
|
width: 64px}
|
|
|
|
#MTAtEOTLight {
|
|
top: 110px;
|
|
right: 8px;
|
|
width: 64px}
|
|
|
|
#MTRewindingLight {
|
|
top: 128px;
|
|
right: 8px;
|
|
z-index: 1;
|
|
width: 64px}
|
|
|
|
#MTStatusDiv {
|
|
position: absolute;
|
|
bottom: 4px;
|
|
left: 8px;
|
|
right: 8px}
|
|
|
|
#MTFileName {
|
|
width: 100%;
|
|
font-family: DejaVuSansWeb, sans-serif;
|
|
color: black;
|
|
background-color: inherit;
|
|
border: none}
|
|
|
|
#MTReelBar {
|
|
margin-top: 4px;
|
|
width: 100%;
|
|
height: 16px;
|
|
border: 1px solid white}
|
|
|
|
#MTReelBarCaption {
|
|
position: absolute;
|
|
right: 4px;
|
|
top: 24px;
|
|
z-index: 1;
|
|
height: 12px;
|
|
color: black;
|
|
font-weight: bold}
|
|
|
|
/* Tape Load Panel */
|
|
|
|
#MTLoadFileGroup {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px;
|
|
right: 8px}
|
|
|
|
#MTLoadFileSelector {
|
|
border: 1px solid white;
|
|
color: white;
|
|
width: 100%}
|
|
|
|
#MTLoadFormatGroup {
|
|
position: absolute;
|
|
top: 32px;
|
|
left: 0}
|
|
|
|
#MTLoadFormatSelect {
|
|
border: 1px solid white}
|
|
|
|
#MTLoadWriteEnableCheck {
|
|
border: 1px solid white}
|
|
|
|
#MTLoadNotes {
|
|
position: absolute;
|
|
top: 60px;
|
|
width: 300px;
|
|
left: 0}
|
|
|
|
#MTLoadButtonGroup {
|
|
position: absolute;
|
|
top: 60px;
|
|
right: 0}
|
|
|
|
#MTLoadCancelBtn {
|
|
background-image: none;
|
|
background-color: #900;
|
|
height: 20px;
|
|
bottom: 0;
|
|
right: 64px}
|
|
|
|
#MTLoadOKBtn {
|
|
background-image: none;
|
|
background-color: #060;
|
|
height: 20px;
|
|
bottom: 0;
|
|
right: 0}
|