pkimpel.retro-b5500/webUI/B5500CardReader.css

/***********************************************************************
* retro-b5500/emulator B5500CardReader.css
************************************************************************
* Copyright (c) 2013, Nigel Williams and Paul Kimpel.
* Licensed under the MIT License, see http://www.opensource.org/licenses/mit-license.php
************************************************************************
* B5500 emulator Card Reader web interface style sheet.
************************************************************************
* 2013-06-09  P.Kimpel
*   Original version, from B5500SPOUnit.css.
***********************************************************************/

#readerBody {
    height:             100%;
    min-height:         100%;
    overflow:           hidden;
    padding:            0}

#CRDiv {
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    margin:             4px}

#CRNotReadyLight {
    position:           absolute;
    top:                8px;
    left:               8px}

#CREOFBtn {
    position:           absolute;
    top:                8px;
    left:               76px}

#CRStopBtn {
    position:           absolute;
    top:                8px;
    left:               144px}

#CRStartBtn {
    position:           absolute;
    top:                8px;
    left:               212px}
    
#CRKeyinDeckBtn {
    position:           absolute;
    top:                8px;
    right:              8px}

#CRStackerDiv {
    position:           absolute;
    top:                58px;
    left:               8px;
    right:              8px;
    bottom:             auto}

#CRFileSelector {
    width:              100%;
    color:              white;
    border:             1px solid white}

#CRHopperBar {
    margin-top:         4px;
    width:              100%;
    height:             16px;
    border:             1px solid white}

#CRHopperCaption {
    position:           absolute;
    right:              4px;
    top:                30px;
    z-index:            1;
    height:             12px;
    color:              black;
    font-weight:        bold}

#CROutHopperFrame {
    margin-top:         4px;
    width:              100%;
    height:             35px;
    border:             1px solid white}
    
/* Card deck keyin window */    

#CRKeyinBody {
    height:             100%;
    min-height:         100%;
    overflow:           hidden;
    padding:            0}

#CRKeyinDiv {
    position:           absolute;
    top:                4px;
    left:               4px;
    right:              4px;
    bottom:             4px;
    padding:            8px}
    
#CRKeyinText {
    position:           absolute;
    height:             calc(100% - 60px);
    width:              calc(100% - 24px);
    z-index:            1;
    left:               8px;
    top:                20px}
    
#CRKeyinControlDeckBtn {
    position:           absolute;
    height:             20px;
    width:              112px;
    bottom:             8px;
    left:               8px}
    
#CRKeyinEndControlBtn {
    position:           absolute;
    height:             20px;
    width:              112px;
    bottom:             8px;
    left:               130px}

#CRKeyinEndCardBtn {
    position:           absolute;
    height:             20px;
    bottom:             8px;
    left:               250px}
    
#CRKeyinCancelBtn {
    position:           absolute;
    height:             20px;
    z-index:            2;
    bottom:             8px;
    right:              80px}

#CRKeyinInsertBtn {
    position:           absolute;
    height:             20px;
    z-index:            2;
    bottom:             8px;
    right:              8px}