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:
parent
17145c808e
commit
3dbda68cd7
2 changed files with 29 additions and 29 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue