mirror of
https://github.com/pkimpel/retro-b5500.git
synced 2026-02-28 01:35:46 +00:00
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}
|