diff --git a/index.css b/index.css index 00451fb2..bbb06fa9 100644 --- a/index.css +++ b/index.css @@ -12,124 +12,93 @@ body.mobile fieldset.Footer.foot { background-color:#000000b8; z-index:10; } -body.mobile fieldset.Action fieldset>form.option { - padding:0 5px; - height:36px; - min-width:640px; +body.mobile fieldset.River { + background-color:#243950bf; + position:fixed; top:48px; + min-width:240px; + font-size:24px; + z-index:10; } body.mobile fieldset.Action { padding-top:48px; } -body.mobile fieldset.River { - font-size:24px; - min-width:240px; - position:fixed; - z-index:10; - background-color:#243950bf; - top:56px; -} -body.mobile input { - font-size:18px; -} body.mobile select { font-size:18px; } - -fieldset.River>div.output div.list { - margin-left:8px; - padding-left:5px; -} -fieldset.River>div.output div.item { - border-left:solid 3px #00ffae; -} -fieldset.River>div.output div.list div.item { - border-left:solid 3px #ccdc4c; - background-color:#073540; -} -fieldset.River>div.output div.list div.item:hover { - cursor:pointer; - background-color:#2e515f; -} -fieldset.River>div.output div.list div.item.select { - border-left:solid 3px #ccdc4c; - background-color:#2e515f; +body.mobile input { + font-size:18px; } body { margin:0; padding:0; background:black; + color:cyan; } fieldset { - margin:0; border:0; padding:2px; - color:cyan; + margin:0; border:0; padding:0; } legend { - margin-left:10px; box-shadow:4px 4px 20px 4px #626bd0; } -legend:hover { - cursor:pointer; - background:red; -} -input[type=text] { - background-color:cyan; - color:black; -} input[type=button] { - background:black; - color:cyan; + background-color:black; color:cyan; + letter-spacing:4px; + padding-left:10px; +} +input[type=button]:hover { + background-color:gray; color:cyan; +} +input[type=text] { + box-shadow: 4px 4px 10px 1px #626bd0; + background-color:cyan; color:black; + padding: 0 4px; +} +input[type=text]:hover { + background-color:white; +} +input[name=cmd] { + width:160px; } select { - background:black; - color:cyan; + box-shadow: 4px 4px 10px 1px #626bd0; + background-color:black; color:cyan; + padding:0 10px; } table { - border:0; white-space: pre; + border:0; white-space:pre; font-size:14px; font-family:monospace; cursor:pointer; overflow: auto; +} +table tr { background:#04272f; } table tr:hover { background-color:#0fbd45; } -table tr.select { - background-color:#0fbd45; -} -table tr.over { - background:red; -} table th { background-color:#0fbd45; - padding: 0 10px; - cursor:pointer; + padding:2px 6px; +} +table th:hover { + background-color:red; } table td { - overflow:auto; - max-width:1200px; - padding:0 10px; -} -table td.done { - background-color:green; + max-width:1200px; overflow:auto; + padding:2px 6px; } table td:hover { background-color:red; } -table td.select { - background-color:red; -} -table td input { - margin-left:4px; -} h1 { margin:0; } div.code { - box-shadow: 4px 4px 20px 4px #626bd0; + background-color:#343a34f2; color:white; font-size:14px; font-family:monospace; - color:white; background-color:#343a34f2; + box-shadow: 4px 4px 20px 4px #626bd0; padding:10px; border:solid 3px green; text-align:left; white-space:pre; overflow:auto; @@ -138,18 +107,8 @@ div.hidden { display:none; } -fieldset>form.option { - padding:0 5px; -} -fieldset>form.option>br { - clear:both; -} fieldset>form.option>div.item { - margin-right:3px; - float:left; -} -fieldset>form.option>div.item label { - margin-right:3px; + float:left; margin-right:3px; } fieldset>form.option>div.item input.args.char { width:20px; @@ -161,8 +120,7 @@ fieldset>form.option>div.item input.args { width:80px; } fieldset>form.option>div.item input.args.cmd { - background-color:black; - color:white; + background-color:black; color:white; width:160px; } fieldset>form.option>div.item input.args.long { @@ -175,9 +133,8 @@ fieldset>form.option>div.item input.opts { width:80px; } fieldset>form.option>div.item textarea.args { + width:500px; height:50px; background-color:cyan; - width:500px; - height:50px; } fieldset>form.option>div.item.textarea { margin-top:4px; @@ -185,76 +142,51 @@ fieldset>form.option>div.item.textarea { } fieldset>div.action>div.item { - float:left; - margin:2px 0; + float:left; margin:2px 0; } fieldset>div.action>div.item.space { width:10px; } fieldset>div.status>div.item { - float:left; - padding:4px; + float:left; padding:4px; } fieldset>div.status>div.item>label { - font-size:10px; - color:gray; + font-size:10px; color:gray; } fieldset>div.output { - margin-top:4px; - clear:both; - overflow:auto; + clear:both; overflow:auto; position:relative; } fieldset>div.output div.code a { color:yellow; } -fieldset>div.output>div.project { +fieldset>div.output div.project { float:left; - /* position:fixed; */ } -fieldset>div.output>div.project div.item { +fieldset>div.output div.project div.item { + padding:2px 10px; text-align:left; + clear:both; cursor:pointer; +} +fieldset>div.output div.project div.item:hover { + background:red; +} +fieldset>div.output div.project div.list { margin-left:10px; - clear:both; -} -fieldset>div.output>div.project div.item:hover { - border:solid 1px red; -} -fieldset>div.output>div.project div.list { - margin-left:10px; -} -fieldset>div.output>pre.display { - position:sticky; bottom:0; - /* max-height:120px; */ - max-height:400px; - clear:both; -} -fieldset>div.output>pre.display:hover { - /* max-height:640px; */ } fieldset.input { - background-color:black; + background-color:#30a7a93d; position:fixed; -} -fieldset.input { - z-index:99; -} -fieldset.input.date { - z-index:101; + z-index:9; } fieldset.input.key { - z-index:101; + z-index:10; +} +fieldset.input.date { + z-index:11; } -fieldset.Header>div.output>div.menus { - margin-left:5px; - cursor:pointer; - float:left; -} -fieldset.Header>div.output>div.menus:hover { - background:gray; -} div.menu { position:absolute; background:#295b61; @@ -268,11 +200,34 @@ div.menu div.item { div.menu div.item:hover { background:red; } +div.carte { + color:cyan; + background:black; + border:solid 2px red; + position:fixed; + z-index:100; +} +div.carte div.item { + padding:0 5px; +} +div.carte div.item:hover { + background:red; + border:solid 2px yellow; + cursor:pointer; +} + +div.upload { + background:black; color:yellow; + position:fixed; + padding:5px; + z-index:100; +} +div.upload div.item { + float:left; +} div.toast { - color:yellow; - background:#0e3369b3; - border:solid 2px #0c8e4c; + background:#0e3369b3; color:yellow; position:fixed; padding:5px; z-index:100; @@ -298,70 +253,55 @@ div.toast div.progress div.current { height:10px; } -div.carte { - color:cyan; - background:black; - border:solid 2px red; - position:fixed; - z-index:100; -} -div.carte div.item { - padding:0 5px; -} -div.carte div.item:hover { - background:red; - border:solid 2px yellow; - cursor:pointer; -} - -div.upload { - color:yellow; - background:black; - border:solid 2px red; - position:fixed; - padding:5px; - z-index:100; -} -div.upload div.item { - float:left; -} - body.white { - margin:0; padding:0; - background-color:#0dabda; + background-color:#2f3638; + color:white; +} +body.white input[type=button] { + background-color:#FF9900; color:white; + border-radius:10px 10px 10px 10px; + border:2px solid #FF9900; +} +body.white input[type=button]:hover { + background-color:#FFCC33; + border:2px solid #FFCC33; } body.white input[type=text] { - border:2px solid #14a58e; + background-color:white; color:black; border-radius:6px 6px 6px 6px; - color:black; background-color:white; - box-shadow: 4px 4px 10px 1px #626bd0; - padding: 0 4px; + border:2px solid #14a58e; + } body.white input[type=text]:hover { background-color:cyan; } -body.white input[type=button] { - padding:0 20px; - border-radius:10px 10px 10px 10px; - border:2px solid #FF9900; - background-color:#FF9900; - color:white; -} -body.white input[type=button]:hover { - border-radius:10px 10px 10px 10px; - border:2px solid #FFCC33; - background-color:#FFCC33; -} body.white select { - padding:0 10px; - margin-top:2px; + background-color:#99CC66; color:white; border-radius:10px 10px 10px 10px; border:2px solid #99CC66; - background-color:#99CC66; - color:white; } -body.white select:hover { + +body.white fieldset.plugin table { + background-color:white; color:black; } +body.white fieldset.plugin table tr { + background-color:#e1f1ff; +} +body.white fieldset.plugin table tr:hover { + background-color:#99CCFF; +} +body.white fieldset.plugin table th { + background-color:#99CCFF; +} +body.white fieldset.plugin table th:hover { + background-color:#98ecd4; +} +body.white fieldset.plugin table td { +} +body.white fieldset.plugin table td:hover { + background-color:#98ecd4; +} + body.white table input[type=button][value=结束] { background:red; } @@ -372,54 +312,3 @@ body.white table input[type=button][value=启动] { background:#52ce78; } -body.white fieldset { - /* color:black; */ -} -body.white fieldset.pane { - margin:0; border:0; -} -body.white fieldset.plugin { - margin:0; border:0; - border-top:solid 2px #CCCCFF; - background-color:white; - color:black; -} -body.white fieldset.plugin table { - color:black; background-color:white; -} -body.white fieldset.plugin table tr { - background-color:#e1f1ff; -} -body.white fieldset.plugin table tr:hover { - background-color:#99CCFF; -} -body.white fieldset.plugin table tr.select { - background-color:#0fbd45; -} -body.white fieldset.plugin table th { - padding:4px; - background-color:#99CCFF; -} -body.white fieldset.plugin table td { - padding:4px; -} -body.white fieldset.plugin table td:hover { - background-color:#98ecd4; -} -body.white fieldset.editor { - background:#0b2c54ab; - color:white; -} - -fieldset.command>form.option>div.item input.args { - width:300px; -} -fieldset.command>form.option>div.item textarea { - height:160px; -} -fieldset.max>form.option>div.item textarea.args { - background-color:cyan; - width:500px; - height:120px; -} - diff --git a/pane/Action.css b/pane/Action.css index 4dd357e8..9c639d37 100644 --- a/pane/Action.css +++ b/pane/Action.css @@ -1,69 +1,36 @@ fieldset.Action { min-width:160px; - min-height:160px; - background:#051625; + background-color:#051625; + color:white; } -fieldset.Action>div.output { - overflow:auto; -} - fieldset.Action fieldset.plugin { - margin:5px; + box-shadow:2px 2px 10px 4px #626bd0; background-color:#113c4a; - box-shadow: 4px 4px 10px 4px #626bd0; + margin:8px; padding:4px; } fieldset.Action fieldset.plugin:hover { - border-color:red; + box-shadow:4px 4px 12px 6px #626bd0; } fieldset.Action fieldset.plugin legend { - border:ridge 2px cyan; - margin-top:5px; + background-color:#477182; color:white; + font-size:16px; font-family:monospace; + margin-top:4px 5px; padding:2px 20px; } -fieldset.Action fieldset.plugin form.option div.item { - margin:2px; -} -fieldset.Action fieldset.plugin div.output { - margin:5px; - color:white; +fieldset.Action fieldset.plugin legend:hover { + background:red; } body.white fieldset.Action { background-color:#0dabda; - border-top:0; } body.white fieldset.Action fieldset.plugin { - color:black; background-color:white; - border:0; border-top:solid 2px #CCCCFF; - box-shadow: 4px 4px 10px 4px #626bd0; - margin:8px 8px; -} -body.white fieldset.Action fieldset.plugin:hover { - border-top:solid 2px #6666FF; + background-color:white; color:black; } body.white fieldset.Action fieldset.plugin legend { - font-size:16px; font-family:monospace; - color:white; background-color:#339999; - padding:2px 20px; border:2px solid #99CCFF; + background-color:#339999; color:white; border-radius:10px 10px 10px 10px; } body.white fieldset.Action fieldset.plugin legend:hover { background-color:#6ee4e4; } -body.white fieldset.Action fieldset.plugin div.output{ - color:black; - padding:10px; -} -body.white fieldset.Action fieldset.plugin div.item input[type=button] { - letter-spacing:4px; -} -body.white fieldset.Action fieldset.plugin div.item input { - box-shadow: 4px 4px 10px 1px #626bd0; -} -body.white fieldset.Action fieldset.plugin div.item input[name=cmd] { - width:160px; -} -body.white fieldset.Action fieldset.plugin div.item select { - box-shadow: 4px 4px 10px 1px #626bd0; - margin-top:-2px; -} diff --git a/pane/Footer.css b/pane/Footer.css index a6180000..7db0554e 100644 --- a/pane/Footer.css +++ b/pane/Footer.css @@ -1,21 +1,20 @@ fieldset.Footer { - height:32px; + height:32px; padding:0 5px; clear:both; } -fieldset.Footer>div { - margin:7px 0; +fieldset.Footer>div.output>div { + height:22px; padding:5px; + cursor:pointer; } +fieldset.Footer>div.output>div:hover { + border-bottom:solid 2px red; + background-color:#2e515f; +} + fieldset.Footer>div.output div.title { - margin-left:5px; float:left; } fieldset.Footer>div.output div.state { - margin-right:5px; float:right; } -body.white fieldset.Footer { - border:solid 2px #1f2224; - background-color:#1f2224; - color:white; -} diff --git a/pane/Header.css b/pane/Header.css index 27b61193..44a50978 100644 --- a/pane/Header.css +++ b/pane/Header.css @@ -1,50 +1,31 @@ fieldset.Header { - height:32px; - clear:both; + height:32px; padding:0 5px; } -fieldset.Header>div { - margin:7px 0; -} -fieldset.Header>div.output>div.title { - margin-left:5px; +fieldset.Header>div.output>div { + height:22px; padding:5px; cursor:pointer; - float:left; } -fieldset.Header>div.output>div.title:hover { +fieldset.Header>div.output>div:hover { + border-bottom:solid 2px red; background-color:#2e515f; } -fieldset.Header>div.output>div.search { - margin-left:20px; + +fieldset.Header>div.output>div.title { float:left; } +fieldset.Header>div.output>div.search { + float:left; margin-left:20px; +} fieldset.Header>div.output>div.search>input { width:120px; } fieldset.Header>div.output>div.search>input:focus { width:240px; } -fieldset.Header>div.output>div.item { - margin-left:5px; - cursor:pointer; - float:left; +fieldset.Header>div.output>div.menus { + float:left; margin-left:5px; } fieldset.Header>div.output>div.state { - cursor:pointer; - margin-right:5px; float:right; } -fieldset.Header>div.output>div.state:hover { - background-color:#2e515f; -} -body.white fieldset.Header { - border:solid 2px #1f2224; - background-color:#2f3638; - color:white; -} -body.white fieldset.Header input[type=text] { - border:2px solid #c4c7ce; - border-radius:10px 10px 10px 10px; - background-color:white; - color:white; -} diff --git a/pane/River.css b/pane/River.css index d57b0382..6c8cd98f 100644 --- a/pane/River.css +++ b/pane/River.css @@ -1,26 +1,28 @@ fieldset.River { - min-width:80px; - max-width:160px; - min-height:160px; - overflow:auto; - float:left; -} -fieldset.River>div.output { - padding:0; + float:left; overflow:auto; } fieldset.River>div.output div.item { + border-left:solid 3px #00ffae; padding:3px 16px; + cursor:pointer; } fieldset.River>div.output div.item:hover { - cursor:pointer; background-color:#2e515f; } fieldset.River>div.output div.item.select { background-color:#2e515f; } -body.white fieldset.River { - border:solid 2px #1f2224; - background-color:#1f2224; - color:white; +fieldset.River>div.output div.list { + margin-left:8px; padding-left:5px; +} +fieldset.River>div.output div.list div.item { + border-left:solid 3px #ccdc4c; + background-color:#073540; +} +fieldset.River>div.output div.list div.item:hover { + background-color:#2e515f; +} +fieldset.River>div.output div.list div.item.select { + background-color:#2e515f; } diff --git a/plugin/local/code/inner.css b/plugin/local/code/inner.css index 57a42799..83b0edb3 100644 --- a/plugin/local/code/inner.css +++ b/plugin/local/code/inner.css @@ -32,19 +32,9 @@ fieldset.editor>div.output>table>tr>td:hover { fieldset.editor>div.output div.project { max-width:180px; overflow:auto; - text-align:left; padding:0 10px; font-size:14px; font-family:monospace; color:white; } -fieldset.editor>div.output div.project div.item { - cursor:pointer; -} -fieldset.editor>div.output div.project div.item:hover { - border:solid 2px red; -} -fieldset.editor>div.output div.project div.list { - padding-left:10px; -} fieldset.editor>div.output div.profile { padding:0; margin:0; position:relative;