1
0
mirror of https://github.com/pkimpel/retro-220.git synced 2026-01-13 15:18:24 +00:00
pkimpel.retro-220/webUI/B220ConsoleKeyboard.css
Paul Kimpel f891d5198d Commit emulator version 0.00c:
1. Initial implementation of integer and floating arithmetics, RND (16), and EXT (17) (not fully tested yet).
2. Implement Console Keyboard, integration with main Console, and KAD (08) instruction.
3. Implement BCS (38).
4. Correct S-to-C and S-to-P stop detection.
5. Improvements to lamp glow computation and management.
6. Implement right-hand clear bars on Console registers.
2017-03-12 12:30:07 -07:00

120 lines
3.1 KiB
CSS

/***********************************************************************
* retro-220/webUI B220ConsoleKeyboard.css
************************************************************************
* Copyright (c) 2017, Paul Kimpel.
* Licensed under the MIT License, see
* http://www.opensource.org/licenses/mit-license.php
************************************************************************
* Burroughs 220 emulator Console Keyboard style sheet.
************************************************************************
* 2017-03-08 P.Kimpel
* Original version, from retro-205 D205ControlConsole.css
***********************************************************************/
BUTTON.keyboardBtn {
position: absolute;
width: 40px;
height: 32px;
background-color: black;
color: white;
font-family: DejaVuSansWeb, sans-serif;
font-size: 10pt;
border: 1px solid #666;
box-shadow: 2px 2px 1px #999}
BUTTON.keyboardBtnDown {
background-color: #333;
color: #CCC;
border: 1px solid black;
box-shadow: 2px 2px 1px #000 inset}
#KeyboardCase {
position: relative;
height: 264px;
width: 240px;
margin: 0;
background-color: #FBFBF3;
box-shadow: 3px 3px 2px #999}
#InnerCase {
position: absolute;
left: 16px;
right: 16px;
top: 16px;
bottom: 40px;
border: 1px solid #CCC;
box-shadow: 2px 2px 1px #CCC inset}
#AddBtn {
left: 8px;
top: 8px}
#CBtn {
left: 8px;
top: 48px}
#EBtn {
left: 8px;
top: 88px}
#ExamBtn {
left: 8px;
top: 128px}
#EntBtn {
left: 8px;
top: 168px}
#StepBtn {
width: 136px;
left: 64px;
top: 8px}
#Btn9 {
left: 160px;
top: 48px}
#Btn8 {
left: 112px;
top: 48px}
#Btn7 {
left: 64px;
top: 48px}
#Btn6 {
left: 160px;
top: 88px}
#Btn5 {
left: 112px;
top: 88px}
#Btn4 {
left: 64px;
top: 88px}
#Btn3 {
left: 160px;
top: 128px}
#Btn2 {
left: 112px;
top: 128px}
#Btn1 {
left: 64px;
top: 128px}
#Btn0 {
width: 136px;
left: 64px;
top: 168px}
#EnabledLamp {
position: absolute;
bottom: 8px;
left: calc(50% - 14px);
box-shadow: 3px 3px 2px #999;
border: 2px solid #DDD}