mirror of
https://github.com/pkimpel/retro-b5500.git
synced 2026-02-12 19:27:39 +00:00
2260803c51
1. Initial implementation of a datacom terminal. 2. Initial implementation (read-only) of magnetic tape drives. 3. Further work towards getting P2 to function (but not working yet). 4. Allow device driver classes to be optionally included in the global UI script. 5. Fix callback arguments handling in SetCallback. 6. Decrease width of SPO window slightly. 7. Improve trapping and printing of SPO keystrokes, based on datacom implementation. 8. Minor performance tuning improvements. 9. Dump raw header words in octal in tools/B5500DiskDirList.html script. 10. New wiki pages and several updates to existing ones.
126 lines
3.5 KiB
CSS
126 lines
3.5 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: 680px;
|
|
height: 500px;
|
|
background-color: #FFC;
|
|
border-radius: 16px;
|
|
text-align: left}
|
|
|
|
IFRAME#SPOUT {
|
|
position: absolute;
|
|
left: 16px;
|
|
bottom: 16px;
|
|
height: 468px;
|
|
width: 490px;
|
|
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.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 black;
|
|
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 black;
|
|
border-radius: 4px}
|
|
|
|
BUTTON.greenLit {
|
|
background-color: #0F0}
|
|
|
|
BUTTON.yellowLit {
|
|
background-color: #FF0}
|
|
|
|
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}
|