/***********************************************************************
* 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}

#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}

#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}
