style update
This commit is contained in:
Stewart Allen
parent
a4f88cd662
commit
8b85cd72df
2 changed files with 67 additions and 63 deletions
|
|
@ -6,22 +6,21 @@ input[type=range]::-moz-focus-outer {
|
|||
}
|
||||
.dialog {
|
||||
display: none;
|
||||
color: white;
|
||||
color: black;
|
||||
padding: 10px;
|
||||
border: 1px solid rgba(255,255,255,0.75);
|
||||
background-color: rgba(20,20,20,0.75);
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border: 3px solid #ddd;
|
||||
border-radius: 3px;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
position: fixed;
|
||||
top: 5px;
|
||||
}
|
||||
.dialog span {
|
||||
padding: 2px 5px 2px 5px;
|
||||
margin: 0 5px 5px 5px;
|
||||
background-color: #333;
|
||||
background-color: #eee;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border: 1px solid #555;
|
||||
border-top-right-radius: 5px;
|
||||
border: 1px solid #aaa;
|
||||
text-align: center;
|
||||
}
|
||||
.helper {
|
||||
|
|
@ -127,9 +126,10 @@ input[type=range]::-moz-focus-outer {
|
|||
text-align: center;
|
||||
top: 50px;
|
||||
left: 50%;
|
||||
color: white;
|
||||
border: 1px solid white;
|
||||
background-color: rgba(20,20,20,0.75);
|
||||
color: black;
|
||||
border: 10px solid #ddd;
|
||||
border-radius: 10px;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
padding: 10px;
|
||||
}
|
||||
#print-close {
|
||||
|
|
@ -141,14 +141,14 @@ input[type=range]::-moz-focus-outer {
|
|||
#print > div {
|
||||
border: 1px solid #888;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 6px 0 6px 0;
|
||||
}
|
||||
#print .print-sel:hover {
|
||||
border: 1px solid yellow;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
#print table {
|
||||
width: 100%;
|
||||
|
|
@ -163,8 +163,8 @@ input[type=range]::-moz-focus-outer {
|
|||
text-align: right;
|
||||
}
|
||||
#print input[disabled] {
|
||||
background-color: #bbb;
|
||||
border-color: #ccc;
|
||||
background-color: #eee;
|
||||
border-color: #ddd;
|
||||
color: black;
|
||||
}
|
||||
#print-density {
|
||||
|
|
@ -181,11 +181,11 @@ input[type=range]::-moz-focus-outer {
|
|||
font-size: 10px;
|
||||
}
|
||||
#print a {
|
||||
color: #8ae;
|
||||
color: #68d;
|
||||
}
|
||||
#print a:hover {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
color: #46a;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
/** sender dialog */
|
||||
|
|
@ -216,14 +216,14 @@ input[type=range]::-moz-focus-outer {
|
|||
#sender > div {
|
||||
border: 1px solid #888;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 6px 0 6px 0;
|
||||
}
|
||||
#sender .sender-sel:hover {
|
||||
border: 1px solid yellow;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
#sender table {
|
||||
width: 100%;
|
||||
|
|
@ -305,9 +305,10 @@ input[type=range]::-moz-focus-outer {
|
|||
text-align: left;
|
||||
top: 50px;
|
||||
left: 50%;
|
||||
color: white;
|
||||
border: 1px solid white;
|
||||
background-color: rgba(20,20,20,0.75);
|
||||
color: black;
|
||||
border-radius: 10px;
|
||||
border: 10px solid #ddd;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
padding: 10px;
|
||||
}
|
||||
#help-close {
|
||||
|
|
@ -317,11 +318,11 @@ input[type=range]::-moz-focus-outer {
|
|||
top: 3px;
|
||||
}
|
||||
#help a {
|
||||
color: #8ae;
|
||||
color: #68d;
|
||||
}
|
||||
#help a:hover {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
color: #46a;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
}
|
||||
#help p {
|
||||
font-weight: normal;
|
||||
|
|
@ -350,10 +351,10 @@ button.selected {
|
|||
width: 200px;
|
||||
padding: 2px 5px 2px 5px;
|
||||
margin: 0 5px 5px 5px;
|
||||
background-color: #333;
|
||||
background-color: #eee;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border: 1px solid #555;
|
||||
border-top-right-radius: 5px;
|
||||
border: 1px solid #aaa;
|
||||
text-align: center;
|
||||
}
|
||||
#tool-cols > div {
|
||||
|
|
@ -362,7 +363,7 @@ button.selected {
|
|||
margin: 5px;
|
||||
border: 1px solid #aaa;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
#tool-info > div {
|
||||
margin-top: 2px;
|
||||
|
|
@ -424,10 +425,10 @@ button.selected {
|
|||
width: 200px;
|
||||
padding: 2px 5px 2px 5px;
|
||||
margin: 0 5px 5px 5px;
|
||||
background-color: #333;
|
||||
background-color: #eee;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border: 1px solid #555;
|
||||
border-top-right-radius: 5px;
|
||||
border: 1px solid #aaa;
|
||||
text-align: center;
|
||||
}
|
||||
#device-cols > div {
|
||||
|
|
@ -435,8 +436,7 @@ button.selected {
|
|||
padding: 5px;
|
||||
margin: 5px;
|
||||
border: 1px solid #aaa;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#device-info > div {
|
||||
margin-top: 2px;
|
||||
|
|
@ -467,7 +467,7 @@ button.selected {
|
|||
flex-grow: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: white;
|
||||
color: black;
|
||||
border: 0;
|
||||
margin-bottom: 2px;
|
||||
padding-bottom: 2px;
|
||||
|
|
@ -479,7 +479,7 @@ button.selected {
|
|||
display: none;
|
||||
}
|
||||
#device-list option[local="1"] {
|
||||
color: #ff5;
|
||||
color: #55f;
|
||||
}
|
||||
#device label {
|
||||
white-space: nowrap;
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ body,div {
|
|||
}
|
||||
label {
|
||||
font-size: 14px;
|
||||
border-bottom: 1px solid #888;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-right: 2px;
|
||||
}
|
||||
canvas {
|
||||
|
|
@ -32,9 +32,8 @@ button {
|
|||
outline: none;
|
||||
max-width: 25ex;
|
||||
border: 1px solid rgba(220,220,220,0.8);
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
background-color: rgba(210,210,210,0.8);
|
||||
border-radius: 3px;
|
||||
background-color: white;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #eee;
|
||||
|
|
@ -89,16 +88,18 @@ button[del] {
|
|||
width: 33.33%;
|
||||
}
|
||||
.grouphead {
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
color: black;
|
||||
background-color: rgba(170,221,255,0.75);
|
||||
border: 1px solid #ccc;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
padding: 4px 5px 3px 5px;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 1px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 10pt;
|
||||
font-weight: normal;
|
||||
background-color: rgba(0,0,0,0.75);
|
||||
font-weight: bold;
|
||||
}
|
||||
.grouphead:hover {
|
||||
cursor: default;
|
||||
|
|
@ -122,9 +123,8 @@ button[del] {
|
|||
}
|
||||
.buton {
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
background-color: #fec;
|
||||
}
|
||||
|
||||
.flow-row {
|
||||
position: relative;
|
||||
-webkit-flex-direction: row;
|
||||
|
|
@ -163,12 +163,13 @@ button[del] {
|
|||
}
|
||||
|
||||
.control input {
|
||||
background-color: #ddd;
|
||||
background-color: #eee;
|
||||
margin-bottom: 1px;
|
||||
text-align: right;
|
||||
}
|
||||
.control input:focus {
|
||||
background-color: #dee;
|
||||
background-color: #fec;
|
||||
outline: none;
|
||||
}
|
||||
.control input[disabled] {
|
||||
background-color: #aaa;
|
||||
|
|
@ -197,14 +198,15 @@ button[del] {
|
|||
position: fixed;
|
||||
z-index: 10000;
|
||||
color: #eee;
|
||||
top: 0px;
|
||||
top: 5px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
padding: 5px;
|
||||
border-top: 1px solid #bbb;
|
||||
border-right: 1px solid #bbb;
|
||||
border-bottom: 1px solid #bbb;
|
||||
background-color: rgba(20,20,20,0.5);
|
||||
border-top: 3px solid #ddd;
|
||||
border-right: 3px solid #ddd;
|
||||
border-bottom: 3px solid #ddd;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
background-color: white;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
#control-left::-webkit-scrollbar {
|
||||
|
|
@ -216,15 +218,17 @@ button[del] {
|
|||
#control-right {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
top: 0px;
|
||||
top: 5px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
bottom: 5px;
|
||||
padding: 5px;
|
||||
border-top: 1px solid #bbb;
|
||||
border-left: 1px solid #bbb;
|
||||
border-bottom: 1px solid #bbb;
|
||||
background-color: rgba(20,20,20,.5);
|
||||
color: #eee;
|
||||
border-top: 3px solid #ddd;
|
||||
border-left: 3px solid #ddd;
|
||||
border-bottom: 3px solid #ddd;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
background-color: white;
|
||||
color: #222;
|
||||
overflow-y: scroll;
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
|
@ -258,7 +262,7 @@ button[del] {
|
|||
#welcome {
|
||||
color: white;
|
||||
padding: 10px;
|
||||
border: 1px solid white;
|
||||
border: 10px solid white;
|
||||
background-color: rgba(20,20,20,0.75);
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue