pkimpel.retro-b5500/webUI/B5500SPOUnit.css

/***********************************************************************
* retro-b5500/emulator B5500SPOUnit.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 SPO web interface style sheet.
************************************************************************
* 2012-12-16  P.Kimpel
*   Original version, from B5500ConsoleUnit.css.
***********************************************************************/

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

#SPODiv {
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    margin:             4px;
    background-color:   #FFC;
    border-radius:      16px}

#SPOUT {
    position:           absolute;
    left:               16px;
    right:              168px;
    top:                16px;
    bottom:             16px;
    min-height:         280px;
    min-width:          120px;
    overflow-x:         hidden;
    overflow-y:         scroll;
    color:              black;
    background-color:   white;
    padding:            4px;
    border:             1px solid gray}

#Paper {
    margin-left:        0;
    margin-right:       0;
    margin-top:         2000px;
    margin-bottom:      0;
    padding:            0}

#EndOfPaper {
    display:            block;
    margin:             0;
    padding:            0;
    opacity:            0}
#EndOfPaper.hidden {
    display:            none}

#InputBox {
    display:            none;
    margin:             0;
    padding:            0;
    border:             none;
    outline:            none;
    background-color:   #FF9}
#InputBox.visible {
    display:            block}
#InputBox:focus {
    border:             none;
    outline:            none}           /* to suppress Chrome's default outline */

#SPOControlsDiv {
    position:           absolute;
    text-align:         center;
    left:               auto;
    right:              16px;
    top:                16px;
    bottom:             16px;
    min-height:         280px;
    width:              136px}

#TeletypeLogo {
    margin-left:        auto;
    margin-right:       auto}

#SPOReadyBtn {
    position:           absolute;
    bottom:             224px;
    left:               0px}

#SPOPowerBtn {
    position:           absolute;
    bottom:             224px;
    right:              0px}

#SPORemoteBtn {
    position:           absolute;
    bottom:             168px;
    left:               0px}

#SPOLocalBtn {
    position:           absolute;
    bottom:             168px;
    right:              0px}

#SPOInputRequestBtn {
    position:           absolute;
    bottom:             112px;
    left:               0px}

#SPOEndOfMessageBtn {
    position:           absolute;
    bottom:             112px;
    right:              0px}

#SPOBlank1Btn {
    position:           absolute;
    bottom:             56px;
    left:               0px}

#SPOErrorBtn {
    position:           absolute;
    bottom:             56px;
    right:              0px}

#SPOAlgolGlyphsBtn {
    position:           absolute;
    bottom:             0px;
    left:               0px}

#SPOBlank3Btn {
    position:           absolute;
    bottom:             0px;
    right:              0px}