pkimpel.retro-b5500/webUI/B5500ConsolePanel.css

/***********************************************************************
* retro-b5500/emulator B5500ConsolePanel.css
************************************************************************
* Copyright (c) 2015, Nigel Williams and Paul Kimpel.
* Licensed under the MIT License, see
*       http://www.opensource.org/licenses/mit-license.php
************************************************************************
* B5500 emulator Operator Console Panel web interface style sheet.
************************************************************************
* 2015-01-24  P.Kimpel
*   Original version, split off from B5500Console.css.
***********************************************************************/

HTML {
    height:             auto}

#ConsoleDiv {
    position:           relative;
    left:               0;
    top:                0;
    width:              1125px;
    height:             136px;
    border-radius:      16px;
    margin:             0}

#StatusLabel {
    position:           absolute;
    left:               32px;
    top:                8px;
    font-size:          7pt}

#ConfigLabel {
    position:           absolute;
    display:            none;
    right:              32px;
    top:                8px;
    font-size:          7pt}

#BurroughsLogo {
    position:           absolute;
    background-color:   black;
    top:                32px;
    right:              32px;
    border-top:         3px solid #EEE;
    border-bottom:      3px solid #EEE}

#B5500Logo {
    background-color:   #EEE;
    color:              #333333;
    font-size:          6pt;
    position:           absolute;
    top:                72px;
    right:              32px;
    z-index:            15}

#B5500LogoImage {
    margin-left:        2px;
    margin-right:       2px;
    margin-bottom:      2px;
    width:              64px;
    vertical-align:     bottom;
    display:            none}

#RetroLogoImage {
    vertical-align:     bottom;
    margin:             4px}

#RetroVersion {
    position:           absolute;
    top:                80px;
    right:              170px;
    font-size:          7pt}

#BurroughsLogoImage {
    width:              150px;
    text-align:         center;
    vertical-align:     middle;
    padding-top:        3px;
    padding-bottom:     3px;
    padding-left:       8px;
    padding-right:      8px}

#HaltBtn {
    position:           absolute;
    top:                31px;
    left:               32px}

#NotReadyBtn {
    position:           absolute;
    top:                31px;
    left:               132px}

#MemoryCheckBtn {
    position:           absolute;
    top:                31px;
    left:               202px}

#LoadBtn {
    position:           absolute;
    top:                31px;
    left:               272px}

#LoadSelectBtn {
    position:           absolute;
    line-height:        100%;
    top:                31px;
    left:               372px}

#ANormalBtn {
    position:           absolute;
    top:                31px;
    left:               442px}

#AControlBtn {
    position:           absolute;
    top:                31px;
    left:               512px}

#BNormalBtn {
    position:           absolute;
    top:                31px;
    left:               582px}

#BControlBtn {
    position:           absolute;
    top:                31px;
    left:               652px}

#PowerOnBtn {
    position:           absolute;
    top:                31px;
    left:               752px}

#PowerOffBtn {
    position:           absolute;
    top:                31px;
    left:               822px}

#CentralControl {
    position:           absolute;
    border-collapse:    collapse;
    border-spacing:     0;
    display:            none;
    left:               32px;
    right:              32px;
    bottom:             8px}

#CentralControl TD {
    padding-left:       1px;
    padding-right:      1px;
    vertical-align:     bottom}

#CentralControl TD.annunciator {
    color:              #333;
    text-align:         center;
    visibility:         visible}
#CentralControl TD.statValue {
    color:              white;
    visibility:         visible;
    text-align:         right}
#CentralControl TD.statLabel {
    color:              white;
    visibility:         visible;
    text-align:         left}

COL.AnnunciatorCol {
    width:              32px}

#procDelay, TD#procSlack {
    visibility:         visible;
    width:              60px;
    text-align:         right}