pkimpel.retro-b5500/webUI/B5500Console.css

/***********************************************************************
* retro-b5500/emulator B5500Console.css
************************************************************************
* Copyright (c) 2012, Nigel Williams and Paul Kimpel.
* Licensed under the MIT License, see http://www.opensource.org/licenses/mit-license.php
************************************************************************
* B5500 emulator Console web interface style sheet.
************************************************************************
* 2012-12-14  P.Kimpel
*   Original version, from B5500DistributionAndDisplay.css.
***********************************************************************/

BODY {
    position:           relative;
    margin:             4px}

DIV#consoleDiv {
    position:           relative;
    width:              1052px; 
    height:             72px;
    padding:            32px;
    background-color:   #666666}
    
DIV#SPODiv {
    position:           relative;
    width:              1052px;
    margin-top:         1em;
    text-align:         center}
    
DIV#SPOInnerDiv {
    position:           relative;
    background-color:   #FDA;
    margin-left:        auto;
    margin-right:       auto;
    border-radius:      32px;
    padding:            2em;
    text-align:         left;
    width:              800px}

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

DIV#B5500Logo {
    background-color:   #EEEEEE;
    font-family:        Arial Narrow, Arial, Helvetica, sans-serif;
    font-size:          24px;
    color:              #333333;
    letter-spacing:     1px;
    padding-left:       4px;
    padding-right:      4px;
    position:           absolute;
    top:                72px;
    right:              32px}

DIV.blackButton {
    background-color:   black;
    color:              white;
    font-size:          10px;
    position:           absolute;
    top:                32px;
    width:              48px;
    height:             32px;
    text-align:         center;
    padding:            2px;
    border:             1px solid #DDDDDD;
    border-radius:      4px}

DIV.whiteButton {
    background-color:   #CCCCCC;
    color:              black;
    font-size:          10px;
    position:           absolute;
    top:                32px;
    width:              48px;
    height:             32px;
    text-align:         center;
    padding:            2px;
    border:             1px solid #DDDDDD;
    border-radius:      4px}

DIV.whiteLit {
    background-color:   white}

DIV.yellowButton {
    background-color:   #999900;
    color:              black;
    font-size:          10px;
    position:           absolute;
    top:                32px;
    width:              48px;
    height:             32px;
    text-align:         center;
    padding:            2px;
    border:             2px solid #DDDDDD;
    border-radius:      4px}

DIV.yellowLit {
    background-color:   #FFFF00}

DIV.buttonCaption {
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          10px;
    font-weight:        bold;
    margin-top:         0.25em}

IMG#BurroughsLogoImage {
    width:              150px;
    text-align:         center;
    vertical-align:     middle;
    padding-top:        3px;
    padding-bottom:     3px;
    padding-left:       8px;
    padding-right:      8px}
    
IMG#TeletypeLogo {
    position:           absolute;
    top:                32px;
    right:              64px}

BUTTON.whiteButton {
    position:           absolute;
    background-color:   #CCC;
    color:              black;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          10px;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid #DDD;
    border-radius:      4px}

BUTTON.blackButton {
    position:           absolute;
    background-color:   black;
    color:              white;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          10px;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid #DDD;
    border-radius:      4px}

BUTTON.yellowButton {
    position:           absolute;
    background-color:   #990;
    color:              black;
    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
    font-size:          10px;
    font-weight:        bold;
    width:              60px;
    height:             40px;
    border:             1px solid #DDD;
    border-radius:      4px}

BUTTON.yellowLit {
    background-color:   #FFFF00}
    
BUTTON.blackBorder {
    border:             1px solid black}
    
BUTTON#HaltBtn {
    top:                31px;
    right:              1020px}
    
BUTTON#NotReadyBtn {
    top:                31px;
    right:              920px}
    
BUTTON#LoadSelectBtn {
    top:                31px;
    right:              850px}
    
BUTTON#LoadBtn {
    top:                31px;
    right:              780px}
    
BUTTON#MemoryCheckBtn {
    top:                31px;
    right:              680px}
    
BUTTON#ANormalBtn {
    top:                31px;
    right:              610px}
    
BUTTON#AControlBtn {
    top:                31px;
    right:              540px}
    
BUTTON#BNormalBtn {
    top:                31px;
    right:              470px}
    
BUTTON#BControlBtn {
    top:                31px;
    right:              400px}
    
BUTTON#PowerOnBtn {
    top:                31px;
    right:              300px}
    
BUTTON#PowerOffBtn {
    top:                31px;
    right:              230px}
    
BUTTON#SPOReadyBtn {
    bottom:             256px;
    right:              120px}
    
BUTTON#SPOPowerBtn {
    bottom:             256px;
    right:              44px}
    
BUTTON#SPORemoteBtn {
    bottom:             200px;
    right:              120px}
    
BUTTON#SPOLocalBtn {
    bottom:             200px;
    right:              44px}
    
BUTTON#SPOInputRequestBtn {
    bottom:             144px;
    right:              120px}
    
BUTTON#SPOEndOfMessageBtn {
    bottom:             144px;
    right:              44px}
    
BUTTON#SPOBlank1Btn {
    bottom:             88px;
    right:              120px}
    
BUTTON#SPOErrorBtn {
    bottom:             88px;
    right:              44px}
    
BUTTON#SPOBlank2Btn {
    bottom:             32px;
    right:              120px}
    
BUTTON#SPOBlank3Btn {
    bottom:             32px;
    right:              44px}
    
TEXTAREA#SPOUT {
    width:              620px;
    /*
    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
    font-size:          10pt */ }

.center {
    text-align:         center}

.data {
    font-family:        Courier New, Courier, monospace;
    text-align:         left}
    
.number {
    font-family:        Courier New, Courier, monospace;
    text-align:         right}