mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 16:58:06 +08:00
opt theme
This commit is contained in:
parent
0e50b34b2f
commit
695b5b658e
415
index.css
415
index.css
@ -1,86 +1,32 @@
|
|||||||
// * { transition:background-color ease-in 5s; }
|
|
||||||
* { tab-size:4; box-sizing:border-box; padding:0; border:0; margin:0; }
|
* { tab-size:4; box-sizing:border-box; padding:0; border:0; margin:0; }
|
||||||
body { background-color:black; color:cyan; font-size:16px; }
|
body { font-size:16px; }
|
||||||
legend { background-color:cadetblue; color:white; padding:0 20px; margin-right:10px; }
|
legend { padding:0 20px; }
|
||||||
select { background-color:black; color:cyan; padding:0 10px; margin-right:10px; }
|
input:not([type=file]) { padding:0 10px; }
|
||||||
input:not([type=file]) { background-color:cyan; padding:0 10px; margin-right:10px; }
|
|
||||||
input:not([type=button]) { width:120px; }
|
input:not([type=button]) { width:120px; }
|
||||||
input[name=path] { width:160px; }
|
input[name=path] { width:160px; }
|
||||||
input[name=line] { width:60px; }
|
input[name=line] { width:60px; }
|
||||||
input[name=limit] { width:60px; }
|
input[name=limit] { width:60px; }
|
||||||
input[name=offend] { width:60px; }
|
input[name=offend] { width:60px; }
|
||||||
input[name=id] { width:60px; }
|
input[name=id] { width:60px; }
|
||||||
input[name=ID] { width:60px; }
|
|
||||||
input[name=url] { width:320px; }
|
input[name=url] { width:320px; }
|
||||||
input[name=cmd] { background-color:black; color:white; width:100%; }
|
input[name=cmd] { background-color:black; color:white; width:100%; }
|
||||||
input[type=button] { background-color:black; color:cyan; }
|
table.content.full { width:100%; }
|
||||||
input:hover[type=button][name=create] { background-color:blue; color:white; }
|
|
||||||
input:hover[type=button][name=insert] { background-color:blue; color:white; }
|
|
||||||
input:hover[type=button][name=restart] { background-color:blue; color:white; }
|
|
||||||
input:hover[type=button][name=start] { background-color:blue; color:white; }
|
|
||||||
input:hover[type=button][name=run] { background-color:blue; color:white; }
|
|
||||||
input:hover[type=button][name=open] { background-color:blue; color:white; }
|
|
||||||
input:hover[type=button][name=stop] { background-color:red; color:white; }
|
|
||||||
input:hover[type=button][name=trash] { background-color:red; color:white; }
|
|
||||||
input:hover[type=button][name=delete] { background-color:red; color:white; }
|
|
||||||
input:hover[type=button][name=remove] { background-color:red; color:white; }
|
|
||||||
textarea { background-color:cyan; padding:5px; width:100%; }
|
|
||||||
/* output */
|
|
||||||
div.project div.list { margin-left:10px; }
|
|
||||||
div.project div.item { padding:2px 10px; }
|
|
||||||
div.project div.item>div.name { padding-left:15px; }
|
|
||||||
div.project div.expand { float:left; transition:all 0.3s; }
|
|
||||||
div.project div.expand.open { rotate:90deg; translate:1px 2px; transition:all 0.3s; }
|
|
||||||
div.project div.zone>div.item { background-color:steelblue; color:white; text-align:center; padding:3px; }
|
|
||||||
div.project div.zone>div.item>div.icon { margin-left:3px; display:none; float:right; }
|
|
||||||
div.project div.zone>div.list>div.zone>div.item { text-align:left; padding-left:20px; }
|
|
||||||
div.project div.zone>div.list>div.zone>div.item:hover { margin-left:10px; transition:all 0.3s; }
|
|
||||||
div.project div.zone>div.list { min-width:200px; overflow:auto; }
|
|
||||||
div.project div.zone>div.action>div.item { float:right; clear:none; }
|
|
||||||
div.project div.zone>div.action>div.item input[type=text] { margin-right:-10px; }
|
|
||||||
table.content thead { position:sticky; top:2px; }
|
table.content thead { position:sticky; top:2px; }
|
||||||
table.content th { background-color:steelblue; padding:2px 5px; }
|
table.content th { padding:2px 5px; }
|
||||||
table.content td { padding:2px 5px; }
|
table.content td { padding:2px 5px; }
|
||||||
table.content.action th:last-child { position:sticky; right:2px; }
|
table.content.action th:last-child { position:sticky; right:2px; }
|
||||||
table.content.action td:last-child { background-color:steelblue; max-width:200px; position:sticky; right:2px; }
|
table.content.action td:last-child { max-width:200px; position:sticky; right:2px; }
|
||||||
body.mobile table.content.action td:last-child { max-width:140px; }
|
h1 { text-align:center; margin:20px 0; } h2 { margin:20px 0; } h3 { margin:20px 0; } ul { padding-left:40px; margin:20px 0; }
|
||||||
table.content.full { width:100%; }
|
|
||||||
div.code { background-color:#5066b945; font-size:14px; }
|
|
||||||
div.story[data-type=spark] { padding:5px 10px; border-left:blue solid 5px; }
|
|
||||||
table.content div.story[data-type=spark] { margin:0; }
|
|
||||||
h1 { text-align:center; margin:20px 0; } h2 { margin:20px 0; } h3 { margin:20px 0; } ul { text-align:left; padding-left:40px; margin:20px 0; }
|
|
||||||
hr, td.hr { border-bottom:gray dashed 1px; margin:5px; }
|
hr, td.hr { border-bottom:gray dashed 1px; margin:5px; }
|
||||||
/* fieldset */
|
/* fieldset */
|
||||||
fieldset.contexts { position:fixed; }
|
fieldset>legend { margin-right:10px; }
|
||||||
fieldset.panel>legend { display:none; }
|
fieldset>form.option>div.item { margin-right:10px; }
|
||||||
fieldset.panel>div.status { display:none; }
|
fieldset>div.action>div.item { margin-right:10px; }
|
||||||
fieldset.plugin { background-color:#061c3c9e; }
|
|
||||||
fieldset.plugin>div.status { border-top:darkcyan solid 1px; }
|
|
||||||
fieldset.story>div.status { border-top:darkcyan solid 1px; }
|
|
||||||
fieldset.output { padding:0; margin:0; }
|
|
||||||
fieldset.output>legend { display:none; }
|
|
||||||
fieldset.output>form.option { display:none; }
|
|
||||||
fieldset.output>div.action { display:none; }
|
|
||||||
fieldset.output>div.status { display:none; }
|
|
||||||
fieldset.output div.toggle { display:none; }
|
|
||||||
fieldset.simple>legend { display:none; }
|
|
||||||
fieldset.simple>form.option { display:none; }
|
|
||||||
fieldset.simple>div.status { display:none; }
|
|
||||||
fieldset.simple div.toggle { display:none; }
|
|
||||||
fieldset.float { background-color:#061c3ceb; }
|
|
||||||
fieldset.full { background-color:#061c3ceb; }
|
|
||||||
fieldset.full { position:fixed; left:0; top:0; }
|
|
||||||
/* input */
|
|
||||||
fieldset.input>legend { display:none; }
|
fieldset.input>legend { display:none; }
|
||||||
fieldset.input.key { overflow:auto; }
|
|
||||||
fieldset.input.key div.action { display:none; }
|
fieldset.input.key div.action { display:none; }
|
||||||
fieldset.input.key.simple div.status { display:block; position:sticky; bottom:0; }
|
fieldset.input.key div.status { display:block; position:sticky; bottom:0; }
|
||||||
fieldset.input.key.simple th { display:none; }
|
fieldset.input.key.simple th { display:none; }
|
||||||
fieldset.input.key.simple td { min-width:40px; }
|
fieldset.input.key.simple td { min-width:40px; }
|
||||||
fieldset.input.date select { margin-right:0; width:87px; }
|
|
||||||
fieldset.input.date select[name=year] { width:128px; }
|
|
||||||
fieldset.input.date select[name=month] { width:102px; }
|
|
||||||
fieldset.input.date input:not([type=file]) { margin-right:0; }
|
|
||||||
fieldset.input.date table.content { text-align:center; width:350px; }
|
fieldset.input.date table.content { text-align:center; width:350px; }
|
||||||
fieldset.input.date div.output td { padding:2px 10px; }
|
fieldset.input.date div.output td { padding:2px 10px; }
|
||||||
fieldset.input.date div.output td.prev { color:gray; }
|
fieldset.input.date div.output td.prev { color:gray; }
|
||||||
@ -90,8 +36,10 @@ fieldset.input.date div.output td span.lunar { font-size:8px; display:block; cle
|
|||||||
fieldset.input.date div.output td span.lunar.term { color:green; }
|
fieldset.input.date div.output td span.lunar.term { color:green; }
|
||||||
fieldset.input.date div.output td span.lunar.fest { color:red; }
|
fieldset.input.date div.output td span.lunar.fest { color:red; }
|
||||||
fieldset.input.date div.status { text-align:center; }
|
fieldset.input.date div.status { text-align:center; }
|
||||||
|
fieldset.input.date>div.action>div.item.next { margin-right:0; }
|
||||||
|
fieldset.input.date>div.action>div.item.today { margin-right:0; }
|
||||||
/* float */
|
/* float */
|
||||||
body div.float { background-color:#061c3ceb; padding:5px; overflow:auto; }
|
body div.float { padding:5px; }
|
||||||
body>div.toast div.title { color:blue; float:left; }
|
body>div.toast div.title { color:blue; float:left; }
|
||||||
body>div.toast div.duration { color:gray; float:right; }
|
body>div.toast div.duration { color:gray; float:right; }
|
||||||
body>div.toast div.content { color:blue; text-align:center; }
|
body>div.toast div.content { color:blue; text-align:center; }
|
||||||
@ -104,59 +52,72 @@ body>div.carte input[name=filter] { margin:5px; width:calc(100% - 10px); positio
|
|||||||
body>div.carte div.item { white-space:pre; padding:5px 10px; }
|
body>div.carte div.item { white-space:pre; padding:5px 10px; }
|
||||||
body>div.carte div.item span.icon.next { float:right; }
|
body>div.carte div.item span.icon.next { float:right; }
|
||||||
body>div.input td { padding:10px; }
|
body>div.input td { padding:10px; }
|
||||||
body>div.input td span.icon { font-size:14px; margin-left:-25px; margin-right:10px; visibility:hidden; }
|
body>div.input td span.icon { margin-left:-20px; visibility:hidden; }
|
||||||
body>div.input td:hover span.icon { visibility:visible; }
|
body>div.input td:hover span.icon { visibility:visible; }
|
||||||
body>div.input select { width:230px; }
|
body>div.input select { width:230px; }
|
||||||
|
body>div.input input { width:240px; }
|
||||||
body>div.input textarea { height:120px; width:240px; }
|
body>div.input textarea { height:120px; width:240px; }
|
||||||
body>div.input input:not([type=button]) { width:240px; }
|
|
||||||
body>div.input div.action input[type=button] { width:110px; }
|
|
||||||
body>div.input div.action div { margin:5px; float:right; }
|
|
||||||
body>div.input div.action { width:100%; }
|
body>div.input div.action { width:100%; }
|
||||||
body>div.upload div.item { float:left; }
|
body>div.input div.action>div.item { margin:5px; float:right; }
|
||||||
body>div.upload div.output { border:red solid 1px; clear:both; }
|
body>div.input div.action>div.item>input[type=button] { width:110px; }
|
||||||
body>div.upload div.progress { background-color:red; height:10px; width:0; }
|
body>div.upload div.action input[type=file] { width:320px; }
|
||||||
|
body>div.upload div.output { border:red solid 1px; }
|
||||||
|
body>div.upload div.output div.progress { background-color:red; height:10px; width:0; }
|
||||||
body>div.upload div.status div.cost { float:left; }
|
body>div.upload div.status div.cost { float:left; }
|
||||||
body>div.upload div.status div.show { float:right; }
|
body>div.upload div.status div.show { float:right; }
|
||||||
body>div.upload div.status div.size { text-align:center; }
|
body>div.upload div.status div.size { text-align:center; }
|
||||||
body>div.upload input[type=file] { width:320px; }
|
/* hover */
|
||||||
|
input:hover[type=button][name=create] { background-color:blue; color:white; }
|
||||||
|
input:hover[type=button][name=insert] { background-color:blue; color:white; }
|
||||||
|
input:hover[type=button][name=restart] { background-color:blue; color:white; }
|
||||||
|
input:hover[type=button][name=start] { background-color:blue; color:white; }
|
||||||
|
input:hover[type=button][name=run] { background-color:blue; color:white; }
|
||||||
|
input:hover[type=button][name=open] { background-color:blue; color:white; }
|
||||||
|
input:hover[type=button][name=stop] { background-color:red; color:white; }
|
||||||
|
input:hover[type=button][name=trash] { background-color:red; color:white; }
|
||||||
|
input:hover[type=button][name=delete] { background-color:red; color:white; }
|
||||||
|
input:hover[type=button][name=remove] { background-color:red; color:white; }
|
||||||
/* font */
|
/* font */
|
||||||
legend { font-size:1.2rem; line-height:32px; height:32px; }
|
legend { font-size:1.2rem; line-height:32px; height:32px; }
|
||||||
legend>span.delete { font-size:1rem; margin-left:5px; margin-right:-15px; visibility:hidden; }
|
select, input { font-size:1rem; height:32px; } input::placeholder { font-style:italic; }
|
||||||
select, input { font-size:1rem; height:32px; } textarea { tab-size:2; height:93px; } input::placeholder { font-style:italic; }
|
textarea { tab-size:2; padding:5px; height:96px; width:100%; resize:vertical; }
|
||||||
table.content, div.item, div.code, div.story[data-type=spark] { white-space:pre; text-align:left; }
|
|
||||||
table.content, div.item, div.code, div.story[data-type=spark] { font-family:monospace; }
|
table.content, div.item, div.code, div.story[data-type=spark] { font-family:monospace; }
|
||||||
|
table.content, div.item, div.code, div.story[data-type=spark] { white-space:pre; text-align:left; }
|
||||||
|
div.story[data-type=spark] { padding:5px 10px; border-left:blue solid 5px; }
|
||||||
|
table.content div.story[data-type=spark] { margin:0; }
|
||||||
|
fieldset>div.output>div.code { font-size:14px; }
|
||||||
fieldset>div.action>div.tabs { font-style:italic; line-height:22px; padding:5px; height:32px; }
|
fieldset>div.action>div.tabs { font-style:italic; line-height:22px; padding:5px; height:32px; }
|
||||||
fieldset>div.status>div.item { padding:5px; height:31px; float:left; }
|
fieldset>div.status>div.item { padding:5px; height:31px; }
|
||||||
fieldset>div.status>div.item>label { font-size:0.6rem; }
|
fieldset>div.status>div.item>label { font-size:0.6rem; }
|
||||||
body.light span.keyword { color:darkblue; }
|
body.light span.keyword { color:darkblue; }
|
||||||
body.light span.function { color:darkcyan; }
|
body.light span.function { color:darkcyan; }
|
||||||
body.dark span.function { color:lightgreen; }
|
body.dark span.function { color:lightgreen; }
|
||||||
body.dark span.keyword { color:royalblue; }
|
body.dark span.keyword { color:royalblue; }
|
||||||
|
body.en fieldset.input.date>div.action>div.item.select select { width:55px; }
|
||||||
|
body.en fieldset.input.date>div.action>div.item.select.year select { width:100px; }
|
||||||
|
body.en fieldset.input.date>div.action>div.item.select.month select { width:100px; }
|
||||||
|
body.zh fieldset.input.date>div.action>div.item.select select { width:58px; }
|
||||||
|
body.zh fieldset.input.date>div.action>div.item.select.year select { width:81px; }
|
||||||
|
body.zh fieldset.input.date>div.action>div.item.select.month select { width:81px; }
|
||||||
/* icon */
|
/* icon */
|
||||||
div.item.text { position:relative; }
|
fieldset>form.option>div.icon { font-size:26px; line-height:28px; padding:0 5px; height:32px; margin:0; }
|
||||||
div.item.text>span.icon.delete { font-size:20px; line-height:28px; position:absolute; top:2px; right:15px; visibility:hidden; }
|
fieldset>form.option>div.item.icons>span.icon { font-size:26px; line-height:28px; padding:0 5px; height:32px; }
|
||||||
div.item.text:hover>span.icon.delete { visibility:visible; }
|
|
||||||
fieldset.float div.text:hover>span.icon.delete { visibility:hidden; }
|
|
||||||
fieldset.float>form.option>div.text>input { display:none; }
|
|
||||||
fieldset.float>form.option>div.text>span { display:none; }
|
|
||||||
fieldset.float>form.option>div.text>span.value { padding:7px; height:32px; display:block; max-width:200px; overflow:auto; }
|
|
||||||
body.mobile:not(.landscape) fieldset.float>form.option>div.text>span.value { display:none; }
|
|
||||||
fieldset:not(.float)>form.option>div.text>span.value { display:none; }
|
|
||||||
form.option>div.icon:first-child { margin-left:-5px; }
|
form.option>div.icon:first-child { margin-left:-5px; }
|
||||||
form.option>div.icon { line-height:30px; font-size:26px; padding:0 5px; height:32px; }
|
form.option>div.icon.refresh { line-height:26px; }
|
||||||
form.option>div.icon.refresh { line-height:28px; }
|
form.option>div.icon.goback { line-height:26px; }
|
||||||
form.option>div.icon.goback { line-height:28px; }
|
|
||||||
form.option>div.icon.play { line-height:28px; }
|
|
||||||
form.option>div.icon.next { font-size:18px; }
|
form.option>div.icon.next { font-size:18px; }
|
||||||
form.option>div.icon.prev { font-size:18px; }
|
form.option>div.icon.prev { font-size:18px; }
|
||||||
form.option>div.icon.lt { font-size:20px; line-height:30px; }
|
form.option>div.item>span.icon { margin-left:-15px; margin-right:5px; }
|
||||||
form.option>div.icon:hover { background-color:white; }
|
div.action>div.item>span.icon { margin-left:-15px; margin-right:5px; }
|
||||||
body.black form.option>div.icon:hover { background-color:#243783bd; }
|
div.item.text>span.icon.delete { font-size:20px; visibility:hidden; }
|
||||||
form.option>div.button>span.icon { line-height:30px; font-size:26px; padding:0 5px; height:32px; }
|
div.item.text:hover>span.icon.delete { visibility:visible; }
|
||||||
div.action>div.button>span.icon { line-height:30px; font-size:26px; padding:0 5px; height:32px; }
|
div.tabs span.icon { margin-left:5px; visibility:hidden; }
|
||||||
body:not(.mobile) fieldset:not(.story):not(.float):not(.full):not(.cmd)>form.option>div.button>span.icon { display:none; }
|
div.tabs span.icon:hover { background-color:aliceblue; color:black; }
|
||||||
body:not(.mobile) fieldset:not(.story):not(.float):not(.full):not(.cmd)>form.option>div.icon { display:none; }
|
div.tabs>div:hover span.icon { visibility:visible; }
|
||||||
|
div.tabs>div.select span.icon { visibility:visible; }
|
||||||
|
div.action>div.tabs:hover span.icon { visibility:visible; }
|
||||||
fieldset.plug>form.option>div.icon { margin-left:5px; }
|
fieldset.plug>form.option>div.icon { margin-left:5px; }
|
||||||
|
fieldset.plugin:not(.float):not(.full)>form.option>div.icon { display:none; }
|
||||||
fieldset.story>form.option>div.button.icons>input { display:none; }
|
fieldset.story>form.option>div.button.icons>input { display:none; }
|
||||||
fieldset.float>form.option>div.button.icons>input { display:none; }
|
fieldset.float>form.option>div.button.icons>input { display:none; }
|
||||||
fieldset.full>form.option>div.button.icons>input { display:none; }
|
fieldset.full>form.option>div.button.icons>input { display:none; }
|
||||||
@ -166,7 +127,12 @@ fieldset.float>div.action>div.button.icons>input { display:none; }
|
|||||||
fieldset.full>div.action>div.button.icons>input { display:none; }
|
fieldset.full>div.action>div.button.icons>input { display:none; }
|
||||||
fieldset.cmd>div.action>div.button.icons>input { display:none; }
|
fieldset.cmd>div.action>div.button.icons>input { display:none; }
|
||||||
body.windows form.option>div.icon { font-size:21px; }
|
body.windows form.option>div.icon { font-size:21px; }
|
||||||
body.windows fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.website.icon { line-height:36px; }
|
fieldset.float div.text:hover>span.icon.delete { visibility:hidden; }
|
||||||
|
fieldset.float>form.option>div.text>input { display:none; }
|
||||||
|
fieldset.float>form.option>div.text>span { display:none; }
|
||||||
|
fieldset.float>form.option>div.text>span.value { padding:7px; height:32px; max-width:200px; display:block; overflow:auto; }
|
||||||
|
fieldset:not(.float)>form.option>div.text>span.value { display:none; }
|
||||||
|
body.mobile:not(.landscape) fieldset.float>form.option>div.text>span.value { display:none; }
|
||||||
/* svg */
|
/* svg */
|
||||||
svg text { font-size:24px; font-family:monospace; }
|
svg text { font-size:24px; font-family:monospace; }
|
||||||
svg rect { stroke-width:2; }
|
svg rect { stroke-width:2; }
|
||||||
@ -206,107 +172,62 @@ body.black svg g[stroke] text { stroke:unset; }
|
|||||||
body.black svg g[stroke] rect { stroke:unset; }
|
body.black svg g[stroke] rect { stroke:unset; }
|
||||||
body.black svg g[stroke] line { stroke:unset; }
|
body.black svg g[stroke] line { stroke:unset; }
|
||||||
body.black svg g[stroke] path { stroke:unset; }
|
body.black svg g[stroke] path { stroke:unset; }
|
||||||
body.white svg rect { fill:transparent; }
|
body.white svg text { stroke:black; fill:black; }
|
||||||
|
body.white svg rect { stroke:black; fill:transparent; }
|
||||||
|
body.white svg line { stroke:black; }
|
||||||
|
body.white svg path { stroke:black; }
|
||||||
body.white svg g[fill] text { fill:unset; }
|
body.white svg g[fill] text { fill:unset; }
|
||||||
body.white svg g[fill] rect { fill:unset; }
|
body.white svg g[fill] rect { fill:unset; }
|
||||||
body.white svg g[stroke] text { stroke:unset; }
|
body.white svg g[stroke] text { stroke:unset; }
|
||||||
body.white svg g[stroke] rect { stroke:unset; }
|
body.white svg g[stroke] rect { stroke:unset; }
|
||||||
body.white svg g[stroke] line { stroke:unset; }
|
body.white svg g[stroke] line { stroke:unset; }
|
||||||
body.white svg g[stroke] path { stroke:unset; }
|
body.white svg g[stroke] path { stroke:unset; }
|
||||||
/* display */
|
/* output */
|
||||||
fieldset>form.option, fieldset>div.action { display:contents; } form.option.hide, div.action.hide { display:none; }
|
div.project div.list { margin-left:10px; clear:both; }
|
||||||
form.option>div.item>label, div.action>div.item>label, .hidden, .hide { display:none; }
|
div.project div.item { padding:2px 10px; }
|
||||||
form.option>div.cmd, form.option>div.textarea { width:100%; } textarea { resize:vertical; }
|
div.project div.item>div.name { padding-left:15px; }
|
||||||
legend, form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item, div.layout.flex>* { float:left; }
|
div.project div.expand { float:left; transition:all .3s; }
|
||||||
div.action, div.output, div.status, div.project, div.display, div.profile, div.content, table.content, table.content td, div.code, div.plug, div.story, div.toast, div.carte, fieldset.input { overflow:auto; }
|
div.project div.expand.open { rotate:90deg; translate:1px 2px; transition:all .3s; }
|
||||||
div.output, fieldset>div.status, div.item.textarea, div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; }
|
div.project div.zone>div.item { text-align:center; padding:3px; }
|
||||||
fieldset>div.status>legend { margin-left:2px; margin-right:0; height:30px; float:right; clear:none; }
|
div.project div.zone>div.item>div.icon { margin-left:3px; float:right; }
|
||||||
fieldset>div.status>legend:not(:hover):not(.select) { background-color:unset; }
|
div.project div.zone>div.list>div.zone>div.item { text-align:left; padding-left:20px; }
|
||||||
fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:10px; margin:10px; }
|
div.project div.zone>div.list>div.zone>div.item:hover { margin-left:10px; transition:all 0.3s; }
|
||||||
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; }
|
|
||||||
fieldset.auto, fieldset.full, fieldset.float, div.float { position:fixed; z-index:10; }
|
|
||||||
fieldset.plug { position:absolute; bottom:0; right:0; } fieldset.cmd fieldset.plug { position:fixed; bottom:32px; right:0; }
|
|
||||||
fieldset.plug div.output table.content { width:100%; }
|
|
||||||
div.layout.flex>* { float:left; clear:none; }
|
|
||||||
div.output { position:relative; }
|
|
||||||
fieldset.story { clear:both; }
|
|
||||||
div.tabs { position:relative; }
|
|
||||||
div.tabs span.icon { margin-left:5px; visibility:hidden; }
|
|
||||||
div.tabs span.icon:hover { background-color:aliceblue; color:black; }
|
|
||||||
div.tabs>div:hover span.icon { visibility:visible; }
|
|
||||||
div.action>div.tabs:hover span.icon { visibility:visible; }
|
|
||||||
div.tabs>div.select span.icon { visibility:visible; }
|
|
||||||
fieldset>div.output>div.code { position:sticky; left:0; }
|
|
||||||
div.plug { font-style:italic; }
|
|
||||||
div.carte.select.float { border-radius:0; }
|
|
||||||
div.carte.select.float>div.item { text-align:center; }
|
|
||||||
div.item.select span { margin-left:-25px; margin-right:15px; }
|
|
||||||
div.item.select input { border-radius:0; min-width:60px; }
|
|
||||||
div.project div.zone div.list { clear:both; }
|
|
||||||
div.layout.flex>div.output { float:left; clear:none; }
|
|
||||||
fieldset>div.layout { clear:both; }
|
|
||||||
fieldset>div.output>div.project>div.item.filter { padding:0; }
|
fieldset>div.output>div.project>div.item.filter { padding:0; }
|
||||||
fieldset>div.output>div.project { border-right:gray solid 1px; min-width:120px; max-width:240px; }
|
fieldset>div.output>div.project { border-right:gray solid 1px; min-width:120px; max-width:240px; }
|
||||||
fieldset>div.output div.profile { border-left:gray solid 1px; max-width:240px; }
|
fieldset>div.output div.profile { border-left:gray solid 1px; max-width:240px; }
|
||||||
fieldset.Search>div.output>div.profile { border-left:none; }
|
|
||||||
fieldset>div.output div.display { border-top:gray solid 1px; }
|
fieldset>div.output div.display { border-top:gray solid 1px; }
|
||||||
/* hover */
|
/* table card */
|
||||||
legend:hover { background-color:skyblue; }
|
div.output.card>div.item.stop { color:gray; }
|
||||||
select:hover { background-color:gray; color:cyan; }
|
div.output.card>div.item { padding:10px; border:#e7e7e7 solid 1px; margin:10px; width:320px; float:left; }
|
||||||
div.tabs div:hover, div.tabs div.select { background-color:transparent; }
|
div.output.card>div.item>div.title { font-size:1.2rem; font-weight:bold; padding:10px; border-bottom:solid 1px #e7e7e7; }
|
||||||
div.item:hover, div.item.select, span.item:hover, table.content tr:hover, table.content tr.select, h1:hover, h2:hover, h3:hover { background-color:steelblue; }
|
div.output.card>div.item>div.content { padding:10px; height:70px; }
|
||||||
div.carte div.item:hover, table.content th:hover, table.content td:hover, table.content td.select { background-color:cornflowerblue; }
|
div.output.card>div.item>div.action { text-align:right; width:100%; }
|
||||||
// div.story[data-type=spark] span:hover { background-color:deepskyblue; box-shadow:4px 4px 20px 4px #29318e; }
|
div.output.card>div.item>div.action>input { margin-right:5px; }
|
||||||
select, input[type=text], textarea { box-shadow:4px 4px 20px 4px #626bd0; }
|
/* display */
|
||||||
body.black input[type=text], body.black textarea { background-color:#243783bd; color:white; outline:none; }
|
fieldset.panel>legend { display:none; }
|
||||||
legend, select, input[type=button], div.tabs, div.item, span.item, th, table.content td, h1, h2, h3 { cursor:pointer; }
|
fieldset.panel>div.status { display:none; }
|
||||||
div.title, div.story[data-type=spark] { cursor:copy; }
|
fieldset.output>legend { display:none; }
|
||||||
/* theme */
|
fieldset.output>form.option { display:none; }
|
||||||
body.black a { color:yellow; }
|
fieldset.output>div.action { display:none; }
|
||||||
body.black div.project div.zone>div.list>div.zone>div.item { background-color:#09466fc2; }
|
fieldset.output>div.status { display:none; }
|
||||||
body.white { background-color:rgba(5,34,56,0.75); color:white; }
|
fieldset>form.option, fieldset>div.action { display:contents; } form.option.hide, div.action.hide, .hidden, .hide { display:none; }
|
||||||
body.white.cmd { background-color:white; }
|
div.action, div.output, div.status, div.project, div.content, div.profile, div.display, table.content, table.content td, div.list, div.code, div.story, div.float, fieldset.float { overflow:auto; }
|
||||||
body.white select { background-color:yellowgreen; color:white; }
|
legend, form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item { float:left; }
|
||||||
body.white div.item.select div { background-color:yellowgreen; color:white; float:right; height:32px; text-align:center; }
|
div.output, fieldset>div.status, div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; }
|
||||||
body.white input { background-color:#ffffff7d; }
|
div.output { position:relative; } div.layout.flex>* { float:left; clear:none; }
|
||||||
body.white input[name=cmd] { background-color:black; color:white; }
|
fieldset.auto, fieldset.full, fieldset.float, div.float { position:fixed; z-index:10; }
|
||||||
body.white input[type=button] { background-color:cornflowerblue; color:white; }
|
fieldset.cmd fieldset.plug { position:fixed; bottom:32px; right:0; }
|
||||||
body.white textarea { background-color:white; }
|
fieldset.plug { position:absolute; bottom:0; right:0; }
|
||||||
body.white table.content th { background-color:skyblue; }
|
fieldset.full { position:fixed; left:0; top:0; }
|
||||||
body.white table.content.action td:last-child { background-color:skyblue; }
|
fieldset>div.output>div.code { position:sticky; left:0; }
|
||||||
body.white div.zone>div.list>div.zone>div.item { background-color:#f0f8ff63; color:black; }
|
fieldset>div.status>legend { margin-left:2px; margin-right:0; height:31px; float:right; clear:none; }
|
||||||
body.white div.float { background-color:aliceblue; color:black; }
|
fieldset>div.status>legend:not(:hover):not(.select) { background-color:unset; }
|
||||||
body.white fieldset.panel.Search a { color:yellow; }
|
form.option>div.cmd, form.option>div.textarea { width:100%; }
|
||||||
body.white fieldset.panel.Action { color:black; }
|
fieldset.plug div.output table.content { width:100%; }
|
||||||
body.white fieldset.panel.Action div.action { color:white; }
|
div.carte.select.float>div.item { text-align:center; }
|
||||||
body.white fieldset.plugin { background-color:#ffffffa1; }
|
legend, select, input[type=button], th, table.content td, h1, h2, h3, div.item, div.tabs { cursor:pointer; }
|
||||||
body.white fieldset.float { background-color:aliceblue; color:black; }
|
div.story[data-type=spark] { cursor:copy; }
|
||||||
body.white fieldset.full { background-color:white; color:black; }
|
/* print */
|
||||||
body.white legend:hover { background-color:skyblue; }
|
|
||||||
body.white select:hover { background-color:#99cc667d; }
|
|
||||||
body.white input[name=cmd]:hover { background-color:white; color:black; }
|
|
||||||
body.white div.project div.zone>div.list>div.zone>div.item:hover { background-color:#4682b46b; }
|
|
||||||
body.white div.item:hover, body.white span.item:hover { background-color:#4682b46b; }
|
|
||||||
body.white div.item.select { background-color:#4682b46b; }
|
|
||||||
body.white table.content tr:hover { background-color:#4682b46b; }
|
|
||||||
body.white table.content th:hover { background-color:#6495ed63; }
|
|
||||||
body.white table.content td:hover { background-color:#6495ed63; }
|
|
||||||
body.white table.content td.select { background-color:#6495ed63; }
|
|
||||||
body.white h1:hover { background-color:#4682b46b; }
|
|
||||||
body.white h2:hover { background-color:#4682b46b; }
|
|
||||||
body.white h3:hover { background-color:#4682b46b; }
|
|
||||||
body.light.cmd { background-color:aliceblue; }
|
|
||||||
body.light fieldset.panel:not(.main) { background-color:#4a566e; color:#d0d3da; }
|
|
||||||
body.light fieldset.panel:not(.main) label { color:#d0d3da; }
|
|
||||||
body.light fieldset.panel:not(.main):not(.auto) input { background-color:#6b7488; color:white; border-radius:5px; }
|
|
||||||
body.light fieldset.panel:not(.main) input::placeholder { background-color:#6b7488; color:#d0d3da; }
|
|
||||||
body.light fieldset.panel:not(.main):not(.auto) div.item.select { background-color:#2b3446; color:white; }
|
|
||||||
body.light fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:#2b3446; color:white; }
|
|
||||||
body.light fieldset.panel:not(.main)>div.output { background-color:#4a566e; color:#d0d3da; }
|
|
||||||
body.light fieldset.panel:not(.main)>div.output div.state:hover { background-color:#2b3446; color:white; }
|
|
||||||
body.light fieldset.panel:not(.main)>div.output div.title:hover { background-color:#2b3446; color:white; }
|
|
||||||
body.light fieldset.panel:not(.main)>div.output div.menu:hover { background-color:#2b3446; color:white; }
|
|
||||||
body.light fieldset.panel:not(.main)>div.output fieldset>div.output { color:black; }
|
|
||||||
body.print { -webkit-filter: grayscale(100%); }
|
body.print { -webkit-filter: grayscale(100%); }
|
||||||
body.print { background-color:white; color:black; }
|
body.print { background-color:white; color:black; }
|
||||||
body.print legend, body.print select, body.print input, body.print input[type=button], body.print textarea { background-color:snow; color:black; }
|
body.print legend, body.print select, body.print input, body.print input[type=button], body.print textarea { background-color:snow; color:black; }
|
||||||
@ -327,122 +248,34 @@ body.print div.float { background-color:snow; }
|
|||||||
body.print select, body.print input[type=text], body.print textarea { box-shadow:4px 4px 20px 4px lightgray; }
|
body.print select, body.print input[type=text], body.print textarea { box-shadow:4px 4px 20px 4px lightgray; }
|
||||||
body.print fieldset.draw div.output { background-color:lightgray; }
|
body.print fieldset.draw div.output { background-color:lightgray; }
|
||||||
body.print fieldset.draw div.output div.content svg { background-color:lightgray; }
|
body.print fieldset.draw div.output div.content svg { background-color:lightgray; }
|
||||||
body.dark ::selection { background-color:#033a3a; }
|
|
||||||
/* mobile */
|
|
||||||
body.mobile legend { font-size:1.4rem; height:32px; }
|
|
||||||
body.mobile input:not([type=file]) { margin-right:0px; }
|
|
||||||
body.mobile form.option>div.item { margin:0; height:32px; }
|
|
||||||
body.mobile form.option>div.item.icon { font-size:32px; padding:2px 4px; }
|
|
||||||
body.mobile form.option>div.item.icon.prev { font-size:26px; }
|
|
||||||
body.mobile form.option>div.item.icon.next { font-size:26px; }
|
|
||||||
body.mobile form.option>div.item.textarea { height:unset; }
|
|
||||||
body.mobile form.option>div.item.button>input { display:none; }
|
|
||||||
body.mobile form.option>div.button.icons>input { display:none; }
|
|
||||||
body.mobile form.option>div.button>span.icon { line-height:32px; font-size:32px; height:32px; }
|
|
||||||
body.mobile fieldset>div.status { max-height:32px; }
|
|
||||||
body.mobile div.item.text>span.icon.delete { top:4px; }
|
|
||||||
body.mobile div.action>div.item { margin:0; height:32px; }
|
|
||||||
body.mobile div.carte div.item { padding:10px; }
|
|
||||||
body.mobile table.content th { padding:6px; }
|
|
||||||
body.mobile table.content { width:100%; }
|
|
||||||
body.mobile fieldset:not(.panel):not(.input):not(.play)>div.action { display:none; }
|
|
||||||
// body.mobile fieldset.plugin>legend { padding:0 20px; border:none; }
|
|
||||||
body.mobile fieldset.plugin:not(.float):not(.full):not(.cmd) { margin:10px 0; }
|
|
||||||
body.mobile fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { margin:10px; }
|
|
||||||
body.mobile fieldset.Header { padding:0; width:100%; position:fixed; top:0; }
|
|
||||||
body.mobile.landscape fieldset.Header { position:unset; }
|
|
||||||
body.mobile fieldset.Header>div.output { font-size:1.4rem; line-height:48px; height:48px; }
|
|
||||||
body.mobile fieldset.Header div.output div.search { padding:0; height:48px; width:100%; margin:0; }
|
|
||||||
body.mobile fieldset.Header div.output div.search>input { font-size:2.2rem; background-color:#21181838; color:white; height:53px; width:100%; }
|
|
||||||
body.mobile fieldset.Header div.output div.item.text.title.search { display:none; }
|
|
||||||
body.mobile fieldset.Header div.output div.item:not(.avatar) { padding:0px 10px; }
|
|
||||||
body.mobile fieldset.Search>div.action>div.item.filter>input { width:100%; }
|
|
||||||
body.mobile fieldset.River { min-width:240px; position:fixed; top:48px; z-index:10; }
|
|
||||||
body.mobile fieldset.River>div.output { font-size:1.4rem; width:320px; }
|
|
||||||
body.mobile fieldset.Action { margin-top:48px; }
|
|
||||||
body.mobile.landscape fieldset.Action { margin-top:0; }
|
|
||||||
// body.mobile fieldset.Action { margin-top:3rem; margin-bottom:3rem; }
|
|
||||||
body.mobile fieldset.Action.cmd { margin-top:0; margin-bottom:0; }
|
|
||||||
body.mobile fieldset.Action>div.output { overflow-x:hidden; }
|
|
||||||
body.mobile fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:0px; }
|
|
||||||
body.mobile fieldset.Footer { font-size:1.4rem; height:48px; width:100%; position:fixed; bottom:0; }
|
|
||||||
body.mobile fieldset.Footer div.output { height:48px; }
|
|
||||||
body.mobile fieldset.Footer div.output div { height:48px; }
|
|
||||||
body.mobile fieldset.Footer input[name=cmd] { height:48px; }
|
|
||||||
body.mobile.landscape fieldset.Footer { display:none; }
|
|
||||||
body.mobile fieldset.Footer { display:none; }
|
|
||||||
body.mobile fieldset.input.date div.output td { padding:8px 20px; }
|
|
||||||
body.mobile fieldset.word.float>div.output>div.project { top:32px; }
|
|
||||||
body.mobile fieldset.word>div.output { overflow-x:hidden; }
|
|
||||||
body.mobile fieldset.word>div.output>fieldset.story>form.option>div.text { display:none; }
|
|
||||||
body.mobile fieldset>div.status { overflow:hidden; }
|
|
||||||
/* misc */
|
/* misc */
|
||||||
fieldset.cmd>div.item.time { padding:5px 10px; line-height:22px; float:right; }
|
fieldset.Search div.story[data-type=spark] { margin:0; }
|
||||||
fieldset.cmd>div.item.avatar { padding:0; float:right; height:32px; }
|
fieldset.Search>div.output>div.profile { border-left:none; }
|
||||||
|
fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:10px; margin:10px; }
|
||||||
|
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; }
|
||||||
|
fieldset.cmd>div.item.time { line-height:22px; padding:5px 10px; float:right; }
|
||||||
|
fieldset.cmd>div.item.avatar { padding:0; height:32px; float:right; }
|
||||||
fieldset.cmd>div.item.avatar>img { height:32px; }
|
fieldset.cmd>div.item.avatar>img { height:32px; }
|
||||||
fieldset.cmd>div.item.usernick { padding:5px 10px; line-height:22px; float:right; }
|
fieldset.cmd>div.item.usernick { line-height:22px; padding:5px 10px; float:right; }
|
||||||
fieldset.panel.Action.cmd>div.toggle.project { display:none; }
|
fieldset.location>div.action input[type=text] { width:40px; }
|
||||||
fieldset.panel.Search div.story[data-type=spark] { margin:0; }
|
fieldset.config form.option input[name=key] { width:240px; }
|
||||||
// fieldset.panel.Search a { color:yellow; }
|
|
||||||
fieldset.plugin.location>div.action input[type=text] { width:40px; }
|
|
||||||
fieldset.plugin.config form.option input[name=key] { width:240px; }
|
|
||||||
fieldset.plugin.parse.cmd>legend { display:none; }
|
|
||||||
fieldset.plugin.parse.cmd>form.option { display:none; }
|
|
||||||
fieldset.plugin.parse.cmd>div.action { display:none; }
|
|
||||||
fieldset.plugin.parse.cmd>div.status { display:none; }
|
|
||||||
fieldset.inner.float>div.status { display:none; }
|
fieldset.inner.float>div.status { display:none; }
|
||||||
fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
|
fieldset.qrcode>div.output div.code { padding:0; }
|
||||||
fieldset.xterm div.layout div.output { border-left:gray solid 1px; border-top:gray solid 1px; }
|
fieldset.xterm div.layout div.output { border-left:gray solid 1px; border-top:gray solid 1px; }
|
||||||
fieldset.xterm div.layout div.output.select { border:blue solid 1px; }
|
fieldset.xterm div.layout div.output.select { border:blue solid 1px; }
|
||||||
fieldset.xterm div.action>div.tabs.select { color:blue; }
|
fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
|
||||||
fieldset.draw>form.option>div.item.pid>input { width:60px; }
|
fieldset.draw>form.option>div.item.pid>input { width:60px; }
|
||||||
fieldset.draw div.output svg { margin-bottom:-4px; }
|
fieldset.draw div.output svg { margin-bottom:-4px; }
|
||||||
fieldset.draw.trend div.output svg { background-color:#1b5b738c; }
|
fieldset.draw.trend div.output svg { background-color:#1b5b738c; }
|
||||||
fieldset.draw.spide div.output svg text { cursor:pointer; }
|
fieldset.draw.spide div.output svg text { cursor:pointer; }
|
||||||
fieldset.draw.spide div.output svg path { stroke-width:1; }
|
fieldset.draw.spide div.output svg path { stroke-width:1; }
|
||||||
fieldset.web.code.git.status>div.output table.content { width:100%; }
|
|
||||||
fieldset.web.chat.iframe>div.output { overflow:hidden; }
|
fieldset.web.chat.iframe>div.output { overflow:hidden; }
|
||||||
fieldset.qrcode>div.output div.code { padding:0; }
|
fieldset.web.code.git.status>div.output table.content { width:100%; }
|
||||||
fieldset.can.view { font-size:14px; }
|
fieldset.can.view { font-size:14px; }
|
||||||
fieldset.can.data { font-size:14px; }
|
fieldset.can.data { font-size:14px; }
|
||||||
|
/* scrollbar */
|
||||||
div.scrollbar { background-color:#0000ff66; width:10px; position:absolute; right:0; top:0; transition:width .3s 1s; visibility:hidden; }
|
div.scrollbar { background-color:#0000ff66; width:10px; position:absolute; right:0; top:0; transition:width .3s 1s; visibility:hidden; }
|
||||||
div.scrollbar:hover { width:50px; transition:width .1s;}
|
div.scrollbar:hover { width:50px; transition:width .1s;}
|
||||||
body.en fieldset.input.date.float>div.action>div.item.select { margin:0 5px; }
|
|
||||||
body.en fieldset.input.date.float>div.action>div.item.select select { width:60px; }
|
|
||||||
body.en fieldset.input.date.float>div.action>div.item.select.year select { width:106px; }
|
|
||||||
body.en fieldset.input.date.float>div.action>div.item.select.month select { width:106px; }
|
|
||||||
body.zh fieldset.input.date.float>div.action>div.item.select { margin:0 5px; }
|
|
||||||
body.zh fieldset.input.date.float>div.action>div.item.select select { width:60px; }
|
|
||||||
body.zh fieldset.input.date.float>div.action>div.item.select.year select { width:84px; }
|
|
||||||
body.zh fieldset.input.date.float>div.action>div.item.select.month select { width:83px; }
|
|
||||||
fieldset.input.date.float>div.action>div.item.button.today { margin-left:5px; }
|
|
||||||
fieldset.input.date.float>div.action>div.item.button.next { margin-left:5px; }
|
|
||||||
/* layout */
|
|
||||||
table.layout { border-spacing:0; }
|
|
||||||
table.layout td { vertical-align:top; }
|
|
||||||
table.layout td.content div.toggle { background-color:#4682b46b; color:white; font-size:24px; position:absolute; }
|
|
||||||
table.layout td.content div.toggle>div { display:table-cell; }
|
|
||||||
table.layout td.content div.toggle.project { padding-top:50px; height:130px; width:15px; top:20%; left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; }
|
|
||||||
table.layout td.content div.toggle.profile { padding-top:50px; height:130px; width:15px; top:20%; right:0; border-top-left-radius:10px; border-bottom-left-radius:10px; }
|
|
||||||
table.layout td.content div.toggle.display { margin-top:-15px; height:15px; width:130px; left:40%; border-top-left-radius:10px; border-top-right-radius:10px; }
|
|
||||||
table.layout td.content div.toggle.display>div { text-align:center; width:130px; rotate:-90deg; translate:5px -5px; }
|
|
||||||
body.mobile table.layout div.toggle { font-size:48px; }
|
|
||||||
body.mobile table.layout td.content div.toggle.project { width:30px; padding-top:35px; }
|
|
||||||
body.mobile table.layout td.content div.toggle.profile { width:30px; padding-top:35px; }
|
|
||||||
body.mobile table.layout td.content div.toggle.display { margin-top:-30px; height:30px; }
|
|
||||||
body.mobile table.layout td.content div.toggle.display>div { translate:5px -15px; }
|
|
||||||
/* table card */
|
|
||||||
div.output.card>div.item.stop { color:gray; }
|
|
||||||
div.output.card>div.item { padding:10px; border:#e7e7e7 solid 1px; margin:10px; width:320px; float:left; }
|
|
||||||
div.output.card>div.item>div.title { font-size:1.2rem; font-weight:bold; padding:10px; border-bottom:solid 1px #e7e7e7; }
|
|
||||||
div.output.card>div.item>div.content { padding:10px; height:70px; }
|
|
||||||
div.output.card>div.item>div.action { text-align:right; width:100%; }
|
|
||||||
div.output.card>div.item>div.action>input { margin-right:5px; }
|
|
||||||
// body.white div.output.card>div.item input[type=button] { background-color:transparent; }
|
|
||||||
body.mobile div.output.card>div.item { height:160px; width:calc(100% - 20px); float:none; }
|
|
||||||
body.mobile.simple div.output.card>div.item { width:100%; }
|
|
||||||
body.mobile.landscape div.output.card>div.item { width:auto; float:left; }
|
|
||||||
/* scrollbar */
|
|
||||||
fieldset.panel.Action>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
fieldset.panel.Action>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
||||||
fieldset.panel.River>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
fieldset.panel.River>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
||||||
div.story[data-type=spark]::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
div.story[data-type=spark]::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
||||||
|
|||||||
@ -41,10 +41,11 @@ Volcanos("user", {
|
|||||||
// open: function(url) { return window.open(url) || (location.href = url) },
|
// open: function(url) { return window.open(url) || (location.href = url) },
|
||||||
// close: function(url) { return window.close() || history.back() },
|
// close: function(url) { return window.close() || history.back() },
|
||||||
close: function(url) { return window.close() },
|
close: function(url) { return window.close() },
|
||||||
theme: function(can, name) { can.base.isString(name) && (name = [name]) || name || [], can.user.isWindows && name.push("windows")
|
theme: function(can, name) { can.base.isString(name) && (name = [name]) || name || []
|
||||||
can.user.mod.isCmd && name.push(chat.CMD)
|
name.indexOf(chat.BLACK) > -1 && name.push(html.DARK), name.indexOf(chat.WHITE) > -1 && name.push(chat.BLACK, html.LIGHT)
|
||||||
can.user.isWebview && name.push(html.WEBVIEW), can.user.isMobile && name.push(html.MOBILE) && can.user.isLandscape() && name.push(html.LANDSCAPE)
|
can.user.language(can) && name.push(can.user.language(can)), can.user.mod.isCmd && name.push(chat.CMD), can.user.isWebview && name.push(html.WEBVIEW)
|
||||||
can.user.language(can) && name.push(can.user.language(can)), can.page.styleClass(can, document.body, name.join(lex.SP))
|
can.user.isWindows && name.push("windows"), can.user.isMobile && name.push(html.MOBILE) && can.user.isLandscape() && name.push(html.LANDSCAPE)
|
||||||
|
can.page.styleClass(can, document.body, name.join(lex.SP))
|
||||||
},
|
},
|
||||||
title: function(text) { if (window.webview) { return title(text) } return text && (document.title = text), document.title },
|
title: function(text) { if (window.webview) { return title(text) } return text && (document.title = text), document.title },
|
||||||
language: function(can) { return can.misc.SearchOrConf(can, aaa.LANGUAGE)||can.user.info.language||"zh" },
|
language: function(can) { return can.misc.SearchOrConf(can, aaa.LANGUAGE)||can.user.info.language||"zh" },
|
||||||
|
|||||||
@ -7,6 +7,7 @@ fieldset.Footer>div.output div.toast { float:right; }
|
|||||||
fieldset.Footer>div.output div.cmd { padding:0; margin-left:10px; }
|
fieldset.Footer>div.output div.cmd { padding:0; margin-left:10px; }
|
||||||
fieldset.Footer>div.output div.cmd>input[name=cmd] { margin-right:0; width:120px; transition:all 1s; }
|
fieldset.Footer>div.output div.cmd>input[name=cmd] { margin-right:0; width:120px; transition:all 1s; }
|
||||||
fieldset.Footer>div.output div.cmd>input[name=cmd]:focus { width:320px; transition:all 0.5s; }
|
fieldset.Footer>div.output div.cmd>input[name=cmd]:focus { width:320px; transition:all 0.5s; }
|
||||||
|
fieldset.Footer>div.output div.cmd>span.delete { margin-left:-20px; margin-right:5px; }
|
||||||
|
|
||||||
.picker { box-shadow:4px 4px 20px 4px #626bd0; }
|
.picker { box-shadow:4px 4px 20px 4px #626bd0; }
|
||||||
div.view span.keyword { color:#5cadd4; }
|
div.view span.keyword { color:#5cadd4; }
|
||||||
|
|||||||
@ -5,6 +5,6 @@ fieldset.Header>div.output div.state { float:right; }
|
|||||||
fieldset.Header>div.output div.state.avatar { padding:0; }
|
fieldset.Header>div.output div.state.avatar { padding:0; }
|
||||||
fieldset.Header>div.output div.state.avatar>img { height:48px; }
|
fieldset.Header>div.output div.state.avatar>img { height:48px; }
|
||||||
fieldset.Header>div.output div.search.title { padding:8px 5px; margin-left:5px; }
|
fieldset.Header>div.output div.search.title { padding:8px 5px; margin-left:5px; }
|
||||||
fieldset.Header>div.output div.search>span.delete { top:10px; right:10px; }
|
|
||||||
fieldset.Header>div.output div.search>input { margin-right:0; transition:all 1s; }
|
fieldset.Header>div.output div.search>input { margin-right:0; transition:all 1s; }
|
||||||
fieldset.Header>div.output div.search>input:focus { width:320px; transition:all 0.5s; }
|
fieldset.Header>div.output div.search>input:focus { width:320px; transition:all 0.5s; }
|
||||||
|
fieldset.Header>div.output div.search>span.delete { margin-left:-20px; margin-right:5px; }
|
||||||
|
|||||||
@ -32,7 +32,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) {
|
|||||||
language: function(can, language) { can.runAction(event, aaa.LANGUAGE, [language == ice.AUTO? "": language], function(msg) {
|
language: function(can, language) { can.runAction(event, aaa.LANGUAGE, [language == ice.AUTO? "": language], function(msg) {
|
||||||
can.user.toastConfirm(can, "reload page for "+language, "language", function() { can.user.reload(true) })
|
can.user.toastConfirm(can, "reload page for "+language, "language", function() { can.user.reload(true) })
|
||||||
}) },
|
}) },
|
||||||
theme: function(can, theme) { theme && can.misc.localStorage(can, "can.theme", can._theme = theme == ice.AUTO? "": theme), can.user.theme(can, can.onexport.theme(can)) },
|
theme: function(can, theme) { theme && can.misc.localStorage(can, "can.theme", can._theme = theme == ice.AUTO? "": theme) && can.onengine.signal(can, chat.ONTHEMECHANGE, can.request(event, {theme: theme})), can.user.theme(can, can.onexport.theme(can)) },
|
||||||
menu: function(can, cmds, cb, trans) { can.base.isString(cmds) && (cmds = [cmds])
|
menu: function(can, cmds, cb, trans) { can.base.isString(cmds) && (cmds = [cmds])
|
||||||
return can.page.Append(can, can._output, [{view: cmds[0], list: can.core.List(can.base.getValid(cmds.slice(1), [cmds[0]]), function(item) {
|
return can.page.Append(can, can._output, [{view: cmds[0], list: can.core.List(can.base.getValid(cmds.slice(1), [cmds[0]]), function(item) {
|
||||||
return can.base.isString(item)? /* 1.string */ {view: [[html.ITEM, html.MENU], "", can.user.trans(can, item, trans)], onclick: function(event) { can.base.isFunc(cb) && cb(event, item, [item]) }}:
|
return can.base.isString(item)? /* 1.string */ {view: [[html.ITEM, html.MENU], "", can.user.trans(can, item, trans)], onclick: function(event) { can.base.isFunc(cb) && cb(event, item, [item]) }}:
|
||||||
@ -61,7 +61,12 @@ Volcanos(chat.ONACTION, {_init: function(can) { var themeMedia = window.matchMed
|
|||||||
div.item, fieldset>legend { cursor:pointer; }
|
div.item, fieldset>legend { cursor:pointer; }
|
||||||
.hide { display:none; }
|
.hide { display:none; }
|
||||||
`})
|
`})
|
||||||
return can.require(["src/template/web.chat.header/dark.css", "src/template/web.chat.header/light.css"])
|
return can.require([
|
||||||
|
"src/template/web.chat.header/dark.css",
|
||||||
|
"src/template/web.chat.header/light.css",
|
||||||
|
"src/template/web.chat.header/black.css",
|
||||||
|
"src/template/web.chat.header/white.css",
|
||||||
|
])
|
||||||
can._themes = {
|
can._themes = {
|
||||||
"dark": can.onappend.theme(can, html.DARK),
|
"dark": can.onappend.theme(can, html.DARK),
|
||||||
"light": can.onappend.theme(can, html.LIGHT, {panel: cli.WHITE, plugin: cli.ALICEBLUE, legend: "lightsteelblue", input: cli.WHITE, output: cli.WHITE, table: cli.ALICEBLUE,
|
"light": can.onappend.theme(can, html.LIGHT, {panel: cli.WHITE, plugin: cli.ALICEBLUE, legend: "lightsteelblue", input: cli.WHITE, output: cli.WHITE, table: cli.ALICEBLUE,
|
||||||
|
|||||||
@ -58,20 +58,12 @@ body.dark fieldset.inner>div.output div.content td.text span.function { color:li
|
|||||||
body.dark fieldset.inner>div.output div.content td.text span.constant { color:gray; }
|
body.dark fieldset.inner>div.output div.content td.text span.constant { color:gray; }
|
||||||
body.dark fieldset.inner>div.output div.content td.text span.string { color:orange; }
|
body.dark fieldset.inner>div.output div.content td.text span.string { color:orange; }
|
||||||
body.dark fieldset.inner>div.output div.content td.text span.object { color:silver; }
|
body.dark fieldset.inner>div.output div.content td.text span.object { color:silver; }
|
||||||
body.black fieldset.inner>div.output div.content td.text span.comment { background-color:blue; color:cyan; }
|
body.dark fieldset.inner>div.output div.content tr.line:hover { background-color:unset; }
|
||||||
body.black fieldset.inner>div.output div.content td.text span.keyword { color:yellow; }
|
|
||||||
body.black fieldset.inner>div.output div.content td.text span.package { color:lightgreen; }
|
|
||||||
body.black fieldset.inner>div.output div.content td.text span.datatype { color:cyan; }
|
|
||||||
body.black fieldset.inner>div.output div.content td.text span.function { color:lightgreen; }
|
|
||||||
body.black fieldset.inner>div.output div.content td.text span.constant { color:magenta; }
|
|
||||||
body.black fieldset.inner>div.output div.content td.text span.string { color:magenta; }
|
|
||||||
body.black fieldset.inner>div.output div.content td.text span.object { color:cyan; }
|
|
||||||
body.white fieldset.inner.cmd>div.output { background-color:aliceblue; }
|
body.white fieldset.inner.cmd>div.output { background-color:aliceblue; }
|
||||||
body.white fieldset.inner.cmd>div.output div.content { background-color:white; }
|
body.white fieldset.inner.cmd>div.output div.content { background-color:white; }
|
||||||
body.white fieldset.inner.cmd>div.output>div.layout>div.tabs div:not(.select):not(:hover) { background-color:white; }
|
body.white fieldset.inner.cmd>div.output>div.layout>div.tabs div:not(.select):not(:hover) { background-color:white; }
|
||||||
body.white fieldset.inner.cmd>div.output>div.layout>div.path { background-color:white; }
|
body.white fieldset.inner.cmd>div.output>div.layout>div.path { background-color:white; }
|
||||||
body.white fieldset.inner>div.output div.content tr:hover { background-color:aliceblue; }
|
body.white fieldset.inner>div.output div.content tr:hover { background-color:aliceblue; }
|
||||||
body.white fieldset.inner>div.output div.content tr.select { background-color:aliceblue; }
|
|
||||||
body.white fieldset.inner>div.output div.content tr.select td.line { background-color:steelblue; color:white; }
|
body.white fieldset.inner>div.output div.content tr.select td.line { background-color:steelblue; color:white; }
|
||||||
body.white fieldset.inner.cmd>div.output { background-color:transparent; }
|
body.white fieldset.inner.cmd>div.output { background-color:transparent; }
|
||||||
body.white fieldset.inner.cmd>div.output div.content { background-color:transparent; }
|
body.white fieldset.inner.cmd>div.output div.content { background-color:transparent; }
|
||||||
@ -93,4 +85,4 @@ tr.line.delete { background-color:#ff000036; color:gray; }
|
|||||||
tr.line.insert { background-color:#00800036; }
|
tr.line.insert { background-color:#00800036; }
|
||||||
div.scrollbar.insert { background-color:#00800036; width:30px; visibility:visible; }
|
div.scrollbar.insert { background-color:#00800036; width:30px; visibility:visible; }
|
||||||
div.scrollbar.delete { background-color:#ff000036; width:30px; visibility:visible; }
|
div.scrollbar.delete { background-color:#ff000036; width:30px; visibility:visible; }
|
||||||
fieldset.inner>div.output>div.project div.item.modify { background-color:#00800036; }
|
fieldset.inner>div.output>div.project div.item.modify { background-color:#00800036; }
|
||||||
|
|||||||
@ -31,7 +31,12 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb) { can.page.requireModules
|
|||||||
can.onmotion.delay(can, function() { var output = tabs._output; can.onaction.select(can, output._root||output) })
|
can.onmotion.delay(can, function() { var output = tabs._output; can.onaction.select(can, output._root||output) })
|
||||||
}, function() { can.onaction.delete(can, tabs._output) }); return tabs._output = output, output._tabs = tabs
|
}, function() { can.onaction.delete(can, tabs._output) }); return tabs._output = output, output._tabs = tabs
|
||||||
},
|
},
|
||||||
_theme: function(can, item) { return can.base.Obj(item.theme)||(can.getHeaderTheme() == html.LIGHT? {background: cli.WHITE, foreground: cli.BLACK, cursor: cli.BLUE}: {foreground:"silver", cursor: "silver"}) },
|
_theme: function(can, item) { return can.base.Obj(item.theme)||(
|
||||||
|
can.getHeaderTheme() == html.LIGHT? {background: cli.WHITE, foreground: cli.BLACK, cursor: cli.BLUE}:
|
||||||
|
can.getHeaderTheme() == html.DARK? {foreground:"silver", cursor: "silver"}:
|
||||||
|
can.getHeaderTheme() == chat.BLACK? {background: "#061c3c9e", foreground:cli.WHITE, cursor: cli.WHITE}:
|
||||||
|
{background: "#d5cfcf3b", foreground: cli.BLACK, cursor: cli.BLUE}
|
||||||
|
) },
|
||||||
_connect: function(can, item, output, tabs, text) { var term = new Terminal({tabStopWidth: 4, cursorBlink: true, theme: can.onimport._theme(can, item)})
|
_connect: function(can, item, output, tabs, text) { var term = new Terminal({tabStopWidth: 4, cursorBlink: true, theme: can.onimport._theme(can, item)})
|
||||||
term._item = item, term._output = output, output._term = term, output._tabs || (tabs? (output._tabs = tabs): can.onimport._tabs(can, item, output))
|
term._item = item, term._output = output, output._term = term, output._tabs || (tabs? (output._tabs = tabs): can.onimport._tabs(can, item, output))
|
||||||
var fitAddon = new FitAddon.FitAddon(); term.loadAddon(fitAddon), term._fit = fitAddon, can.onmotion.delay(can, function() { fitAddon.fit() })
|
var fitAddon = new FitAddon.FitAddon(); term.loadAddon(fitAddon), term._fit = fitAddon, can.onmotion.delay(can, function() { fitAddon.fit() })
|
||||||
|
|||||||
@ -21,6 +21,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { can.onmotion.cl
|
|||||||
layout: function(can) {
|
layout: function(can) {
|
||||||
can.page.style(can, can.ui.display, html.WIDTH, can.ConfWidth()-can.ui.project.offsetWidth-1)
|
can.page.style(can, can.ui.display, html.WIDTH, can.ConfWidth()-can.ui.project.offsetWidth-1)
|
||||||
can.page.style(can, can.ui.project, html.HEIGHT, can.ui.display.offsetHeight)
|
can.page.style(can, can.ui.project, html.HEIGHT, can.ui.display.offsetHeight)
|
||||||
|
can.page.style(can, can.ui.display, html.WIDTH, "")
|
||||||
},
|
},
|
||||||
}, [""])
|
}, [""])
|
||||||
Volcanos(chat.ONFIGURE, {
|
Volcanos(chat.ONFIGURE, {
|
||||||
|
|||||||
2
proto.js
2
proto.js
@ -379,7 +379,7 @@ try { if (typeof(window) == lang.OBJECT) { var meta = Volcanos.meta
|
|||||||
window.onmousedown = function(event) {
|
window.onmousedown = function(event) {
|
||||||
for (target = event.target; target; target = target.parentNode) { if (target == document.body) { target = null; return }
|
for (target = event.target; target; target = target.parentNode) { if (target == document.body) { target = null; return }
|
||||||
// if (can.page.tagis(target, html.DIV) && can.page.ClassList.has(can, target, html.OUTPUT)) { target = null; return }
|
// if (can.page.tagis(target, html.DIV) && can.page.ClassList.has(can, target, html.OUTPUT)) { target = null; return }
|
||||||
if (can.page.tagis(event.target, html.INPUT, html.TEXTAREA)) { target = null; return }
|
if (can.page.tagis(event.target, html.TABLE, html.TR, html.INPUT, html.TEXTAREA)) { target = null; return }
|
||||||
if (can.page.ClassList.has(can, target, "move")) { break }
|
if (can.page.ClassList.has(can, target, "move")) { break }
|
||||||
} begin = {left: target.offsetLeft, top: target.offsetTop, x: event.x, y: event.y}
|
} begin = {left: target.offsetLeft, top: target.offsetTop, x: event.x, y: event.y}
|
||||||
can.page.SelectChild(can, target.parentNode, "*", function(target) { can.page.style(can, target, "z-index") && can.page.style(can, target, "z-index", 9) }), can.page.style(can, target, "z-index", 10)
|
can.page.SelectChild(can, target.parentNode, "*", function(target) { can.page.style(can, target, "z-index") && can.page.style(can, target, "z-index", 9) }), can.page.style(can, target, "z-index", 10)
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user