Added console and sequence designs.
This commit is contained in:
parent
d2ad8aa274
commit
f73789bc4c
|
@ -524,25 +524,6 @@ button:focus {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #DAE035;
|
color: #DAE035;
|
||||||
}
|
}
|
||||||
#console {
|
|
||||||
background: #000;
|
|
||||||
border-top: 2px solid rgba(255, 255, 255, 0.3);
|
|
||||||
}
|
|
||||||
#console textarea {
|
|
||||||
font-family: 'Menlo', monospace;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 17px;
|
|
||||||
outline: none !important;
|
|
||||||
border: none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 0;
|
|
||||||
padding: 20px;
|
|
||||||
width: 100%;
|
|
||||||
height: 160px;
|
|
||||||
display: block;
|
|
||||||
background: black;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
#buttons > div {
|
#buttons > div {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -566,10 +547,10 @@ button:focus {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
.cmd.fwd i {
|
.cmd.fwd i {
|
||||||
color: #00C4A0;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.cmd.bwd i {
|
.cmd.bwd i {
|
||||||
color: #AB1A25;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.cmd:active.fwd,
|
.cmd:active.fwd,
|
||||||
.cmd.active.fwd {
|
.cmd.active.fwd {
|
||||||
|
@ -674,6 +655,25 @@ button:focus {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 6px 14px 4px;
|
padding: 6px 14px 4px;
|
||||||
}
|
}
|
||||||
|
#console {
|
||||||
|
background: #000;
|
||||||
|
border-top: 2px solid rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
#console textarea {
|
||||||
|
font-family: 'Menlo', monospace;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 17px;
|
||||||
|
outline: none !important;
|
||||||
|
border: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
|
height: 122px;
|
||||||
|
display: block;
|
||||||
|
background: black;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
#log {
|
#log {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -738,7 +738,7 @@ button:focus {
|
||||||
#counters_2 .proj,
|
#counters_2 .proj,
|
||||||
#move_to .proj {
|
#move_to .proj {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
#counters .cam label,
|
#counters .cam label,
|
||||||
#counters_2 .cam label,
|
#counters_2 .cam label,
|
||||||
|
@ -786,10 +786,25 @@ button:focus {
|
||||||
#move_to {
|
#move_to {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
#move_to .cam > div,
|
||||||
|
#move_to .proj > div {
|
||||||
|
width: 294px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
#move_to .cam label,
|
#move_to .cam label,
|
||||||
#move_to .proj label {
|
#move_to .proj label {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
#move_to .cam input,
|
||||||
|
#move_to .proj input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 206px;
|
||||||
|
}
|
||||||
|
#move_to .cam button,
|
||||||
|
#move_to .proj button {
|
||||||
|
padding: 7px 16px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
#overlay {
|
#overlay {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
|
@ -11,4 +11,25 @@
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 6px 14px 4px;
|
padding: 6px 14px 4px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//mscript console
|
||||||
|
#console{
|
||||||
|
background: #000;
|
||||||
|
border-top: 2px solid rgba(255, 255, 255, 0.3);
|
||||||
|
textarea{
|
||||||
|
.monospace();
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 17px;
|
||||||
|
outline: none !important;
|
||||||
|
border: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
|
height: 122px;
|
||||||
|
display: block;
|
||||||
|
background: black;
|
||||||
|
color: @COMMON;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -184,24 +184,4 @@
|
||||||
width: 121px;
|
width: 121px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: @SELECTED;
|
color: @SELECTED;
|
||||||
}
|
|
||||||
|
|
||||||
#console{
|
|
||||||
background: #000;
|
|
||||||
border-top: 2px solid rgba(255, 255, 255, 0.3);
|
|
||||||
textarea{
|
|
||||||
.monospace();
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 17px;
|
|
||||||
outline: none !important;
|
|
||||||
border: none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 0;
|
|
||||||
padding: 20px;
|
|
||||||
width: 100%;
|
|
||||||
height: @FOOTER_H;
|
|
||||||
display: block;
|
|
||||||
background: black;
|
|
||||||
color: @COMMON;
|
|
||||||
}
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue