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.
155 lines
4.6 KiB
CSS
155 lines
4.6 KiB
CSS
/***********************************************************************
|
|
* retro-b5500/emulator B5500DistributionAndDisplay.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 web interface style sheet.
|
|
************************************************************************
|
|
* 2012-06-13 P.Kimpel
|
|
* Original version, from thin air.
|
|
***********************************************************************/
|
|
|
|
BODY.consoleBody {
|
|
background-color: #666666;
|
|
margin: 4px}
|
|
|
|
BODY.panelBody {
|
|
background-color: #EEEEEE;
|
|
margin: 4px}
|
|
|
|
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: 1px solid #DDDDDD;
|
|
border-radius: 4px}
|
|
|
|
DIV.yellowLit {
|
|
background-color: #FFFF00}
|
|
|
|
DIV.ddLamp {
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 4px;
|
|
background-image: radial-gradient(circle, #999999, #333333);
|
|
background-color: #999;
|
|
border-radius: 8px;
|
|
border: 1px solid black}
|
|
|
|
DIV.ddLampLit {
|
|
background-image: radial-gradient(circle, #FF9933, #999999);
|
|
background-color: #FF9900}
|
|
|
|
DIV.ddLampCaption {
|
|
position: absolute;
|
|
width: 16px;
|
|
top: 14px;
|
|
left: -3px;
|
|
font-size: 6px;
|
|
text-align: center}
|
|
|
|
DIV.ddRegister {
|
|
position: absolute;
|
|
font-size: 6px}
|
|
|
|
DIV.ddRegCaption {
|
|
position: absolute;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
height: 10px;
|
|
border-top: 1px solid black;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black}
|
|
|
|
SPAN.ddRegSpan {
|
|
position: relative;
|
|
top: -7px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
background-color: #EEEEEE}
|
|
|
|
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}
|
|
|
|
.center {
|
|
text-align: center}
|
|
|
|
.data {
|
|
font-family: Courier New, Courier, monospace;
|
|
text-align: left}
|
|
|
|
.number {
|
|
font-family: Courier New, Courier, monospace;
|
|
text-align: right}
|