gorhill
10 years ago
1 changed files with 0 additions and 228 deletions
@ -1,228 +0,0 @@ |
|||||
#navi-bar { |
|
||||
border-bottom: 1px solid #ccc; |
|
||||
padding: 0 0.5em 0.5em 0.5em; |
|
||||
position: fixed; |
|
||||
background-color: white; |
|
||||
width: 100%; |
|
||||
height: 7em; |
|
||||
z-index: 100; |
|
||||
} |
|
||||
#navi-bar + div { |
|
||||
padding: 8em 0.5em 1em 0.5em; |
|
||||
} |
|
||||
table { |
|
||||
border: 0; |
|
||||
border-collapse: collapse; |
|
||||
} |
|
||||
table td { |
|
||||
margin: 0; |
|
||||
border: 0; |
|
||||
padding: 4px 0; |
|
||||
vertical-align: top; |
|
||||
} |
|
||||
table td h2 { |
|
||||
margin: 0; |
|
||||
} |
|
||||
textarea { |
|
||||
box-sizing: border-box; |
|
||||
width: 99%; |
|
||||
height: 20em; |
|
||||
} |
|
||||
button { |
|
||||
margin: 0.5em 0.25em 0 0; |
|
||||
border: 1px solid rgba(0,0,0,0.2); |
|
||||
border-radius: 5px; |
|
||||
padding: 0.25em 0.75em; |
|
||||
font: inherit; |
|
||||
background-color: #eee; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
button .fa { |
|
||||
margin-right: 0.5em; |
|
||||
font-size: large; |
|
||||
} |
|
||||
|
|
||||
#recipeDecode, #recipeImport, #recipeEncode, #recipeExport { |
|
||||
cursor: pointer; |
|
||||
opacity: 0.5; |
|
||||
} |
|
||||
#recipeImport, #recipeExport { |
|
||||
padding-top: 32px; |
|
||||
display: inline-block; |
|
||||
} |
|
||||
#recipeDecode, #recipeEncode { |
|
||||
margin: 0 4px; |
|
||||
padding-top: 28px; |
|
||||
display: inline-block; |
|
||||
height: 28px; |
|
||||
} |
|
||||
#recipeDecode { |
|
||||
margin-bottom: 1em; |
|
||||
background: url('/img/decode.png') no-repeat center top; |
|
||||
} |
|
||||
#recipeEncode { |
|
||||
margin-top: 1em; |
|
||||
background: url('/img/encode.png') no-repeat center top; |
|
||||
} |
|
||||
#recipeImport { |
|
||||
background: url('/img/import.png') no-repeat center top; |
|
||||
} |
|
||||
#recipeExport { |
|
||||
background: url('/img/export.png') no-repeat center top; |
|
||||
} |
|
||||
#recipeDecode:hover, #recipeImport:hover, #recipeEncode:hover, #recipeExport:hover { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
.recipe { |
|
||||
margin: 2px; |
|
||||
border: 1px solid #ddd; |
|
||||
padding: 1px; |
|
||||
font-family: monospace; |
|
||||
font-size: smaller; |
|
||||
line-height: 110%; |
|
||||
color: #888; |
|
||||
background-color: #f2f2f2; |
|
||||
white-space: pre; |
|
||||
overflow-x: hidden; |
|
||||
} |
|
||||
.scopes ul { |
|
||||
margin: 0; |
|
||||
padding-left: 1em; |
|
||||
list-style: none; |
|
||||
} |
|
||||
.scopes > ul { |
|
||||
padding: 0; |
|
||||
} |
|
||||
.scopes > ul > li.scope { |
|
||||
margin: 4px; |
|
||||
border: 1px dotted #ccc; |
|
||||
display: inline-block; |
|
||||
vertical-align: top; |
|
||||
} |
|
||||
.scopes > ul > li.scope:hover { |
|
||||
border: 1px solid #ccc; |
|
||||
} |
|
||||
.scopes > ul > li.scope.todelete { |
|
||||
background-color: #fee; |
|
||||
text-decoration: line-through; |
|
||||
} |
|
||||
.scopes > ul > li.scope > div:first-child { |
|
||||
margin: 0; |
|
||||
border: 0; |
|
||||
padding: 2px; |
|
||||
} |
|
||||
.scopes > ul > li.scope > div:first-child .scopeName { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.scopes > ul > li.scope > div:first-child .state { |
|
||||
padding: 3px 3px 0 3px; |
|
||||
float: right; |
|
||||
font-size: 120%; |
|
||||
} |
|
||||
.scopes > ul > li.scope > div:first-child .state::before { |
|
||||
content: '\f09c'; |
|
||||
} |
|
||||
.scopes > ul > li.scope.permanent > div:first-child .state::before { |
|
||||
content: '\f023'; |
|
||||
opacity: 0.25; |
|
||||
} |
|
||||
.scopes > ul > li.scope.todelete > div:first-child .state::before { |
|
||||
content: '\f00d'; |
|
||||
opacity: 1; |
|
||||
color: red; |
|
||||
} |
|
||||
#global.scopes > ul > li.scope > div:first-child { |
|
||||
color: #000; |
|
||||
background-color: #eee; |
|
||||
} |
|
||||
#global.scopes > ul > li.scope > ul > li > ul { |
|
||||
min-width: 12em; |
|
||||
} |
|
||||
#perdomain.scopes > ul > li.scope > *:first-child { |
|
||||
color: #24c; |
|
||||
background-color: #eee; |
|
||||
} |
|
||||
#persite.scopes > ul > li.scope > *:first-child { |
|
||||
color: #48c; |
|
||||
background-color: #f4f4f4; |
|
||||
} |
|
||||
#global.scopes > ul > li.scope > ul > li { |
|
||||
margin-left: 2em; |
|
||||
display: inline-block; |
|
||||
vertical-align: top; |
|
||||
} |
|
||||
#global.scopes > ul > li.scope > ul > li:first-child { |
|
||||
margin-left: 0; |
|
||||
} |
|
||||
.scopes > ul > li.scope > .recipe { |
|
||||
margin: 1em 2px 2px 2px; |
|
||||
border: 1px solid #ddd; |
|
||||
padding: 1px; |
|
||||
font-size: 12px; |
|
||||
line-height: 110%; |
|
||||
display: inline-block; |
|
||||
vertical-align: bottom; |
|
||||
width: 20em; |
|
||||
height: 2em; |
|
||||
color: #888; |
|
||||
background-color: #f2f2f2; |
|
||||
white-space: pre; |
|
||||
overflow: hidden; |
|
||||
opacity: 0.25; |
|
||||
} |
|
||||
.scopes > ul > li.scope .recipe:hover { |
|
||||
opacity: 1.0; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li.white { |
|
||||
color: #080; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li.black { |
|
||||
color: #c00; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li.gray { |
|
||||
color: #aaa; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li > ul > li { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li > ul > li:hover { |
|
||||
background-color: #eef; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li > ul > li > span.state { |
|
||||
padding: 4px 4px 0 4px; |
|
||||
display: inline-block; |
|
||||
float: right; |
|
||||
visibility: hidden; |
|
||||
} |
|
||||
.scopes > ul > li.scope.permanent > ul > li > ul > li > span.state { |
|
||||
visibility: visible; |
|
||||
} |
|
||||
.scopes > ul > li.scope.permanent > ul > li > ul > li > span.state::before { |
|
||||
content: '\f09c'; |
|
||||
} |
|
||||
.scopes > ul > li.scope.permanent > ul > li > ul > li.permanent > span.state::before { |
|
||||
content: '\f023'; |
|
||||
opacity: 0.25; |
|
||||
} |
|
||||
.scopes > ul > li.scope.todelete > ul > li > ul > li.rule { |
|
||||
background-color: #fee; |
|
||||
text-decoration: line-through; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li > ul > li.rule.todelete { |
|
||||
background-color: #fee; |
|
||||
text-decoration: line-through; |
|
||||
} |
|
||||
.scopes > ul > li.scope > ul > li > ul > li.rule.todelete > span.state::before { |
|
||||
content: '\f00d'; |
|
||||
opacity: 1; |
|
||||
color: red; |
|
||||
} |
|
||||
.scopes > ul > li.scope.todelete > ul > li > ul > li.rule > span.state::before { |
|
||||
content: '\f00d'; |
|
||||
opacity: 1; |
|
||||
color: red; |
|
||||
} |
|
||||
.bad { |
|
||||
background-color: #fdd; |
|
||||
} |
|
||||
|
|
Write
Preview
Loading…
Cancel
Save
Reference in new issue