pull/1238/head
parent
b5872a98c9
commit
986d6f5d0f
@ -1,148 +1,150 @@ |
|||||||
body { |
body { |
||||||
margin: 0; |
margin: 0; |
||||||
} |
} |
||||||
.editor { |
.editor { |
||||||
display: flex; |
display: flex; |
||||||
align-items: stretch; |
align-items: stretch; |
||||||
} |
} |
||||||
.setbox, |
.setbox, |
||||||
.menu, |
.menu, |
||||||
.outbox { |
.outbox { |
||||||
flex: 1; |
flex: 1; |
||||||
display: flex; |
display: flex; |
||||||
flex-flow: column; |
flex-flow: column; |
||||||
max-height: 100vh; |
max-height: 100vh; |
||||||
overflow-y: auto; |
overflow-y: auto; |
||||||
} |
} |
||||||
.menu { |
.menu { |
||||||
justify-content: center; |
justify-content: center; |
||||||
max-width: 90px; |
max-width: 90px; |
||||||
margin: 0 5px; |
margin: 0 5px; |
||||||
} |
} |
||||||
.menu .button { |
.menu .button { |
||||||
width: 90px; |
width: 90px; |
||||||
height: 30px; |
height: 30px; |
||||||
min-height: 30px; |
min-height: 30px; |
||||||
margin: 5px 0px; |
margin: 5px 0px; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
} |
} |
||||||
@keyframes stroker { |
@keyframes stroker { |
||||||
0% { |
0% { |
||||||
stroke-dashoffset: 0 |
stroke-dashoffset: 0; |
||||||
} |
} |
||||||
100% { |
100% { |
||||||
stroke-dashoffset: -240 |
stroke-dashoffset: -240; |
||||||
} |
} |
||||||
} |
} |
||||||
.button rect { |
.button rect { |
||||||
width: 100%; |
width: 100%; |
||||||
height: 100%; |
height: 100%; |
||||||
fill: transparent; |
fill: transparent; |
||||||
stroke: #666; |
stroke: #666; |
||||||
stroke-width: 2px; |
stroke-width: 2px; |
||||||
} |
} |
||||||
.button rect.busy { |
.button rect.busy { |
||||||
stroke: #fD1850; |
stroke: #fd1850; |
||||||
stroke-dasharray: 30 90; |
stroke-dasharray: 30 90; |
||||||
animation: stroker 1s linear infinite; |
animation: stroker 1s linear infinite; |
||||||
} |
} |
||||||
.button text { |
.button text { |
||||||
text-anchor: middle; |
text-anchor: middle; |
||||||
dominant-baseline: middle; |
dominant-baseline: middle; |
||||||
} |
} |
||||||
.setbox { |
.setbox { |
||||||
min-width: 40em; |
min-width: 40em; |
||||||
|
} |
||||||
|
.rules { |
||||||
|
overflow: auto; |
||||||
} |
} |
||||||
.rules, |
|
||||||
.tabbox { |
.tabbox { |
||||||
flex: 1; |
flex: 1; |
||||||
display: flex; |
display: flex; |
||||||
flex-flow: column; |
flex-flow: column; |
||||||
} |
} |
||||||
.rules>* { |
.rules > * { |
||||||
display: flex; |
display: flex; |
||||||
margin: 2px 0; |
margin: 2px 0; |
||||||
} |
} |
||||||
.rules textarea { |
.rules textarea { |
||||||
flex: 1; |
flex: 1; |
||||||
margin-left: 5px; |
margin-left: 5px; |
||||||
} |
} |
||||||
.rules>*, |
.rules > *, |
||||||
.rules>*>div, |
.rules > * > div, |
||||||
.rules textarea { |
.rules textarea { |
||||||
min-height: 1em; |
min-height: 1em; |
||||||
} |
} |
||||||
textarea { |
textarea { |
||||||
word-break: break-all; |
word-break: break-all; |
||||||
} |
} |
||||||
.tabtitle { |
.tabtitle { |
||||||
display: flex; |
display: flex; |
||||||
z-index: 1; |
z-index: 1; |
||||||
justify-content: flex-end; |
justify-content: flex-end; |
||||||
} |
} |
||||||
.tabtitle>div { |
.tabtitle > div { |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
padding: 1px 10px 0 10px; |
padding: 1px 10px 0 10px; |
||||||
border-bottom: 3px solid transparent; |
border-bottom: 3px solid transparent; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
.tabtitle>.this { |
.tabtitle > .this { |
||||||
color: #4f9da6; |
color: #4f9da6; |
||||||
border-bottom-color: #4EBBE4; |
border-bottom-color: #4ebbe4; |
||||||
} |
} |
||||||
.tabbody { |
.tabbody { |
||||||
flex: 1; |
flex: 1; |
||||||
display: flex; |
display: flex; |
||||||
margin-top: -1px; |
margin-top: -1px; |
||||||
border: 1px solid #A9A9A9; |
border: 1px solid #a9a9a9; |
||||||
height: 0; |
height: 0; |
||||||
} |
} |
||||||
.tabbody>* { |
.tabbody > * { |
||||||
flex: 1; |
flex: 1; |
||||||
flex-flow: column; |
flex-flow: column; |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
.tabbody>.this { |
.tabbody > .this { |
||||||
display: flex; |
display: flex; |
||||||
} |
} |
||||||
.tabbody>*>.titlebar{ |
.tabbody > * > .titlebar { |
||||||
display: flex; |
display: flex; |
||||||
} |
} |
||||||
.tabbody>*>.titlebar>*{ |
.tabbody > * > .titlebar > * { |
||||||
flex: 1; |
flex: 1; |
||||||
margin: 1px 1px 1px 1px; |
margin: 1px 1px 1px 1px; |
||||||
} |
} |
||||||
.tabbody>*>.context { |
.tabbody > * > .context { |
||||||
flex: 1; |
flex: 1; |
||||||
flex-flow: column; |
flex-flow: column; |
||||||
border: 0; |
border: 0; |
||||||
padding: 5px; |
padding: 5px; |
||||||
overflow-y: auto; |
overflow-y: auto; |
||||||
} |
} |
||||||
.tabbody>*>.inputbox{ |
.tabbody > * > .inputbox { |
||||||
border: 0; |
border: 0; |
||||||
border-bottom: #A9A9A9 solid 1px; |
border-bottom: #a9a9a9 solid 1px; |
||||||
height: 15px; |
height: 15px; |
||||||
text-align:center; |
text-align: center; |
||||||
} |
} |
||||||
.link>* { |
.link > * { |
||||||
display: flex; |
display: flex; |
||||||
margin: 5px; |
margin: 5px; |
||||||
border-bottom: 1px solid; |
border-bottom: 1px solid; |
||||||
text-decoration: none; |
text-decoration: none; |
||||||
} |
} |
||||||
#RuleList>label>* { |
#RuleList > label > * { |
||||||
background: #eee; |
background: #eee; |
||||||
padding-left: 3px; |
padding-left: 3px; |
||||||
margin: 2px 0; |
margin: 2px 0; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
} |
} |
||||||
#RuleList input[type=radio] { |
#RuleList input[type="radio"] { |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
#RuleList input[type="radio"]:checked+* { |
#RuleList input[type="radio"]:checked + * { |
||||||
background: #15cda8; |
background: #15cda8; |
||||||
} |
} |
||||||
.isError { |
.isError { |
||||||
color: #FF0000; |
color: #ff0000; |
||||||
} |
} |
||||||
|
Loading…
Reference in new issue