mirror of
https://github.com/pkimpel/retro-b5500.git
synced 2026-02-12 11:17:29 +00:00
d1e59a2f7c
2. Implement new setCallback() mechanism to wrap setTimeout() and setImmediate(). 2. Minor change to P2 management; remove context-bound callbacks. 3. Reduce window size and font size for peripheral UIs. 4. Implement <label> for file names on ColdLoader Load table. 5. Correct placement and color of buttons on Console and SPO. 6. Minor wiki updates for UI changes. 7. Rework SPO implementation to eliminate ".that" properties, implement setCallback(), and fix long-standing bugs that caused flaky operation.
155 lines
4.2 KiB
CSS
155 lines
4.2 KiB
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.
|
|
***********************************************************************/
|
|
|
|
BODY {
|
|
position: relative;
|
|
background-color: black;
|
|
margin: 4px}
|
|
|
|
PRE {
|
|
font-family: Lucida Sans Typewriter, Courier New, Courier, monospace;
|
|
font-size: 8pt;
|
|
margin: 0}
|
|
|
|
|
|
DIV#SPODiv {
|
|
position: relative;
|
|
width: 750px;
|
|
height: 500px;
|
|
background-color: #FFC;
|
|
border-radius: 16px;
|
|
text-align: left}
|
|
|
|
IFRAME#SPOUT {
|
|
position: absolute;
|
|
left: 16px;
|
|
bottom: 16px;
|
|
height: 468px;
|
|
width: 560px;
|
|
border: 1px solid black}
|
|
|
|
BODY.SPOUT {
|
|
background-color: white;
|
|
font-family: Lucida Sans Typewriter, Courier New, Courier, monospace;
|
|
font-size: 8pt}
|
|
|
|
DIV#SPOControlsDiv {
|
|
position: absolute;
|
|
text-align: center;
|
|
height: 468px;
|
|
width: 136px;
|
|
right: 16px;
|
|
bottom: 16px}
|
|
|
|
IMG#TeletypeLogo {
|
|
left: auto;
|
|
right: auto}
|
|
|
|
BUTTON.whiteButton {
|
|
position: absolute;
|
|
background-color: #CCC;
|
|
color: black;
|
|
font-family: Arial Rounded, Arial, Helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
font-weight: bold;
|
|
width: 60px;
|
|
height: 40px;
|
|
border: 1px solid #DDD;
|
|
border-radius: 4px}
|
|
|
|
BUTTON.greenButton {
|
|
position: absolute;
|
|
background-color: #060;
|
|
color: black;
|
|
font-family: Arial Rounded, Arial, Helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
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: 8pt;
|
|
font-weight: bold;
|
|
width: 60px;
|
|
height: 40px;
|
|
border: 1px solid #DDD;
|
|
border-radius: 4px}
|
|
|
|
BUTTON.whiteLit {
|
|
background-color: white}
|
|
|
|
BUTTON.greenLit {
|
|
background-color: #0F0}
|
|
|
|
BUTTON.yellowLit {
|
|
background-color: #FF0}
|
|
|
|
BUTTON.blackBorder {
|
|
border: 1px solid black}
|
|
|
|
BUTTON#SPOReadyBtn {
|
|
bottom: 224px;
|
|
left: 0px}
|
|
|
|
BUTTON#SPOPowerBtn {
|
|
bottom: 224px;
|
|
right: 0px}
|
|
|
|
BUTTON#SPORemoteBtn {
|
|
bottom: 168px;
|
|
left: 0px}
|
|
|
|
BUTTON#SPOLocalBtn {
|
|
bottom: 168px;
|
|
right: 0px}
|
|
|
|
BUTTON#SPOInputRequestBtn {
|
|
bottom: 112px;
|
|
left: 0px}
|
|
|
|
BUTTON#SPOEndOfMessageBtn {
|
|
bottom: 112px;
|
|
right: 0px}
|
|
|
|
BUTTON#SPOBlank1Btn {
|
|
bottom: 56px;
|
|
left: 0px}
|
|
|
|
BUTTON#SPOErrorBtn {
|
|
bottom: 56px;
|
|
right: 0px}
|
|
|
|
BUTTON#SPOBlank2Btn {
|
|
bottom: 0px;
|
|
left: 0px}
|
|
|
|
BUTTON#SPOBlank3Btn {
|
|
bottom: 0px;
|
|
right: 0px}
|
|
|
|
.center {
|
|
text-align: center}
|
|
|
|
.data {
|
|
font-family: Courier New, Courier, monospace;
|
|
text-align: left}
|
|
|
|
.number {
|
|
font-family: Courier New, Courier, monospace;
|
|
text-align: right}
|