mirror of
https://github.com/pkimpel/retro-b5500.git
synced 2026-02-27 17:32:37 +00:00
114 lines
3.5 KiB
CSS
114 lines
3.5 KiB
CSS
/***********************************************************************
|
|
* retro-b5500/emulator B5500CardReader.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 Reader web interface style sheet.
|
|
************************************************************************
|
|
* 2013-06-09 P.Kimpel
|
|
* Original version, from B5500SPOUnit.css.
|
|
***********************************************************************/
|
|
|
|
BODY {
|
|
position: relative;
|
|
background-color: black;
|
|
margin: 4px}
|
|
|
|
DIV#CRDiv {
|
|
position: relative;
|
|
background-color: #666;
|
|
width: 700px;
|
|
height: 150px;
|
|
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: 10px;
|
|
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: 10px;
|
|
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: 10px;
|
|
font-weight: bold;
|
|
width: 60px;
|
|
height: 40px;
|
|
border: 1px solid #DDD;
|
|
border-radius: 4px}
|
|
|
|
BUTTON.greenLit {
|
|
background-color: green}
|
|
|
|
BUTTON.redLit {
|
|
background-color: #F00}
|
|
|
|
#CRNotReadyLight {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 8px}
|
|
|
|
#CREOFBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 76px}
|
|
|
|
#CRStopBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 144px}
|
|
|
|
#CRStartBtn {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 212px;}
|
|
|
|
#CRFileSelector {
|
|
position: absolute;
|
|
border: 1px solid white;
|
|
color: white;
|
|
width: 680px;
|
|
top: 54px;
|
|
left: 8px}
|
|
|
|
#CRProgressBar {
|
|
position: absolute;
|
|
border: 1px solid white;
|
|
width: 680px;
|
|
top: 84px;
|
|
left: 8px}
|
|
|
|
#CROutHopperFrame {
|
|
position: absolute;
|
|
top: 106px;
|
|
left: 8px;
|
|
width: 680px;
|
|
height: 35px;
|
|
border: 1px solid white;
|
|
color: black;
|
|
background-color: white;
|
|
font-family: Lucida Sans Typewriter, Courier New, Courier, monospace;
|
|
font-size: 8pt;
|
|
font-weight: normal}
|