pkimpel.retro-220/webUI/B220ControlConsole.css

/***********************************************************************
* retro-220/webUI B220ControlConsole.css
************************************************************************
* Copyright (c) 2017, Paul Kimpel.
* Licensed under the MIT License, see
*       http://www.opensource.org/licenses/mit-license.php
************************************************************************
* Burroughs 220 Emulator Control Console style sheet.
************************************************************************
* 2017-01-01  P.Kimpel
*   Original version, from D205SupervisoryPanel.css
***********************************************************************/

#BurroughsMeatball {
    position:           absolute;
    left:               12px;
    top:                6px;
    height:             36px}

#BurroughsLogo {
    position:           absolute;
    left:               100px;
    top:                6px;
    height:             36px}

#B220Logo {
    position:           absolute;
    top:                6px;
    right:              12px;
    height:             36px;
    line-height:        36px;
    font-family:        Verdana, Arial, Helvetica, DejaVuSansWeb, san-serif;
    font-size:          36px;
    font-weight:        bold}

#IntervalTimer {
    position:           absolute;
    top:                12px;
    left:               calc(50% - 42px);
    width:              84px;
    height:             18px;
    font-size:          18px;
    font-weight:        bold;
    text-align:         center;
    vertical-align:     middle;
    line-height:        18px;
    border-top:         3px solid #666;
    border-left:        3px solid #666;
    border-right:       3px solid #333;
    border-bottom:      3px solid #333;
    box-shadow:         3px 3px 2px #999;
    color:              white;
    background-color:   black}

#IntervalTimerResetBtn {
    position:           absolute;
    top:                12px;
    left:               calc(50% - 82px)}

#PanelSurface {
    height:             500px;
    width:              100%}

#ControlDiv {
    left:               832px;
    top:                48px;
    width:              288px;
    height:             128px}

#AdderDiv {
    left:               438px;
    top:                192px;
    width:              336px;
    height:             132px}

#ARegPanel {
    left:               12px;
    top:                48px;
    width:              312px;
    height:             128px}

#RRegPanel {
    left:               372px;
    top:                48px;
    width:              312px;
    height:             128px}

#DRegPanel {
    left:               732px;
    top:                48px;
    width:              312px;
    height:             128px}

#BRegPanel {
    left:               12px;
    top:                208px;
    width:              144px;
    height:             128px}

#PRegPanel {
    left:               180px;
    top:                208px;
    width:              144px;
    height:             128px}

#CRegPanel {
    left:               384px;
    top:                208px;
    width:              288px;
    height:             128px}

#ERegPanel {
    left:               732px;
    top:                208px;
    width:              144px;
    height:             128px}

#SRegPanel {
    left:               900px;
    top:                208px;
    width:              144px;
    height:             132px}

#AlarmPanel {
    left:               12px;
    top:                368px;
    width:              384px;
    height:             64px}

#DigitCheckLabel {
    left:               2px;
    top:                12px}
#DigitCheckLamp {
    left:               18px;
    top:                404px}

#ProgramCheckLabel {
    left:               40px;
    top:                12px}

#StorageLabel {
    left:               78px;
    top:                12px}

#MagneticTapeLabel {
    left:               116px;
    top:                12px}

#CardatronLabel {
    left:               154px;
    top:                12px}

#PaperTapeLabel {
    left:               192px;
    top:                12px}

#HighSpeedPrinterLabel {
    left:               230px;
    top:                12px}




#CarryPanel {
    left:               224px;
    top:                0;
    width:              80px;
    height:             132px}

#AdderPanel {
    left:               288px;
    top:                0;
    width:              60px;
    height:             132px}



#PowerOnBtn {
    left:               380px;
    top:                330px}
#PowerOnCaption {
    left:               380px;
    top:                360px;
    width:              24px}
#PowerLamp {
    left:               380px;
    top:                378px}
#PowerOffBtn {
    left:               380px;
    top:                426px}
#PowerOffCaption {
    left:               380px;
    top:                456px;
    width:              24px}


#ComputerStopCaption {
    left:               478px;
    top:                300px;
    width:              160px}

#OverflowLamp {
    left:               466px;
    top:                330px}
#OverflowLampCaption {
    left:               454px;
    top:                360px;
    width:              40px}
#ResetOverflowBtn {
    left:               461px;
    top:                416px}
#ResetOverflowCaption {
    left:               461px;
    top:                456px;
    width:              34px}

#SectorLamp {
    left:               506px;
    top:                330px}
#SectorLampCaption {
    left:               497px;
    top:                360px;
    width:              40px}
#ResetSectorBtn {
    left:               501px;
    top:                416px}
#ResetSectorCaption {
    left:               501px;
    top:                456px;
    width:              34px}

#ControlLamp {
    left:               546px;
    top:                330px}
#ControlLampCaption {
    left:               537px;
    top:                360px;
    width:              40px}
#ResetControlBtn {
    left:               541px;
    top:                416px}
#ResetControlCaption {
    left:               541px;
    top:                456px;
    width:              34px}

#FCLamp {
    left:               586px;
    top:                330px}
#FCLampCaption {
    left:               586px;
    top:                360px;
    width:              24px}

#IdleLamp {
    left:               626px;
    top:                330px}
#IdleLampCaption {
    left:               626px;
    top:                360px;
    width:              24px}

#AudibleAlarmSwitch {
    position:           absolute;
    left:               626px;
    top:                420px;
    width:              24px}
#AudibleAlarmOn {
    left:               626px;
    top:                408px;
    width:              24px}
#AudibleAlarmOff {
    left:               608px;
    top:                456px;
    line-height:        130%;
    width:              60px}

#ClearBtn {
    left:               710px;
    top:                374px}
#ClearBtnCaption {
    left:               710px;
    top:                300px;
    width:              32px}

#LockNormalSwitch {
    position:           absolute;
    left:               808px;
    top:                378px;
    width:              24px}
#LockNormalOn {
    left:               808px;
    top:                370px;
    width:              24px}
#LockNormalOff {
    left:               802px;
    top:                408px;
    width:              36px}

#TimingToggleCaption {
    left:               844px;
    top:                300px;
    width:              64px}

#ExecuteLamp {
    left:               844px;
    top:                330px}
#ExecuteLampCaption {
    left:               840px;
    top:                360px;
    width:              32px}
#ExecuteBtn {
    left:               840px;
    top:                416px}

#FetchLamp {
    left:               884px;
    top:                330px}
#FetchLampCaption {
    left:               880px;
    top:                360px;
    width:              32px}
#FetchBtn {
    left:               880px;
    top:                416px}

#OperationCaption {
    left:               950px;
    top:                300px;
    width:              88px}

#StepContinuousSwitch {
    position:           absolute;
    left:               950px;
    top:                378px;
    width:              24px}
#StepContinuousOn {
    left:               932px;
    top:                370px;
    width:              60px}
#StepContinuousOff {
    left:               932px;
    top:                408px;
    width:              60px}

#VersionDiv {
    right:              12px;
    bottom:             8px;
    color:              black}