pkimpel.retro-b5500/webUI/B5500SyllableDebugger.css

/***********************************************************************
* retro-b5500/emulator B5500SyllableDebugger.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 syllable debugger style sheet.
************************************************************************
* 2012-11-25  P.Kimpel
*   Original version, from webIU/B5500DistributionAndDisplay.css.
***********************************************************************/

@font-face {
    font-family: "DejaVuSansMonoBookWeb";
    src: url("./resources/DejaVuSansMono-webfont.ttf") format("truetype"),
         url("./resources/DejaVuSansMono-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DejaVuSansWeb";
    src: url("./resources/DejaVuSans-webfont.ttf") format("truetype"),
         url("./resources/DejaVuSans-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DejaVuSansWeb";
    src: url("./resources/DejaVuSans-Bold-webfont.ttf") format("truetype"),
         url("./resources/DejaVuSans-Bold-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

BODY {
    position:           relative;
    font-family:        DejaVuSansWeb, sans-serif;
    font-size:          small;
    margin:             4px}

#LogoDiv {
    position:           fixed;
    background-color:   #666;
    border-radius:      0.5em;
    width:              198px;
    height:             100px;
    right:              4px;
    top:                4px;
    z-index:            -1}

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

#B5500Logo {
    background-color:   #EEE;
    color:              #333333;
    font-size:          6pt;
    position:           absolute;
    bottom:             16px;
    right:              16px}

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

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

TABLE.normal, TABLE.standard {
    border-spacing:     0;
    border-collapse:    collapse}

TABLE.border{
    border-color:       #CCCCCC;
    border-width:       1px;
    border-style:       solid}

CAPTION {
    text-align:         center;
    padding-left:       4px;
    padding-right:      4px;
    font-weight:        bold}

TABLE.normal>TBODY>TR>TD, TABLE.standard>TBODY>TR>TD {
    padding-top:        1px;
    padding-bottom:     1px;
    padding-left:       2px;
    padding-right:      2px}

TABLE.standard>THEAD>TR>TH, TABLE.standard>TBODY>TR>TD {
    font-size:          85%}

TABLE.standard>THEAD>TR>TH, TABLE.normal>THEAD>TR>TH {
    text-align:         center;
    padding-left:       0.5ex;
    padding-right:      0.5ex;
    font-weight:        bold}

TABLE.border>THEAD>TR>TH, TABLE.border>TBODY>TR>TD {
    border:             1px solid #CCCCCC}

TABLE#RegisterBank1 {
    background-color:   white;
    position:           relative}

TABLE#RegisterBank2 {
    background-color:   white;
    position:           absolute;
    z-index:            +1;
    right:              0;
    top:                120px}

TR {
    vertical-align:     middle}

TH {
    vertical-align:     bottom;
    text-align:         center;
    padding-left:       2px;
    padding-right:      2px;
    font-family:        DejaVuSansWeb, sans-serif;
    font-weight:        bold}

TD#TMnemonic {
    text-align:         center;
    background-color:   #EEF;
    font-size:          smaller}
TD.notReady {
    visibility:         hidden}
TD.ready {
    visibility:         visible;
    text-align:         center;
    font-weight:        bold;
    color:              green}
TD.busy {
    visibility:         visible;
    text-align:         center;
    font-weight:        bold;
    color:              red}

INPUT.warn {
    background-color:   yellow}

.bold {
    font-weight:        bold}
.center {
    text-align:         center}
.rj {
    text-align:         right}
.data {
    font-family:        DejaVuSansMonoBookWeb, monospace;
    text-align:         left}
.number {
    font-family:        DejaVuSansMonoBookWeb, monospace;
    text-align:         right}

.revcaption {
    text-align:         center;
    color:              white;
    background-color:   black;
    font-weight:        bold}