Look and feel of the rule editor page is now almost perfect. I would like

to know how to get the character entities onto the buttons...
This commit is contained in:
simon 2016-03-03 23:53:57 +00:00
parent 17145c808e
commit 3dbda68cd7
2 changed files with 29 additions and 29 deletions

View file

@ -67,20 +67,15 @@ li.tab a:active { background: gray; color: white; }
color: white;
}
.rule-editor {
color: black;
background-color: silver;
padding: 0;
}
.rule-cancel {
color: white;
background-color: red;
}
.rule-controls {
float: right;
margin-left: 2em;
display: none;
}
.rule-delete {
color: white;
background-color: red;
}
.rule-down {
@ -88,16 +83,32 @@ li.tab a:active { background: gray; color: white; }
background-color: orange;
}
.rule-editor {
color: black;
background-color: silver;
padding: 0;
}
.rule-editor:hover .rule-controls, .rule-editor:hover .rule-feedback {
display: block;
}
.rule-feedback {
font-family: monospace;
padding: 0.25em 1em;
width: 80%;
display: none;
}
.rule-input {
font-family: monospace;
width: 100%;
padding: 0.25em 1em;
display: block;
}
.rule-input:focus ~ .rule-controls, .rule-input:focus ~ .rule-feedback {
display: block;
}
.rule-ok {