pkimpel.retro-b5500/webUI/B5500CardPunch.css

/***********************************************************************
* retro-b5500/emulator B5500CardPunch.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 Punch web interface style sheet.
************************************************************************
* 2013-06-16  P.Kimpel
*   Original version, from B5500CardReader.css.
***********************************************************************/

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

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

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

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

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

#CPStartBtn {
    position:           absolute;
    top:                8px;
    left:               212px}
        
#CPOptionsDiv {
    position:           absolute;
    top:                4px;
    right:              8px;
    width:              auto}

#CPStacker1Full {
    position:           absolute;
    top:                24px;
    right:              8px}
    
#CPStacker2Full {
    position:           absolute;
    top:                34px;
    right:              8px}

#CPStacker1Div {
    position:           absolute;
    top:                56px;
    left:               8px;
    right:              8px;
    height:             80px;
    font-weight:        bold}

#CPStacker1Bar {
    width:              100%;
    height:             12px;
    border:             1px solid white}

#CPStacker1Caption {
    position:           absolute;
    right:              4px;
    top:                0;
    z-index:            1;
    height:             12px;
    color:              black}

#CPStacker1Frame {
    width:              100%;
    height:             60px;
    margin-top:         2px;
    border:             1px solid white}

#CPStacker2Div {
    position:           absolute;
    top:                140px;
    left:               8px;
    right:              8px;
    height:             44px;
    font-weight:        bold}

#CPStacker2Bar {
    width:              100%;
    height:             12px;
    border:             1px solid white}

#CPStacker2Caption {
    position:           absolute;
    right:              4px;
    top:                0;
    z-index:            1;
    height:             12px;
    color:              black}

#CPStacker2Frame {
    width:              100%;
    height:             30px;
    margin-top:         2px;
    border:             1px solid white}