mirror of
https://shylinux.com/x/volcanos
synced 2025-04-27 01:28:28 +08:00
opt css
This commit is contained in:
harveyshao
parent
dd4cea5809
commit
6014ea052e
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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: {
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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)
|
||||
}
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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; }
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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; }
|
||||
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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", "")
|
||||
}
|
||||
|
||||
@ -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; }
|
||||
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -1,4 +1,2 @@
|
||||
fieldset.draw.trend div.output div.toggle {
|
||||
display:none;
|
||||
}
|
||||
fieldset.draw.trend div.output div.toggle { display:none; }
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user