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.
145 lines
4.1 KiB
CSS
145 lines
4.1 KiB
CSS
/***********************************************************************
|
|
* retro-b5500/emulator B5500MagTapeDrive.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 Magnetic Tape Drive web interface style sheet.
|
|
************************************************************************
|
|
* 2013-10-26 P.Kimpel
|
|
* Original version, from B5500CardReader.css.
|
|
***********************************************************************/
|
|
|
|
BODY {
|
|
position: relative;
|
|
background-color: black;
|
|
margin: 4px}
|
|
|
|
DIV#MTDiv {
|
|
position: relative;
|
|
background-color: #666;
|
|
width: 550px;
|
|
height: 110px;
|
|
border: 1px solid black;
|
|
border-radius: 8px;
|
|
padding: 0;
|
|
vertical-align: top}
|
|
|
|
BUTTON.yellowButton {
|
|
background-color: #990;
|
|
color: black;
|
|
font-family: Arial Rounded, Arial, Helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
font-weight: normal;
|
|
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: normal;
|
|
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: normal;
|
|
width: 60px;
|
|
height: 40px;
|
|
border: 1px solid #DDD;
|
|
border-radius: 4px}
|
|
|
|
BUTTON.yellowLit {
|
|
background-color: #FF0}
|
|
|
|
BUTTON.redLit {
|
|
background-color: #F00}
|
|
|
|
SPAN.annunciator {
|
|
position: absolute;
|
|
color: #666;
|
|
font-family: Arial Rounded, Arial, Helvetica, sans-serif;
|
|
font-size: 7pt;
|
|
font-weight: bold}
|
|
|
|
SPAN.whiteLit {
|
|
color: white}
|
|
|
|
#MTUnloadBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px}
|
|
|
|
#MTLoadBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 76px}
|
|
|
|
#MTLocalBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 144px}
|
|
|
|
#MTRemoteBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 212px;}
|
|
|
|
#MTWriteRingBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 280px}
|
|
|
|
#MTRewindBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 348px;}
|
|
|
|
IMG#MTReel {
|
|
position: absolute;
|
|
height: 40px;
|
|
visibility: hidden;
|
|
border-radius: 50%;
|
|
top: 8px;
|
|
left: 420px}
|
|
|
|
#MTUnloadedLight {
|
|
top: 4px;
|
|
right: 8px}
|
|
|
|
#MTAtBOTLight {
|
|
top: 14px;
|
|
right: 8px;}
|
|
|
|
#MTAtEOTLight {
|
|
top: 24px;
|
|
right: 8px}
|
|
|
|
#MTRewindingLight {
|
|
top: 34px;
|
|
right: 8px}
|
|
|
|
#MTFileSelector {
|
|
position: absolute;
|
|
border: 1px solid white;
|
|
color: white;
|
|
width: 530px;
|
|
top: 54px;
|
|
left: 8px}
|
|
|
|
#MTProgressBar {
|
|
position: absolute;
|
|
border: 1px solid white;
|
|
width: 530px;
|
|
top: 84px;
|
|
left: 8px}
|