diff --git a/page/index.css b/page/index.css index 1ac25372..cad24f86 100644 --- a/page/index.css +++ b/page/index.css @@ -109,6 +109,9 @@ body.white fieldset.Action { color:black; } body.white fieldset.Action>div.action { color:white; } body.white fieldset.Action fieldset.plugin { background-color:#ffffff78; } body.white fieldset.Action fieldset.plugin.full { background-color:#ffffffff; } +body.white fieldset.Action fieldset.plugin.Full { background-color:#cce0f4eb; } +body.white fieldset.Search table { color:white; } +body.white fieldset.word.float { background-color:aliceblue; color:black; } body.white legend { border-radius:10px 10px 10px 10px; } body.white select { background-color:#99CC66; color:white; border:2px solid #99CC66; border-radius:10px 10px 10px 10px; } @@ -132,32 +135,64 @@ body.print fieldset.Header, body.print fieldset.River, body.print fieldset.Actio body.print fieldset.River>div.output div.item.select { background-color:white; border:solid 2px red; } body.print fieldset.River>div.output div.list div.item { background-color:white; } +body.mobile legend { font-size:1.6rem; } +body.mobile input { font-size:1.4rem; } +body.mobile input[type=text] { padding-top:3px; height:2rem; } +body.mobile select { font-size:1.4rem; margin-top:3px; height:2rem; } +body.mobile>div.carte { font-size:1.6rem; } +body.mobile>div.carte div.item { font-size:1.6rem; } +body.mobile>div.input.login input { font-size:1.4rem; } +body.mobile fieldset.Header.head { width:-webkit-fill-available; } +body.mobile fieldset.Header.head { background-color:#000000b8; font-size:1.6rem; height:3rem; position:fixed; top:0; } +body.mobile fieldset.Header.head div.output { height:3rem; } +body.mobile fieldset.Header.head>div.output div.menu { height:2.6rem; } +body.mobile fieldset.Header.head div.state.time { display:none; } +body.mobile fieldset.River.left { background-color:#243950bf; font-size:2rem; min-width:240px; position:fixed; top:3rem; z-index:10; } +body.mobile fieldset.River>div.output div.item { font-size:1.6rem; } +body.mobile fieldset.Action.main { margin-top:3rem; } +body.mobile fieldset.Action.main.cmd { margin-top:0; margin-bottom:0; } +body.mobile fieldset.Footer.foot { width:-webkit-fill-available; } +body.mobile fieldset.Footer.foot { background-color:#000000b8; font-size:1.6rem; height:3rem; position:fixed; bottom:0; } +body.mobile fieldset.Footer.foot div.output { height:3rem; } +body.mobile fieldset.Footer.foot>div.output div { height:2.6rem; } +body.mobile.landscape fieldset.Header.head { position:unset; } +body.mobile.landscape fieldset.Header.head div.state.time { display:block; } +body.mobile.landscape fieldset.Action.main { margin-top:0; margin-bottom:0; } +body.mobile.landscape fieldset.Footer.foot { position:unset; } + +/* font */ * { tab-size:4; } textarea { tab-size:2; } legend { font-size:1.2rem; } input, select, option, table.content, div.item, div.tabs, div.code, code.story, div.story[data-type=spark] { font-size:1.1rem; font-family:monospace; } div.status>div.item>label { font-size:0.6rem; font-family:monospace; } +/* display */ form.option, div.action { display:contents; } .hide, .hidden, form.option>div.item>label, div.action>div.item>label, fieldset.panel>legend, fieldset.output>legend, fieldset.input>legend { display:none; } div.output, div.status, div.content, div.project div.item, div.item.textarea, div.code, div.story[data-type=spark], p.story, h1, h2, h3 { clear:both; } form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, div.project, div.status>div.item, fieldset.float>legend { float:left; } -div.code, div.story, div.action, div.output, div.project, div.profile, table.content, table.content td, body>div.toast { overflow:auto; } +div.code, div.story, div.action, div.output, div.project, div.content, div.profile, div.display, table.content, table.content td, body>div.toast { overflow:auto; } div.code, div.story, div.item, div.content, table.content, textarea { white-space:pre; } div.code, div.story, div.item { text-align:left; } +/* position cursor */ fieldset.float, fieldset.input, body>div.toast, body>div.carte, body>div.input, body>div.upload { position:fixed; z-index:10; } legend, select, input[type=button], div.item, div.tabs, th, td, h1, h2, h3 { cursor:pointer; } div.title, div.story[data-type=spark] { cursor:copy; } +/* box-shadow */ fieldset.plugin { box-shadow:2px 2px 10px 4px #626bd0; } fieldset.plugin:hover { box-shadow:4px 4px 12px 6px #626bd0; } +fieldset.story { border:0; margin:10px; clear:both; float:left; box-shadow:4px 4px 10px 1px #626bd0; } +fieldset.story:hover { box-shadow:12px 12px 12px 6px #5764efd1; } div.story[data-type=spark] { box-shadow:4px 4px 10px 1px #626bd0; } div.story[data-type=spark] span:hover { background-color:deepskyblue; box-shadow:4px 4px 20px 4px #29318e; } legend, select, textarea, input[type=text], div.code { box-shadow:4px 4px 20px 4px #626bd0; } -.select, div.item.select, div.item:hover, table.content th:hover, table.content td.select, table.content td:hover { background-color:black; } -div.tabs.select, div.tabs:hover, table.content tr.select, table.content tr:hover, h1:hover, h2:hover, h3:hover { background-color:deepskyblue; } +/* hover */ +.select, div.item.select, div.item:hover, table.content th:hover, table.content td.select, table.content td:hover { background-color:steelblue; } +div.tabs.select, div.tabs:hover, table.content tr.select, table.content tr:hover, h1:hover, h2:hover, h3:hover { background-color:cornflowerblue; } input[type=text]:hover { background-color:white; } input[name=cmd]:hover { background-color:white; color:black; } @@ -171,38 +206,3 @@ body.white table.content th:hover, body.white table.content td.select, body.whit body.white table.content tr:hover { background-color:skyblue; } body.white div.item.select, body.white div.item:hover { background-color:steelblue; } -body.mobile legend { font-size:1.4rem; } -body.mobile input { font-size:1.2rem; } -body.mobile input[type=text] { height:2rem; padding-top:3px; } -body.mobile select { font-size:1.4rem; height:2rem; margin-top:3px; } -body.mobile>div.carte { font-size:2rem; } -body.mobile>div.carte div.item { font-size:2rem; } -body.mobile>div.input.login input { font-size:1.2rem; } - -body.mobile fieldset.Header.head { width:-webkit-fill-available; } -body.mobile fieldset.Header.head { background-color:#000000b8; font-size:2rem; height:3rem; position:fixed; top:0; } -body.mobile fieldset.Header.head div.output { height:3rem; } -body.mobile fieldset.Header.head>div.output>div { height:2.2rem; } -body.mobile fieldset.Header.head>div.output div.menu { height:2.2rem; } -body.mobile fieldset.Header.head div.state.time { display:none; } -body.mobile fieldset.River.left { position:fixed; top:3rem; background-color:#243950bf; min-width:240px; font-size:2rem; } -body.mobile fieldset.River>div.output div.list div.item { font-size:2rem; } -body.mobile fieldset.River>div.output div.item { font-size:2rem; } -body.mobile fieldset.Action.main { margin-top:4rem; } -body.mobile fieldset.Action.main.cmd { margin-top:0; margin-bottom:0; } -body.mobile fieldset.Footer.foot { width:-webkit-fill-available; } -body.mobile fieldset.Footer.foot { background-color:#000000b8; font-size:2rem; height:2rem; position:fixed; bottom:0; } -body.mobile fieldset.Footer.foot { display:none; } -body.mobile.landscape fieldset.Header.head { position:unset; } -body.mobile.landscape fieldset.Header.head div.state.time { display:block; } -body.mobile.landscape fieldset.Action.main { margin-top:0; margin-bottom:0; } -body.mobile.landscape fieldset.Footer.foot { position:unset; } - -div.story[data-type=spark][data-name=shell] label { - -moz-user-select:none; /*火狐*/ - -webkit-user-select:none; /*webkit浏览器*/ - -ms-user-select:none; /*IE10*/ - -khtml-user-select:none; /*早期浏览器*/ - user-select:none; -} - diff --git a/panel/action.css b/panel/action.css index 62fd6099..b215d3c4 100644 --- a/panel/action.css +++ b/panel/action.css @@ -1,65 +1,19 @@ -fieldset.Action { - background-color:rgba(114, 153, 162, 0.54); - min-width:160px; -} -fieldset.Action>div.action { - /* width:-webkit-fill-available; */ - background-color:#159cc7b0; - display:none; height:28px; - padding:0; margin:0; - position:absolute; -} +fieldset.Action { background-color:rgba(114, 153, 162, 0.54); min-width:160px; } +fieldset.Action>div.action { background-color:#159cc7b0; padding:0; margin:0; height:28px; display:none; position:absolute; } -fieldset.Action div.output fieldset.plugin.Full>legend { - float:left; -} -body.white fieldset.Action div.output fieldset.plugin.Full { - background-color:#cce0f4eb; -} -fieldset.Action div.output fieldset.plugin.Full { - position:fixed; left:0; top:0; - background-color:#073947f2; - overflow:auto; - margin:0; - z-index:1; -} +fieldset.Action.tabs>div.action { display:block; } +fieldset.Action.tabs>div.output { margin-top:28px; } +fieldset.Action.tabs>div.output>fieldset>legend { display:none; } +fieldset.Action.tabs>div.output fieldset.plugin { display:none; float:left; } +fieldset.Action.tabs>div.output fieldset.plugin.select { display:block; } +fieldset.Action.grid>div.output fieldset.plugin { overflow:auto; float:left; } +fieldset.Action.grid>div.output fieldset.plugin>div.output { overflow:auto; } +fieldset.Action.free>div.output fieldset.plugin { position:absolute; } +fieldset.Action.free>div.output fieldset.plugin.select { display:block; } +fieldset.Action.flow>div.output fieldset.plugin { float:left; } -fieldset.Action.tabs>div.action { - display:block; -} -fieldset.Action.tabs>div.output { - margin-top:28px; -} -fieldset.Action.tabs>div.output>fieldset>legend { - display:none; -} -fieldset.Action.flow>div.output fieldset.plugin { - float:left; -} -fieldset.Action.grid>div.output fieldset.plugin { - float:left; overflow:auto; -} -fieldset.Action.grid>div.output fieldset.plugin>div.output { - overflow:auto; -} -fieldset.Action.tabs>div.output fieldset.plugin { - display:none; - float:left; -} -fieldset.Action.tabs>div.output fieldset.plugin.select { - display:block; -} -fieldset.Action.free>div.output fieldset.plugin { - position:absolute; -} -fieldset.Action.free>div.output fieldset.plugin.select { - display:block; -} +fieldset.Action div.output fieldset.plugin.Full { background-color:#073947f2; padding:0; margin:0; position:fixed; left:0; top:0; overflow:auto; z-index:1; } +fieldset.Action div.output fieldset.plugin.Full>legend { float:left; } -fieldset.panel.cmd>div.output>fieldset.plugin { - margin:0; padding:0; -} -fieldset.panel.cmd>div.output>fieldset.plugin>legend { - float:left; padding:0 10px; margin-right:3px; - background-color:darkcyan; -} +fieldset.panel.cmd>div.output>fieldset.plugin { padding:0; margin:0; } +fieldset.panel.cmd>div.output>fieldset.plugin>legend { background-color:darkcyan; padding:0 10px; margin-right:3px; float:left; } diff --git a/panel/action.js b/panel/action.js index f0c0d8f9..d414a729 100644 --- a/panel/action.js +++ b/panel/action.js @@ -105,7 +105,7 @@ Volcanos("onaction", {help: "交互操作", list: [], _init: function(can, cb, t }, can.base.isFunc(cb) && cb() }, _menus: [ - [chat.LAYOUT, "auto", "flow", "grid", "tabs", "free", "page", "toimage"], + [chat.LAYOUT, "auto", "tabs", "grid", "free", "flow", "page", "toimage"], [ice.HELP, "tutor", "manual", "service", "devops", "refer"], ], _trans: { diff --git a/panel/footer.css b/panel/footer.css index 2193949c..4197ce5f 100644 --- a/panel/footer.css +++ b/panel/footer.css @@ -1,36 +1,10 @@ -fieldset.Footer { - height:32px; padding:0 5px; - clear:both; -} -fieldset.Footer>div.output { - height:32px; overflow:hidden; -} -fieldset.Footer>div.output>div { - height:22px; padding:5px; - cursor:pointer; -} -fieldset.Footer>div.output>div:hover { - border-top:solid 2px red; - background-color:#2e515f; -} - -fieldset.Footer>div.output div.title { - float:left; -} -fieldset.Footer>div.output div.state { - float:right; -} -fieldset.Footer>div.output div.toast { - float:right; background-color:darkcyan; -} -fieldset.Footer>div.output div.cmd { - float:left; padding:0px; -} - -fieldset.Footer>div.output input[name=cmd] { - width:120px; height:25px; - border-radius:0; -} -fieldset.Footer>div.output input[name=cmd]:focus { - width:320px; -} +fieldset.Footer { padding:0 5px; height:32px; clear:both; } +fieldset.Footer>div.output { height:32px; overflow:hidden; } +fieldset.Footer>div.output>div { padding:5px; height:22px; cursor:pointer; } +fieldset.Footer>div.output>div:hover { background-color:#2e515f; border-top:solid 2px red; } +fieldset.Footer>div.output div.title { float:left; } +fieldset.Footer>div.output div.state { float:right; } +fieldset.Footer>div.output div.toast { background-color:darkcyan; float:right; } +fieldset.Footer>div.output div.cmd { padding:0px; float:left; } +fieldset.Footer>div.output input[name=cmd] { height:25px; width:120px; border-radius:0; } +fieldset.Footer>div.output input[name=cmd]:focus { width:320px; } diff --git a/panel/footer.js b/panel/footer.js index f9fd4a54..6e8c862d 100644 --- a/panel/footer.js +++ b/panel/footer.js @@ -59,7 +59,7 @@ Volcanos("onaction", {help: "交互数据", list: [], _init: function(can, cb, t if (can.user.mod.isPod) { can.onmotion.hidden(can, can._target) } else if (can.user.isMobile) { - can.onmotion.hidden(can, can._target) + // can.onmotion.hidden(can, can._target) } else if (can.user.isExtension) { can.onmotion.hidden(can, can._target) } diff --git a/panel/header.css b/panel/header.css index 0cff2139..d5406160 100644 --- a/panel/header.css +++ b/panel/header.css @@ -1,46 +1,11 @@ -fieldset.Header { - font-size:1.2em; -} -fieldset.Header { - height:32px; padding:0 5px; - overflow:hidden; - z-index:10; -} -fieldset.Header>div.output { - height:32px; overflow:hidden; -} -fieldset.Header>div.output>div { - height:22px; padding:5px; - cursor:pointer; -} -fieldset.Header>div.output>div:hover { - border-bottom:solid 2px red; - background-color:#2e515f; -} - -fieldset.Header>div.output>div.title { - float:left; -} -fieldset.Header>div.output>div.state { - float:right; -} -fieldset.Header>div.output>div.state.avatar>img { - height:1.4em; -} -fieldset.Header>div.output>div.search { - float:left; margin-left:20px; -} -fieldset.Header>div.output>div.search>input { - height:25px; margin-top:-5px; - border-radius:0; -} - -fieldset.Header>div.output div.menu { - height:21px; padding:5px; - cursor:pointer; - float:left; -} -fieldset.Header>div.output div.menu:hover { - border-bottom:solid 2px red; - background-color:#2e515f; -} +fieldset.Header { font-size:1.2em; padding:0 5px; height:32px; overflow:hidden; z-index:10; } +fieldset.Header>div.output { height:32px; overflow:hidden; } +fieldset.Header>div.output>div { padding:5px; height:22px; cursor:pointer; } +fieldset.Header>div.output>div:hover { background-color:#2e515f; border-bottom:solid 2px red; } +fieldset.Header>div.output>div.title { float:left; } +fieldset.Header>div.output>div.state { float:right; } +fieldset.Header>div.output>div.state.avatar>img { height:1.4em; } +fieldset.Header>div.output>div.search { margin-left:20px; float:left; } +fieldset.Header>div.output>div.search>input { margin-top:-5px; height:25px; border-radius:0; } +fieldset.Header>div.output div.menu { padding:5px; height:21px; cursor:pointer; float:left; } +fieldset.Header>div.output div.menu:hover { background-color:#2e515f; border-bottom:solid 2px red; } diff --git a/panel/river.css b/panel/river.css index 4f04036d..ca0f8541 100644 --- a/panel/river.css +++ b/panel/river.css @@ -1,29 +1,8 @@ -fieldset.River { - float:left; overflow:auto; -} -fieldset.River>div.output div.item { - border-left:solid 3px #00ffae; - padding:3px 16px; -} -fieldset.River>div.output div.item.select { - background-color:#2e515f; -} -fieldset.River>div.output div.item:hover { - background-color:#2e515f; -} -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:#073540b5; -} -fieldset.River>div.output div.list div.item.select { - background-color:#2e515f; -} -fieldset.River>div.output div.list div.item:hover { - background-color:#2e515f; -} -body.mobile fieldset.River { - z-index:10; -} +fieldset.River { overflow:auto; float:left; } +fieldset.River>div.output div.item { padding:3px 16px; border-left:solid 3px #00ffae; } +fieldset.River>div.output div.item.select { background-color:#2e515f; } +fieldset.River>div.output div.item:hover { background-color:#2e515f; } +fieldset.River>div.output div.list { padding-left:5px; margin-left:8px; } +fieldset.River>div.output div.list div.item { background-color:#073540b5; border-left:solid 3px #ccdc4c; } +fieldset.River>div.output div.list div.item.select { background-color:steelblue; } +fieldset.River>div.output div.list div.item:hover { background-color:steelblue; } diff --git a/panel/search.css b/panel/search.css index d9c56875..e1204e7e 100644 --- a/panel/search.css +++ b/panel/search.css @@ -1,31 +1,4 @@ -fieldset.Search { - background:#041a25bd; padding:10px; - left:0px; top:26px; - position:fixed; - display:none; -} -body.white fieldset.Search table { - color:white; -} -fieldset.Search input.word { - width:-webkit-fill-available; -} -fieldset.Search div.output { - overflow:auto; -} -fieldset.Search div.output div.content { - overflow:auto; -} -fieldset.Search div.output div.content a { - color:yellow; -} -fieldset.Search div.output div.content table { - min-width:400px; -} -fieldset.Search div.output div.display { - max-height:200px; - overflow:auto; -} -fieldset.Search div.output div.profile { - overflow:auto; -} +fieldset.Search { background:#041a25bd; padding:10px; position:fixed; left:0px; top:26px; display:none; } +fieldset.Search input.word { width:-webkit-fill-available; } +fieldset.Search div.output div.content table { min-width:400px; } +fieldset.Search div.output div.display { max-height:200px; } diff --git a/plugin/input/date.css b/plugin/input/date.css index ad9788eb..c3510f58 100644 --- a/plugin/input/date.css +++ b/plugin/input/date.css @@ -1,18 +1,10 @@ -fieldset.input.date div.action div.space { - clear:both; width:0; -} -fieldset.input.date div.output td.prev { - color:gray; -} -fieldset.input.date div.output td.next { - color:gray; -} -fieldset.input.date div.output td { - padding:2px 11px; -} - -body>fieldset.input.date table td.select { background-color:blue; } -body>fieldset.input.date table td:hover { background-color:blue; } - +fieldset.input.date div.action { height:4rem; } +fieldset.input.date div.action div.space { width:0; clear:both; } +fieldset.input.date div.output td.prev { color:gray; } +fieldset.input.date div.output td.next { color:gray; } +fieldset.input.date div.output td { padding:2px 11px; } fieldset.input.date table { text-align:center; width:280px; } -fieldset.input.date>div.action { height:4rem; } +fieldset.input.date table td.select { background-color:blue; } +fieldset.input.date table td:hover { background-color:blue; } +body.white fieldset.input.date table { color:white; } + diff --git a/plugin/local/chat/div.css b/plugin/local/chat/div.css index 7ae84e23..28ea3a3a 100644 --- a/plugin/local/chat/div.css +++ b/plugin/local/chat/div.css @@ -23,3 +23,6 @@ fieldset.panel.cmd.main fieldset.div div.project { fieldset.panel.cmd.main fieldset.div div.profile { display:none; } +fieldset.word>div.output fieldset.span>fieldset { + float:left; overflow:auto; +} diff --git a/plugin/local/code/inner.css b/plugin/local/code/inner.css index e8837b03..c936ef0c 100644 --- a/plugin/local/code/inner.css +++ b/plugin/local/code/inner.css @@ -201,3 +201,6 @@ body.white fieldset.inner>div.output div.content td.text span.string { user-select:none; } +fieldset.inner.float div.output { background-color:#332f1ecf; } +fieldset.inner.float div.status { color:white; } + diff --git a/plugin/local/code/vimer.css b/plugin/local/code/vimer.css index cd8ded63..c9bd4d4b 100644 --- a/plugin/local/code/vimer.css +++ b/plugin/local/code/vimer.css @@ -1,15 +1,7 @@ fieldset.vimer>div.output input.current { - background-color:#00000000; color:#00000000; - font-size:1em; font-family:monospace; - position:absolute; left:0; - margin:0; margin-top:-2px; - padding:0; padding-left:9px; + background-color:#00000000; color:#00000000; font-size:1em; font-family:monospace; + padding:0; padding-left:9px; margin:0; margin-top:-2px; position:absolute; left:0; width:-webkit-fill-available; - tab-size:4; -} -fieldset.vimer>div.output input.current.insert { - caret-color:yellow; -} -fieldset.vimer>div.output input.current.normal { - caret-color:blue; } +fieldset.vimer>div.output input.current.insert { caret-color:yellow; } +fieldset.vimer>div.output input.current.normal { caret-color:blue; } diff --git a/plugin/local/team/plan.css b/plugin/local/team/plan.css index 8052c00a..448722d0 100644 --- a/plugin/local/team/plan.css +++ b/plugin/local/team/plan.css @@ -1,30 +1,7 @@ -fieldset.plan>div.output div.prepare { - background-color:blue; - color:white; -} -fieldset.plan>div.output div.process { - background-color:green; - color:white; -} -fieldset.plan>div.output div.cancel { - background-color:yellow; - color:white; -} -fieldset.plan>div.output div.finish { - background-color:red; - color:white; -} - -fieldset.plan>div.output td { - vertical-align:top; -} -fieldset.plan>div.output td.over { - border:solid 2px red; -} -fieldset.plan>div.output td div.date { - color:gray; -} -fieldset.plan>div.output div.project { - max-height:400px; - overflow:auto; -} +fieldset.plan>div.output td { vertical-align:top; } +fieldset.plan>div.output td.over { border:solid 2px red; } +fieldset.plan>div.output td div.date { color:gray; } +fieldset.plan>div.output div.prepare { background-color:blue; color:white; } +fieldset.plan>div.output div.process { background-color:green; color:white; } +fieldset.plan>div.output div.cancel { background-color:yellow; color:white; } +fieldset.plan>div.output div.finish { background-color:red; color:white; } diff --git a/plugin/local/wiki/word.css b/plugin/local/wiki/word.css index fdb7f579..76870d76 100644 --- a/plugin/local/wiki/word.css +++ b/plugin/local/wiki/word.css @@ -1,176 +1,41 @@ -fieldset.word>div.output fieldset.span>fieldset { - float:left; overflow:auto; -} - -fieldset.word>div.navmenu { - clear:both; - float:left; - min-width:120px; - background-color:inherit; - margin-right:10px; - overflow:auto; -} -fieldset.word>div.navmenu>div.item { - font-weight:bold; - font-size:2em; - padding:4px 10px; -} -fieldset.word>div.navmenu>div.list>div.item { - font-weight:bold; - font-size:1.6em; -} -fieldset.word>div.navmenu div.item { - font-family:cursive; - padding:4px 10px; -} -fieldset.word>div.navmenu div.item.select { - background-color:red; -} -fieldset.word>div.navmenu div.item:hover { - cursor:pointer; - background-color:red; -} -fieldset.word>div.navmenu div.list { - margin-left:20px; -} - -fieldset.word a { - word-break:break-word; -} -fieldset.word ul.story[data-type=premenu] { - cursor:pointer; -} -fieldset.word ul.story[data-type=premenu] li:hover { - background:cyan; - color:blue; -} -fieldset.word ul.story[data-type=endmenu] { - clear:both; -} -fieldset.word ul.story li.H2 { - font-weight:bold; - font-size:2em; -} -fieldset.word ul.story { - font-family:monospace; -} -fieldset.word br.story { - clear:both; -} - -fieldset.word p.story { - /* white-space:pre; */ -} -fieldset.word div.story[data-name=field]>div.menu { - float:left; width:120px; - overflow:auto; -} -fieldset.word div.story[data-name=field]>div.menu div.list { - padding-left:10px; -} -fieldset.word div.story[data-name=field]>div.list { - float:left; -} - -fieldset.word p.story[data-name=inner] { - padding:4px 10px; margin:10px 0px; - background-color:#4b6c8a7a; - border-left:solid 4px blue; -} -fieldset.word p.story[data-name=inner]:hover { - background-color:#c10c8a; - cursor:copy; -} -fieldset.word svg.story { - display:block; float:left; -} -fieldset.word code.story { - display:block; border:solid 3px green; - color:white; background-color:#272822; - max-height:640px; overflow:auto; - padding:10px; white-space:pre; - clear:both; -} -fieldset.word video.story { - max-height:320px; -} -fieldset.word fieldset.story { - margin:10px; border:0; - clear:both; float:left; - box-shadow:4px 4px 10px 1px #626bd0; -} -fieldset.word fieldset.story:hover { - box-shadow:12px 12px 12px 6px #5764efd1; -} - -fieldset.word.float { - width:-webkit-fill-available; - position:fixed; left:0; top:0; - z-index:10; -} -body.white fieldset.word.float { - background-color:aliceblue; - color:black; -} -fieldset.word.float>div.action { - display:contents; -} -fieldset.word.float>div.output { - background-color:#f0f8ff80; - overflow:auto; - padding:20px; -} -fieldset.word.float>div.output>div.project { - background:cornsilk; - left:0; top:25px; - position:fixed; - padding:10px; - z-index:100; -} -fieldset.word.float div.content div.page { - /* background-color:#194c79d4; */ - margin-top:30px; - display:none; -} -fieldset.word.float div.content div.page.show { - display:block; -} -fieldset.word.float div.content.grid div.page { - float:left; display:block; - width:200px; height:200px; - overflow:auto; margin:10px; - background-color:#a4cbecb5; -} - -fieldset.word.float h1 { - text-align:center; -} -fieldset.word.float h2 { - text-align:center; -} -fieldset.word.float h3 { - text-align:center; -} -fieldset.word.float div.status { - clear:none; -} -fieldset.word.float div.status label { - color:black; -} -fieldset.word.float div.status span { - color:black; -} - -fieldset.panel.cmd fieldset.word>legend { - display:none; -} -fieldset.panel.cmd fieldset.word>form.option { - display:none; -} -fieldset.panel.cmd fieldset.word>div.action { - display:none; -} -fieldset.panel.cmd fieldset.word>div.status { - display:none; +fieldset.word>div.navmenu { background-color:inherit; overflow:auto; margin-right:10px; min-width:120px; clear:both; float:left; } +fieldset.word>div.navmenu div.list { margin-left:20px; } +fieldset.word>div.navmenu div.item { font-size:1.6em; font-weight:bold; font-family:cursive; padding:4px 10px; } +fieldset.word>div.navmenu>div.item { font-size:2em; } + +fieldset.word a { word-break:break-word; } +fieldset.word br.story { clear:both; } +fieldset.word ul.story { font-family:monospace; } +fieldset.word ul.story li.H2 { font-size:2em; font-weight:bold; } +fieldset.word ul.story[data-type=premenu] { cursor:pointer; } +fieldset.word ul.story[data-type=premenu] li:hover { background:cyan; color:blue; } +fieldset.word ul.story[data-type=endmenu] { clear:both; } +fieldset.word p.story[data-name=inner] { background-color:#4b6c8a7a; padding:4px 10px; border-left:solid 4px blue; margin:10px 0px; } +fieldset.word p.story[data-name=inner]:hover { background-color:#c10c8a; cursor:copy; } +fieldset.word svg.story { display:block; float:left; } +fieldset.word video.story { max-height:320px; } + +fieldset.word.float { padding:0; margin:0; width:-webkit-fill-available; position:fixed; left:0; top:0; z-index:10; } +fieldset.word.float>div.action { display:contents; } +fieldset.word.float>div.output { background-color:#f0f8ff80; padding:20px; overflow:auto; } +fieldset.word.float>div.output>div.project { background:cornsilk; padding:10px; position:fixed; left:0; top:25px; z-index:100; } +fieldset.word.float div.content div.page { margin-top:30px; display:none; } +fieldset.word.float div.content div.page.show { display:block; } +fieldset.word.float div.content.grid div.page { background-color:#a4cbecb5; margin:10px; height:200px; width:200px; overflow:auto; display:block; float:left; } +fieldset.word.float h1 { text-align:center; } +fieldset.word.float h2 { text-align:center; } +fieldset.word.float h3 { text-align:center; } + +fieldset.panel.cmd fieldset.word>legend { display:none; } +fieldset.panel.cmd fieldset.word>form.option { display:none; } +fieldset.panel.cmd fieldset.word>div.action { display:none; } +fieldset.panel.cmd fieldset.word>div.status { display:none; } + +div.story[data-type=spark][data-name=shell] label { + -moz-user-select:none; /*火狐*/ + -webkit-user-select:none; /*webkit浏览器*/ + -ms-user-select:none; /*IE10*/ + -khtml-user-select:none; /*早期浏览器*/ + user-select:none; } diff --git a/plugin/state.js b/plugin/state.js index 978aa3a7..2ea5df7f 100644 --- a/plugin/state.js +++ b/plugin/state.js @@ -86,7 +86,7 @@ Volcanos("onaction", {help: "交互操作", list: [ }, "切换全屏": function(event, can) { if (can.page.ClassList.neg(can, can._target, "Full")) { - can.page.style(can, can._output, "height", window.innerHeight-(can._status.innerText? 2: 1)*html.ACTION_HEIGHT-2*html.PLUGIN_MARGIN, "min-width", window.innerWidth-2*html.PLUGIN_MARGIN) + can.page.style(can, can._output, "height", window.innerHeight-(can._status.innerText? 2: 1)*html.ACTION_HEIGHT, "min-width", window.innerWidth) } else { can.page.style(can, can._output, "height", "", "min-width", "") } diff --git a/plugin/story/json.css b/plugin/story/json.css index 2bf0dafa..a46b8a79 100644 --- a/plugin/story/json.css +++ b/plugin/story/json.css @@ -1,26 +1,8 @@ -fieldset.plugin div.output.json div.item:hover { - background-color:#0000; -} -fieldset.plugin div.output.json div.item div.item { - border:solid 1px #0000000d; - border-left:dashed 1px lightblue; - margin-left:5px; padding-left:15px; - cursor:pointer; -} -fieldset.plugin div.output.json div.item div.item:hover { - border:solid 1px red; -} -fieldset.plugin div.output.json div.item span.nonce { - color:#9cbeca4f; - cursor:pointer; -} -fieldset.plugin div.output.json div.item span.key { - color:yellow; -} -fieldset.plugin div.output.json div.item span.string { - color:magenta; -} -fieldset.plugin div.output.json div.item span.const { - color:cyan; -} +fieldset.plugin div.output.json div.item:hover { background-color:#0000; } +fieldset.plugin div.output.json div.item div.item { padding-left:15px; border:solid 1px #0000000d; border-left:dashed 1px lightblue; margin-left:5px; } +fieldset.plugin div.output.json div.item div.item:hover { border:solid 1px red; } +fieldset.plugin div.output.json div.item span.nonce { color:#9cbeca4f; cursor:pointer; } +fieldset.plugin div.output.json div.item span.key { color:yellow; } +fieldset.plugin div.output.json div.item span.string { color:magenta; } +fieldset.plugin div.output.json div.item span.const { color:cyan; } diff --git a/plugin/story/spide.css b/plugin/story/spide.css index d5a38631..1364b465 100644 --- a/plugin/story/spide.css +++ b/plugin/story/spide.css @@ -1,9 +1,2 @@ -fieldset.draw.spide div.output { - font-family:monospace; -} -fieldset.draw.spide div.output div.toggle { - display:none; -} -fieldset.inner.float div.output { - background-color:#332f1ecf; -} +fieldset.draw.spide div.output { font-family:monospace; } +fieldset.draw.spide div.output div.toggle { display:none; } diff --git a/plugin/story/trend.css b/plugin/story/trend.css index 038f887a..e670aaeb 100644 --- a/plugin/story/trend.css +++ b/plugin/story/trend.css @@ -1,4 +1,2 @@ -fieldset.draw.trend div.output div.toggle { - display:none; -} +fieldset.draw.trend div.output div.toggle { display:none; }