mirror of
https://github.com/pkimpel/retro-b5500.git
synced 2026-02-11 10:55:09 +00:00
152 lines
4.3 KiB
CSS
152 lines
4.3 KiB
CSS
/***********************************************************************
|
|
* retro-b5500/emulator B5500Console.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 Console web interface style sheet.
|
|
************************************************************************
|
|
* 2012-12-14 P.Kimpel
|
|
* Original version, from B5500DistributionAndDisplay.css.
|
|
***********************************************************************/
|
|
|
|
BODY {
|
|
position: relative;
|
|
margin: 4px}
|
|
|
|
DIV#consoleDiv {
|
|
position: relative;
|
|
width: 1052px;
|
|
height: 72px;
|
|
padding: 32px;
|
|
background-color: #666}
|
|
|
|
DIV#BurroughsLogo {
|
|
background-color: black;
|
|
position: absolute;
|
|
top: 32px;
|
|
right: 32px;
|
|
border-top: 3px solid #EEE;
|
|
border-bottom: 3px solid #EEE}
|
|
|
|
DIV#B5500Logo {
|
|
background-color: #EEE;
|
|
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
|
|
font-size: 24px;
|
|
color: #333333;
|
|
letter-spacing: 1px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
position: absolute;
|
|
top: 72px;
|
|
right: 32px}
|
|
|
|
IMG#BurroughsLogoImage {
|
|
width: 150px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
padding-left: 8px;
|
|
padding-right: 8px}
|
|
|
|
BUTTON.whiteButton {
|
|
position: absolute;
|
|
background-color: #CCC;
|
|
color: black;
|
|
font-family: Arial Rounded, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
width: 60px;
|
|
height: 40px;
|
|
border: 1px solid #DDD;
|
|
border-radius: 4px}
|
|
|
|
BUTTON.blackButton {
|
|
position: absolute;
|
|
background-color: black;
|
|
color: white;
|
|
font-family: Arial Rounded, Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
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: 10px;
|
|
font-weight: bold;
|
|
width: 60px;
|
|
height: 40px;
|
|
border: 1px solid #DDD;
|
|
border-radius: 4px}
|
|
|
|
BUTTON.whiteLit {
|
|
background-color: white}
|
|
|
|
BUTTON.yellowLit {
|
|
background-color: #FFFF00}
|
|
|
|
BUTTON.blackBorder {
|
|
border: 1px solid black}
|
|
|
|
BUTTON#HaltBtn {
|
|
top: 31px;
|
|
left: 32px}
|
|
|
|
BUTTON#NotReadyBtn {
|
|
top: 31px;
|
|
left: 132px}
|
|
|
|
BUTTON#LoadSelectBtn {
|
|
top: 31px;
|
|
left: 202px}
|
|
|
|
BUTTON#LoadBtn {
|
|
top: 31px;
|
|
left: 272px}
|
|
|
|
BUTTON#MemoryCheckBtn {
|
|
top: 31px;
|
|
left: 372px}
|
|
|
|
BUTTON#ANormalBtn {
|
|
top: 31px;
|
|
left: 442px}
|
|
|
|
BUTTON#AControlBtn {
|
|
top: 31px;
|
|
left: 512px}
|
|
|
|
BUTTON#BNormalBtn {
|
|
top: 31px;
|
|
left: 582px}
|
|
|
|
BUTTON#BControlBtn {
|
|
top: 31px;
|
|
left: 652px}
|
|
|
|
BUTTON#PowerOnBtn {
|
|
top: 31px;
|
|
left: 752px}
|
|
|
|
BUTTON#PowerOffBtn {
|
|
top: 31px;
|
|
left: 822px}
|
|
|
|
.center {
|
|
text-align: center}
|
|
|
|
.data {
|
|
font-family: Courier New, Courier, monospace;
|
|
text-align: left}
|
|
|
|
.number {
|
|
font-family: Courier New, Courier, monospace;
|
|
text-align: right}
|