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.
140 lines
4.2 KiB
CSS
140 lines
4.2 KiB
CSS
/***********************************************************************
|
|
* retro-b5500/emulator B5500CardPunch.css
|
|
************************************************************************
|
|
* Copyright (c) 2013, Nigel Williams and Paul Kimpel.
|
|
* Licensed under the MIT License, see http://www.opensource.org/licenses/mit-license.php
|
|
************************************************************************
|
|
* B5500 emulator Card Punch web interface style sheet.
|
|
************************************************************************
|
|
* 2013-06-16 P.Kimpel
|
|
* Original version, from B5500CardReader.css.
|
|
***********************************************************************/
|
|
|
|
BODY {
|
|
position: relative;
|
|
color: white;
|
|
background-color: black;
|
|
font-family: Arial, Helventica, sans-serif;
|
|
font-size: 9pt;
|
|
margin: 4px}
|
|
|
|
PRE {
|
|
font-family: Lucida Sans Typewriter, Courier New, Courier, monospace}
|
|
|
|
DIV#CPDiv {
|
|
position: relative;
|
|
color: white;
|
|
background-color: #666;
|
|
width: 550px;
|
|
height: 194px;
|
|
border: 1px solid black;
|
|
border-radius: 8px;
|
|
padding: 0;
|
|
vertical-align: top}
|
|
|
|
BUTTON.greenButton {
|
|
background-color: #060;
|
|
color: white;
|
|
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.blackButton {
|
|
background-color: black;
|
|
color: white;
|
|
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.redButton {
|
|
background-color: #900;
|
|
color: white;
|
|
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.greenLit {
|
|
background-color: green}
|
|
|
|
BUTTON.redLit {
|
|
background-color: #F00}
|
|
|
|
#CPNotReadyLight {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px}
|
|
|
|
#CPRunoutBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 76px}
|
|
|
|
#CPStopBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 144px}
|
|
|
|
#CPStartBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 212px;}
|
|
|
|
#CPStacker1Div {
|
|
position: absolute;
|
|
top: 56px;
|
|
left: 8px;
|
|
right: 8px;
|
|
height: 80px;
|
|
font-weight: bold}
|
|
|
|
#CPStacker1Bar {
|
|
border: 1px solid white;
|
|
width: 450px}
|
|
|
|
#CPStacker1Frame {
|
|
width: 100%;
|
|
height: 60px;
|
|
margin-top: 1px;
|
|
border: 1px solid white;
|
|
color: black;
|
|
background-color: white;
|
|
font-family: Lucida Sans Typewriter, Courier New, Courier, monospace;
|
|
font-size: 8pt;
|
|
font-weight: normal}
|
|
|
|
#CPStacker2Div {
|
|
position: absolute;
|
|
top: 140px;
|
|
left: 8px;
|
|
right: 8px;
|
|
height: 44px;
|
|
font-weight: bold}
|
|
|
|
#CPStacker2Bar {
|
|
border: 1px solid white;
|
|
width: 450px}
|
|
|
|
#CPStacker2Frame {
|
|
width: 100%;
|
|
height: 30px;
|
|
margin-top: 1px;
|
|
border: 1px solid white;
|
|
color: black;
|
|
background-color: white;
|
|
font-family: Lucida Sans Typewriter, Courier New, Courier, monospace;
|
|
font-size: 8pt;
|
|
font-weight: normal}
|
|
|