mirror of
https://github.com/pkimpel/retro-b5500.git
synced 2026-02-13 11:44:33 +00:00
1dad7d9744
1. Split operator Control Panel from B5500Console and make it a small, separate window. 2. Implement emulator home page in what remains of B5500Console page, with Start buttons for emulator. 3. Implement improvements to setCallback() mechanism, copied from Datatron 205 project. 4. Increase scrollback for SPO and Datacom windows from 1500 to 5000 lines. 5. Correct application of green-bar styling in B5500LinePrinter (apparent in Chrome). 6. Improve initial positioning of Magnetic Tape unit windows; add "B" to mag tape reel image. 7. Minor optimizations to bit-field isolate/insert routines in CentralControl. 8. Miscellaneous enhancements to UI appearance. 9. Minor changes to hosting website pages.
163 lines
4.3 KiB
CSS
163 lines
4.3 KiB
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}
|
|
|
|
COL.AnnunciatorCol {
|
|
width: 32px}
|
|
|
|
#procDelay, TD#procSlack {
|
|
visibility: visible;
|
|
width: 60px;
|
|
text-align: right}
|
|
TD.statLabel {
|
|
visibility: visible;
|
|
text-align: left}
|