mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 08:48:06 +08:00
add some
This commit is contained in:
parent
0dfff9f0b8
commit
0151684485
36
frame.js
36
frame.js
@ -248,7 +248,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) {
|
||||
can.page.tagis(can._fields||can._target, html.FIELDSET_PANEL, html.FIELDSET_PLUG) || action == can._action && can.page.Append(can, action,
|
||||
can.core.Item(can.user.isMobile? {
|
||||
open: !can.isCmdMode() && "打开链接",
|
||||
chat: "发送聊天",
|
||||
// chat: "发送聊天",
|
||||
}: {_space: "",
|
||||
full: !can.isCmdMode() && "切换全屏",
|
||||
open: !can.isCmdMode() && "打开链接",
|
||||
@ -748,29 +748,29 @@ Volcanos(chat.ONLAYOUT, {_init: function(can, target) { target = target||can._ro
|
||||
}); return height+margin
|
||||
},
|
||||
background: function(can, url, target) { can.page.style(can, target||can._root._target, "background-image", url == "" || url == "void"? "": 'url("'+url+'")') },
|
||||
figure: function(event, can, target, right, min) {
|
||||
if (!event || !event.target) { return {} } target = target||can._fields||can._target
|
||||
figure: function(event, can, target, right, min) { if (!event || !event.target) { return {} } target = target||can._fields||can._target
|
||||
var rect = event.target == document.body? {left: can.page.width()/2, top: can.page.height()/2, right: can.page.width()/2, bottom: can.page.height()/2}: (event.currentTarget||event.target).getBoundingClientRect()
|
||||
var layout = right? {left: rect.right, top: rect.top}: {left: rect.left, top: rect.bottom}
|
||||
can.getActionSize(function(left, top, width, height) { left = left||0, top = top||0, height = can.base.Max(height, can.page.height()-top)
|
||||
if (can.user.isMobile) {
|
||||
if (target.offsetHeight > height/2 && can.page.tagis(target, "div.input")) { layout.top = top }
|
||||
if (target.offsetWidth > width/2) { layout.left = left, can.page.style(can, target, html.WIDTH, width) }
|
||||
}
|
||||
if (layout.top+target.offsetHeight > top+height) {
|
||||
if (min && top+height-layout.top > min) {
|
||||
can.page.style(can, target, html.MAX_HEIGHT, top+height-layout.top)
|
||||
} else if (!right && rect.top-top>target.offsetHeight) {
|
||||
layout.top = rect.top-target.offsetHeight
|
||||
} else {
|
||||
if (!right) { right = true, layout.left += (event.currentTarget||event.target).offsetWidth }
|
||||
layout.top = top+height-target.offsetHeight
|
||||
if (!min || top+height-layout.top < min) {
|
||||
if (right) {
|
||||
layout.top = top+can.base.Min(height-target.offsetHeight, 0)
|
||||
} else if (rect.top-top-rect.height > top+height-rect.top) {
|
||||
layout.top = top+can.base.Min(rect.top-target.offsetHeight, 0), height = rect.top-top
|
||||
}
|
||||
}
|
||||
}
|
||||
if (layout.left+target.offsetWidth > left+width-20) {
|
||||
if (right) {
|
||||
layout.left = rect.left-target.offsetWidth
|
||||
} else {
|
||||
layout.left = left+width-target.offsetWidth
|
||||
}
|
||||
}
|
||||
if (layout.left+target.offsetWidth > left+width-20) { layout.left = (right? rect.left: left+width)-target.offsetWidth-1 }
|
||||
can.page.style(can, target, html.MAX_HEIGHT, top+height-layout.top)
|
||||
});
|
||||
can.onmotion.move(can, target, layout), can.onmotion.slideGrow(can, target)
|
||||
can.page.style(can, target, html.MAX_WIDTH, left+width-layout.left)
|
||||
}); can.onmotion.move(can, target, layout), can.onmotion.slideGrow(can, target)
|
||||
return layout
|
||||
},
|
||||
_float: function(can) { var target = can._fields||can._target, sup = can._fields? can.sup: can
|
||||
@ -949,7 +949,7 @@ Volcanos(chat.ONMOTION, {_init: function(can, target) {
|
||||
},
|
||||
move: function(can, target, layout) { layout && can.page.style(can, target, layout), can.onmotion.resize(can, target, function() {}) },
|
||||
resize: function(can, target, cb, top, left) { var begin, action
|
||||
top = top || html.HEADER_HEIGHT, left = left || can.getRiverWidth()
|
||||
top = top || can.getHeaderHeight(), left = left || can.getRiverWidth()
|
||||
target.onmousedown = function(event) { if (event.which != 1 || event.target != target && !(can.page.ClassList.has(can, event.target, html.STATUS) && can.page.tagis(event.target, html.DIV))) { return } window._mousemove = target
|
||||
begin = {left: target.offsetLeft, top: target.offsetTop, height: target.offsetHeight, width: target.offsetWidth, x: event.x, y: event.y}
|
||||
}, target.onmouseup = function(event) { begin = null, delete(window._mousemove) }
|
||||
|
||||
623
index.css
623
index.css
@ -2,7 +2,6 @@
|
||||
@media (prefers-color-scheme: light) {
|
||||
body {
|
||||
--plugin-bg-color:white; --plugin-fg-color:black;
|
||||
--code-bg-color:black; --code-fg-color:silver;
|
||||
--code-comment:green; --code-keyword:darkblue;
|
||||
--code-function:darkcyan; --code-constant:gray; --code-string:brown;
|
||||
--code-object:purple; --code-datatype:cornflowerblue; --code-package:blue;
|
||||
@ -11,13 +10,13 @@ body {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
--plugin-bg-color:black; --plugin-fg-color:silver;
|
||||
--code-bg-color:black; --code-fg-color:silver;
|
||||
--code-comment:green; --code-keyword:royalblue;
|
||||
--code-function:lightgreen; --code-constant:gray; --code-string:orange;
|
||||
--code-object:silver; --code-datatype:lavender; --code-package:blue;
|
||||
}
|
||||
}
|
||||
body {
|
||||
--code-bg-color:black; --code-fg-color:silver;
|
||||
--notice-bg-color:blue; --notice-fg-color:white;
|
||||
--danger-bg-color:red; --danger-fg-color:var(--notice-fg-color);
|
||||
--disable-fg-color:gray; --progress-bg-color:var(--danger-bg-color);
|
||||
@ -37,35 +36,28 @@ body {
|
||||
--panel-hover-bg-color:var(--hover-bg-color); --panel-hover-fg-color:var(--hover-fg-color);
|
||||
--action-output-bg-color:var(--output-bg-color);
|
||||
|
||||
--box-border:var(--disable-fg-color) solid 1px;
|
||||
--box-notice:var(--notice-bg-color) solid 1px;
|
||||
--plugin-border-color:var(--box-border);
|
||||
--input-border:var(--box-border);
|
||||
--status-border:var(--box-border);
|
||||
--code-border-color:var(--notice-bg-color);
|
||||
|
||||
--box-shadow:var(--body-fg-color) 2px 2px 8px;
|
||||
--legend-box-shadow:var(--box-shadow);
|
||||
--input-box-shadow:var(--box-shadow);
|
||||
--th-box-shadow:var(--box-shadow);
|
||||
--box-border:var(--disable-fg-color) solid 1px; --box-notice:var(--notice-bg-color) solid 1px;
|
||||
--plugin-border-color:var(--box-border); --input-border:var(--box-border); --status-border:var(--box-border);
|
||||
--code-border-color:var(--notice-bg-color);
|
||||
--plugin-radius:var(--plugin-padding); --button-radius:var(--input-padding);
|
||||
--box-shadow:var(--body-fg-color) 2px 2px 8px;
|
||||
--plugin-box-shadow:var(--box-shadow); --legend-box-shadow:var(--box-shadow); --input-box-shadow:var(--box-shadow);
|
||||
--th-box-shadow:var(--box-shadow);
|
||||
|
||||
--plugin-padding:10px; --plugin-margin:var(--plugin-padding);
|
||||
--legend-padding:20px; --title-margin:var(--legend-padding);
|
||||
--button-padding:var(--plugin-padding); --button-margin:var(--button-padding);
|
||||
--input-padding:5px; --input-margin:var(--input-padding);
|
||||
--table-padding:var(--button-padding);
|
||||
--plugin-radius:var(--plugin-padding); --button-radius:var(--input-padding);
|
||||
--river-margin:80px; --action-margin:200px; --action-button:10; --table-button:5;
|
||||
|
||||
--header-height:48px; --footer-height:var(--action-height); --action-height:32px; --status-height:var(--action-height);
|
||||
--river-width:var(--project-width); --project-width:230px; --input-width:120px; --button-width:60px; --form-width:320px;
|
||||
--textarea-height:96px; --qrcode-height:364px; --iframe-height:420px;
|
||||
--story-height:var(--float-height);
|
||||
--card-height:145px; --card-width:320px;
|
||||
--plug-height:var(--float-height); --plug-width:var(--float-width);
|
||||
--float-height:480px; --float-width:1200px;
|
||||
--desktop-height:684px; --desktop-width:var(--float-width);
|
||||
--desktop-icon-size:80px;
|
||||
--card-height:145px; --card-width:320px;
|
||||
--story-height:var(--float-height); --float-height:480px; --float-width:1200px;
|
||||
--plug-height:var(--float-height); --plug-width:var(--float-width);
|
||||
--desktop-height:684px; --desktop-width:var(--float-width); --desktop-icon-size:80px;
|
||||
--action-button:10; --table-button:5; --river-margin:80px; --action-margin:200px;
|
||||
|
||||
--body-font-family:sans-serif;
|
||||
--legend-font-family:var(--input-font-family); --status-font-family:var(--body-font-family);
|
||||
@ -75,11 +67,6 @@ body {
|
||||
--code-font-size:14px; --code-line-height:24px; --code-tabs-height:48px;
|
||||
--icon-font-size:var(--legend-font-size); --svg-font-size:24px; --svg-stroke-width:1;
|
||||
}
|
||||
input { font-family:var(--input-font-family); }
|
||||
body { font-family:var(--body-font-family); }
|
||||
body { background-color:var(--body-bg-color); color:var(--body-fg-color); }
|
||||
body.cmd { background-color:var(--plugin-bg-color); }
|
||||
body.windows { --code-font-family:"Courier New"; }
|
||||
body.mobile { --footer-height:60px; --qrcode-height:284px; --svg-font-size:13px; }
|
||||
body.width1 { /* 320-640 手机竖屏 */
|
||||
--river-width:280px; --project-width:120px; --input-width:80px;
|
||||
@ -104,84 +91,111 @@ body.width6 { /* 1920-2240 显示器 */
|
||||
--card-height:160px;
|
||||
}
|
||||
/* element */
|
||||
* { tab-size:4; box-sizing:border-box; padding:0; border:0; margin:0; }
|
||||
legend { font-family:var(--legend-font-family); padding:0 var(--legend-padding); margin-right:var(--button-margin); }
|
||||
* { box-sizing:border-box; padding:0; border:0; margin:0; tab-size:4; }
|
||||
legend { padding:0 var(--legend-padding); margin-right:var(--button-margin); }
|
||||
select { padding:0 var(--button-padding); }
|
||||
input:not([type=file]) { padding:0 var(--button-padding); }
|
||||
input:not([type=button]) { padding:0 var(--input-padding); border-radius:0; outline:none; }
|
||||
input[type=checkbox] { height:22px; width:22px; margin:var(--input-margin); }
|
||||
table.content.full { width:100%; }
|
||||
input:not([type=button]) { padding:0 var(--input-padding); outline:none; }
|
||||
input[type=checkbox] { margin:var(--input-margin); }
|
||||
table.content thead { position:sticky; top:2px; }
|
||||
table.content tr.danger { background-color:var(--danger-bg-color) !important; color:var(--danger-fg-color) !important; }
|
||||
table.content tr.disable { color:var(--disable-fg-color); }
|
||||
table.content tr.offline { color:var(--disable-fg-color); }
|
||||
table.content th { font-family:var(--input-font-family); padding:var(--input-padding) 24px; box-shadow:var(--th-box-shadow); }
|
||||
table.content { cursor:default; }
|
||||
table.content th:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content th span { cursor:pointer; }
|
||||
table.content th i { position:absolute; right:var(--input-padding); cursor:pointer; }
|
||||
table.content th { padding:var(--input-padding) 24px; }
|
||||
table.content th { position:relative; }
|
||||
table.content th i { position:absolute; right:var(--input-padding); }
|
||||
table.content th:not(.select) i { display:none; }
|
||||
table.content th.select { border:var(--notice-bg-color) solid 1px; }
|
||||
table.content th.select[data-asc="0"] i.bi-sort-up { display:none; }
|
||||
table.content th.select[data-asc="1"] i.bi-sort-down-alt { display:none; }
|
||||
table.content td.option { cursor:pointer; }
|
||||
table.content td { padding:var(--table-padding); }
|
||||
table.content td i:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; }
|
||||
table.content td i { padding:var(--input-padding); font-size:20px; }
|
||||
table.content.detail td { padding:var(--table-padding) 0; }
|
||||
table.content.detail td:first-child { text-align:center; }
|
||||
table.content.detail td i { display:none; }
|
||||
table.content:not(.detail) td input.icons { display:none; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.plug):not(.float):not(.full):not(.cmd)>div.output>table.content td input.icons { display:unset; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.plug):not(.float):not(.full):not(.cmd)>div.output>table.content td i { display:none; }
|
||||
table.content.checkbox th:first-child { text-align:center; padding:var(--table-padding); position:sticky; left:2px; z-index:1; }
|
||||
table.content.checkbox td:first-child { background-color:var(--th-bg-color); text-align:center; position:sticky; left:2px; }
|
||||
table.content.detail td:first-child { width:var(--input-width); }
|
||||
table.content.checkbox td:first-child { text-align:center; position:sticky; left:2px; }
|
||||
table.content.action th:last-child { position:sticky; right:2px; }
|
||||
table.content.action td:last-child { text-align:center; position:sticky; right:2px; box-shadow:var(--th-box-shadow); }
|
||||
table.content:hover col.option { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content:hover td.option:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content td.option { cursor:pointer; }
|
||||
table.content td.action:not(:hover) { background-color:var(--th-bg-color); color:var(--th-fg-color); }
|
||||
table.content col.action { width:var(--project); }
|
||||
table.content col.time { width:180px; }
|
||||
table.content.action td:last-child { text-align:center; position:sticky; right:2px; }
|
||||
table.content input:not(:last-child) { margin-right:var(--button-margin); }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>div.output>table.content td i { display:none; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>div.output>table.content td input.icons { display:unset; }
|
||||
h1 { text-align:center; margin:var(--title-margin) 0; } h2 { margin:var(--title-margin) 0; } h3 { margin:var(--title-margin) 0; }
|
||||
hr, td.hr { border-bottom:var(--plugin-border-color) dashed 1px; margin:var(--input-margin); }
|
||||
ol, ul { margin-left:var(--title-margin); }
|
||||
a { color:unset; font-style:italic; }
|
||||
p { margin:var(--title-margin) 0; }
|
||||
img[title^=http] { cursor:pointer; }
|
||||
div.output>div.code>img { margin-bottom:-3px; }
|
||||
kbd { font-family:var(--code-font-family); padding:0 var(--input-padding); }
|
||||
iframe { height:var(--iframe-height); width:100%; }
|
||||
kbd { padding:0 var(--input-padding); }
|
||||
/* output style */
|
||||
div.title>div.status { line-height:20px; }
|
||||
div.title>div.status>div.item { font-size:var(--status-font-size); font-weight:normal; margin-right:var(--button-margin); float:left; }
|
||||
div.title>div.status>div.item:not(:hover) { color:var(--disable-fg-color); }
|
||||
div.title>div.status>div.item>i { margin-right:var(--input-margin); }
|
||||
div.output.card>div.item { padding:var(--plugin-padding); margin:var(--plugin-padding); min-width:320px; position:relative; float:left; }
|
||||
div.output.card>div.item { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
|
||||
div.output.card>div.item:hover { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
|
||||
div.output.card>div.item.stop { color:var(--disable-fg-color); }
|
||||
div.output.card>div.item>div.title { font-size:var(--legend-font-size); font-weight:bold; padding-bottom:var(--input-padding); display:flex; align-items:center; overflow:hidden; }
|
||||
div.output.card>div.item>div.title>img { margin-right:var(--button-margin); margin-left:0; height:var(--header-height); width:var(--header-height); float:left; }
|
||||
div.output.card>div.item>div.content { white-space:pre; font-size:var(--status-font-size); padding:var(--input-padding); height:var(--header-height); }
|
||||
div.output.card>div.item>div.action { text-align:right; width:100%; display:flex; position:absolute; bottom:var(--plugin-padding); }
|
||||
div.output.card>div.item>div.action>input { padding:0 var(--button-padding); margin-right:var(--input-margin); }
|
||||
div.output.stats { flex-wrap:wrap; }
|
||||
div.output.stats>div.item { text-align:center; flex-direction:column; flex-grow:1; padding:var(--plugin-padding); margin:var(--plugin-padding); float:left; }
|
||||
div.output.stats>div.item>div.value span:first-child { font-size:32px; }
|
||||
div.output.stats>div.item>div.value span.units { color:var(--disable-fg-color); font-style:italic; }
|
||||
div.output.stats>div.item>div.name { color:var(--disable-fg-color); font-family:var(--status-font-family); font-style:italic; font-size:var(--status-font-size); }
|
||||
div.output>div.code>div.form { text-align:center; font-size:15px; padding:60px 10px; }
|
||||
div.output>div.code>div.form>input[type=button] { min-width:200px; }
|
||||
div.output>div.code>div.form>input[type=button][name=confirm] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); margin:var(--button-margin) 0; }
|
||||
body.en span[lang^=zh] { display:none; } body.zh span[lang^=en] { display:none; }
|
||||
/* project */
|
||||
div.project div.action { width:100%; }
|
||||
div.project div.list { margin-left:var(--button-margin); clear:both; }
|
||||
div.project div.list fieldset { position:static; }
|
||||
div.project div.item { white-space:pre; line-height:24px; padding:0 var(--button-margin); display:flex; align-items:center; }
|
||||
div.project div.item img { margin:var(--input-margin) !important; height:var(--action-height); width:var(--action-height); }
|
||||
div.project div.item.filter { padding:0; width:100%; }
|
||||
div.project div.item.filter>input { padding:0 25px; width:100%; }
|
||||
div.project div.item.search { padding:0; width:100%; }
|
||||
div.project div.item.search>input { padding:0 25px; width:100%; }
|
||||
div.project div.item.expand { margin-right:var(--input-margin); float:left; transition:all .5s; }
|
||||
div.project div.item.expand.open { translate:1px 2px; rotate:90deg; transition:all .3s; }
|
||||
div.project div.item>div.name { padding-left:var(--button-padding); }
|
||||
div.project div.zone>div.item { text-align:center; padding:var(--input-padding); display:flex; align-items:center; }
|
||||
div.project div.zone>div.item span:hover { background-color:var(--hover-bg-color); }
|
||||
div.project>div.zone>div.item span:first-child { font-style:italic; font-weight:bold; line-height:var(--action-height); }
|
||||
div.project div.zone>div.item span:first-child { flex-grow:1; }
|
||||
div.project div.zone>div.item span.icon { letter-spacing:0; font-size:22px !important; padding:0 var(--input-padding); display:none; }
|
||||
div.project div.zone>div.item span.icon.refresh { margin-top:-2px; }
|
||||
div.project div.zone:hover>div.item span.icon { display:block; }
|
||||
div.project div.zone>div.list>div.zone>div.item { text-align:left; padding-left:var(--button-padding); transition:all .5s; }
|
||||
div.project div.zone>div.list>div.zone>div.item:hover { margin-left:var(--button-margin); transition:all .3s; }
|
||||
div.item>i.bi-chevron-down { float:right; transition:all .5s; }
|
||||
div.item.open>i.bi-chevron-down { rotate:-180deg; transition:all .3s; }
|
||||
div.item.text.trans input:not([type=button]) { transition:all 1s; }
|
||||
div.item.text.trans input:not([type=button]):focus { width:var(--river-width); transition:all .5s; }
|
||||
div.toggle { background-color:#4a566e6e; color:var(--panel-fg-color); font-size:var(--action-height); padding-top:38px; height:120px; position:absolute; }
|
||||
div.toggle:hover { background-color:var(--hover-bg-color); color:var(--panel-hover-fg-color); }
|
||||
div.toggle.project { top:20%; left:0; border-top-right-radius:var(--plugin-radius); border-bottom-right-radius:var(--plugin-radius); }
|
||||
div.content>div.toggle.profile { top:20%; right:0; border-top-left-radius:var(--plugin-radius); border-bottom-left-radius:var(--plugin-radius); }
|
||||
div.content>div.toggle.display { left:20%; bottom:-52px; rotate:90deg; border-top-left-radius:var(--plugin-radius); border-bottom-left-radius:var(--plugin-radius); }
|
||||
div.project:not(.toggle) { width:var(--project-width); flex:0 0 var(--project-width); }
|
||||
div.profile:not(.toggle) { width:50%; flex:0 0 50%; }
|
||||
/* fieldset */
|
||||
fieldset>legend { box-shadow:var(--legend-box-shadow); }
|
||||
fieldset>form.option>div.item:not(.icon) { margin-right:var(--button-margin); box-shadow:var(--input-box-shadow); }
|
||||
fieldset>form.option>div.item.textarea { width:100%; height:var(--textarea-height); }
|
||||
fieldset>form.option>div.item.text.cmd { width:100%; }
|
||||
fieldset>form.option>div.item.text.cmd>input { background-color:var(--code-bg-color); color:var(--code-fg-color); width:100%; }
|
||||
fieldset>form.option>div.item.select { border-radius:var(--button-radius); }
|
||||
fieldset>form.option>div.item.select>input { min-width:var(--button-width); }
|
||||
fieldset>form.option>div.item.button { border-radius:var(--button-radius); }
|
||||
fieldset>div.action div.item { box-shadow:var(--input-box-shadow); height:var(--action-height); }
|
||||
fieldset>div.action div.item.state { box-shadow:unset; }
|
||||
fieldset>div.action div.item:not(:last-child) { margin-right:var(--button-margin); }
|
||||
fieldset>div.action div.item.button { border-radius:var(--button-radius); }
|
||||
fieldset>div.action div.item.filter input { padding-left:24px; }
|
||||
fieldset>div.action div.item.select:not(.cmds) { border-radius:var(--button-radius); }
|
||||
fieldset>div.action div.item.select.cmds { border-bottom:var(--notice-bg-color) solid 2px; height:var(--action-height); }
|
||||
fieldset>div.output { width:100%; } fieldset>div.status { width:100%; }
|
||||
fieldset>form.option>div.item:not(.icon) { margin-right:var(--button-margin); }
|
||||
fieldset>div.action>div.item:not(:last-child) { margin-right:var(--button-margin); }
|
||||
fieldset.input>legend { display:none; }
|
||||
fieldset.input.key div.action { display:none; }
|
||||
fieldset.input.key div.output table.content { width:100%; font-family:var(--code-font-family); }
|
||||
fieldset.input.key div.output table.content { font-family:var(--code-font-family); width:100%; }
|
||||
fieldset.input.key>div.output>div.item:not(.hide) { display:flex; align-items:center; }
|
||||
fieldset.input.key>div.output>div.item img { height:var(--header-height); width:var(--header-height); }
|
||||
fieldset.input.key div.status { background-color:var(--plugin-bg-color); }
|
||||
fieldset.input.key div.status:not(.hide) { display:block; position:sticky; bottom:0; }
|
||||
fieldset.input.key div.status:not(.hide) { background-color:var(--plugin-bg-color); display:block; position:sticky; bottom:0; }
|
||||
fieldset.input.key.simple th { display:none; }
|
||||
fieldset.input.key.simple td { min-width:var(--button-width); }
|
||||
fieldset.input.icon img { height:var(--desktop-icon-size); width:var(--desktop-icon-size); cursor:pointer; }
|
||||
fieldset.input.icon div.output td { font-size:28px; padding:var(--input-padding); }
|
||||
fieldset.input.date span.close { display:none; }
|
||||
fieldset.input.date>div.action>div { display:flex; justify-content:space-between; }
|
||||
fieldset.input.date div.action span.close { display:none; }
|
||||
fieldset.input.date div.action>div.time div.item span { display:none; }
|
||||
fieldset.input.date>div.output table.content { text-align:center; width:100%; border:var(--notice-bg-color) solid 1px; }
|
||||
fieldset.input.date div.action span.close { display:none; }
|
||||
fieldset.input.date>div.output table.content { text-align:center; border:var(--notice-bg-color) solid 1px; width:100%; }
|
||||
fieldset.input.date>div.output td.prev { color:var(--disable-fg-color); }
|
||||
fieldset.input.date>div.output td.next { color:var(--disable-fg-color); }
|
||||
fieldset.input.date>div.output td span.lunar { font-size:8px; display:block; clear:both; }
|
||||
@ -190,18 +204,16 @@ fieldset.input.date>div.output td span.lunar.fest { color:red; }
|
||||
fieldset.input.date>div.output td { cursor:pointer; }
|
||||
fieldset.input.date>div.status { text-align:center; }
|
||||
fieldset.input.date>div.status>div.today { padding:var(--input-padding); }
|
||||
fieldset.input.icon img { height:var(--desktop-icon-size); width:var(--desktop-icon-size); cursor:pointer; }
|
||||
fieldset.input.float { padding:0; border-radius:0 !important; z-index:100; }
|
||||
fieldset.input.float table.content td { padding:var(--input-padding); }
|
||||
fieldset.input.float { padding:0; z-index:100; }
|
||||
fieldset.input.float table.content th { padding:var(--input-padding); }
|
||||
fieldset.input.float table.content td { padding:var(--input-padding); }
|
||||
/* float */
|
||||
input.disable { color:var(--disable-fg-color) !important; border:unset !important; }
|
||||
body div.float { padding:var(--plugin-padding); box-shadow:var(--box-shadow); }
|
||||
body div.float { padding:var(--plugin-padding); }
|
||||
body>div.toast div.title { color:var(--notice-bg-color); font-style:italic; white-space:pre; max-width:280px; overflow:auto; float:left; cursor:copy; }
|
||||
body>div.toast div.delete { color:var(--notice-bg-color); float:right; cursor:pointer; }
|
||||
body>div.toast div.delete:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
body>div.toast div.duration { color:var(--disable-fg-color); float:right; }
|
||||
body>div.toast div.content { color:var(--notice-bg-color); white-space:normal; text-align:center; min-height:48px; margin-bottom:5px; display:block; }
|
||||
body>div.toast div.content { color:var(--notice-bg-color); white-space:normal; text-align:center; margin-bottom:5px; min-height:28px; display:block; }
|
||||
body>div.toast div.progress { border:var(--box-notice); margin-left:0px; height:20px; clear:both; }
|
||||
body>div.toast div.progress div.current { background-color:var(--progress-bg-color); height:18px; }
|
||||
body>div.toast div.action:not(.hide) { width:100%; display:block; display:flex; flex-direction:row-reverse; gap:10px; }
|
||||
@ -214,7 +226,7 @@ body>div.toast div.action>div.item.notice input { border:var(--notice-bg-color)
|
||||
body>div.carte { padding:0; }
|
||||
body>div.carte input[name=filter] { margin:var(--input-margin); width:calc(100% - 10px); position:sticky; top:var(--input-margin); }
|
||||
body>div.carte div.item { white-space:pre; padding:var(--button-padding); }
|
||||
body>div.carte div.item span.icon.next { float:right; line-height:22px; height:22px; }
|
||||
body>div.carte div.item span.icon.next { line-height:22px; height:22px; float:right; }
|
||||
body>div.carte.select.float>div.item { text-align:center; }
|
||||
body>div.carte.header.avatar img { width:370px; }
|
||||
body>div.input { padding:var(--plugin-padding); z-index:100; }
|
||||
@ -222,14 +234,14 @@ body>div.input>legend { margin-left:122px; }
|
||||
body>div.input td { padding:var(--table-padding); }
|
||||
body>div.input td:nth-child(2) { padding:var(--table-padding) 0; }
|
||||
body>div.input tr.img td:last-child>span { display:none; }
|
||||
body>div.input tr.img td:last-child>div.item { flex-wrap:wrap; width:var(--river-width); }
|
||||
body>div.input tr.img td:last-child>div.item { width:var(--river-width); flex-wrap:wrap; }
|
||||
body>div.input tr.img td:last-child>div.item>div { background-color:gray; margin:var(--input-margin); }
|
||||
body>div.input tr.img td:last-child>div>span.icon { display:none; }
|
||||
body>div.input tr.img td:last-child>div>span { font-size:var(--action-height); }
|
||||
body>div.input tr.img td:last-child>div>span.icon { display:none; }
|
||||
body>div.input tr.icon td:last-child { position:relative; }
|
||||
body>div.input tr.icon td:last-child img:first-child { position:absolute; height:28px; width:28px; left:12px; top:12px; }
|
||||
body>div.input tr.icon td:last-child img:first-child { height:28px; width:28px; position:absolute; left:12px; top:12px; }
|
||||
body>div.input tr.icon td:last-child input { padding-left:var(--action-height); }
|
||||
body>div.input tr.icons td:last-child img:first-child { position:absolute; height:28px; width:28px; left:2px; top:2px; }
|
||||
body>div.input tr.icons td:last-child img:first-child { height:28px; width:28px; position:absolute; left:2px; top:2px; }
|
||||
body>div.input tr.icons td:last-child span:not(.icon) { position:absolute; left:32px; }
|
||||
body>div.input tr.icons td:last-child input { padding-left:var(--action-height); }
|
||||
body>div.input td span.icon { margin-left:-20px; visibility:hidden; }
|
||||
@ -238,9 +250,9 @@ body>div.input td:hover span.icon { visibility:visible; }
|
||||
body>div.input td:hover span.icons { visibility:visible; }
|
||||
body>div.input textarea { height:var(--textarea-height); width:var(--river-width) !important; }
|
||||
body>div.input select { width:var(--river-width) !important; }
|
||||
body>div.input input[type=text] { width:var(--river-width) !important; }
|
||||
body>div.input input:not([type=button]) { width:var(--river-width) !important; }
|
||||
body>div.input input.select[type=button] { width:var(--river-width) !important; }
|
||||
body>div.input input:not([type=button]) { width:var(--river-width) !important; }
|
||||
body>div.input input[type=text] { width:var(--river-width) !important; }
|
||||
body>div.input input[name=cancel] { border:var(--danger-bg-color) solid 1px; }
|
||||
body>div.input input[name=submit] { border:var(--notice-bg-color) solid 1px; }
|
||||
body>div.input input[name=submit]:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
||||
@ -248,51 +260,217 @@ body>div.input input[name=cancel]:hover { background-color:var(--danger-bg-color
|
||||
body>div.input div.action { padding:var(--table-padding); width:100%; position:sticky; bottom:0; flex-direction:row-reverse; }
|
||||
body>div.input div.action>div.item { margin-left:var(--button-margin); float:right; }
|
||||
body>div.input div.action>div.item>input[type=button] { width:112px; }
|
||||
body>div.input.login { box-shadow:unset; flex-direction:column; }
|
||||
body>div.input.login { flex-direction:column; }
|
||||
body>div.input.login>div.action { border-bottom:var(--box-border); flex-direction:row; }
|
||||
body>div.input.login>div.action>div.tabs { padding:var(--button-padding); }
|
||||
body>div.input.login>div.output { text-align:center; clear:both; }
|
||||
body>div.input.login>div.output { min-height:var(--qrcode-height); min-width:var(--iframe-height); overflow:hidden; }
|
||||
body>div.input.login>div.output>fieldset { box-shadow:none; }
|
||||
body>div.input.login>div.output { text-align:center; min-height:var(--qrcode-height); min-width:var(--iframe-height); overflow:hidden; clear:both; }
|
||||
body>div.input.login>div.output>fieldset>div.output { background-color:transparent; }
|
||||
body>div.input.login>div.display { flex-direction:column; padding-top:var(--button-padding); width:100%; }
|
||||
body>div.input.login>div.display>label { color:var(--disable-fg-color); font-size:var(--status-font-size); font-style:italic; }
|
||||
body>div.input.login>div.display>span.item { font-style:italic; word-break:break-all; padding-left:var(--button-padding); border-left:var(--notice-bg-color) solid 5px; margin:var(--button-margin) 0; }
|
||||
body>div.input.login>div.display { padding-top:var(--button-padding); width:100%; flex-direction:column; }
|
||||
body>div.input.login>div.display>label { color:var(--disable-fg-color); font-style:italic; font-size:var(--status-font-size); }
|
||||
body>div.input.login>div.display>span.item { font-style:italic; word-break:break-all; border-left:var(--notice-bg-color) solid 5px; padding-left:var(--button-padding); margin:var(--button-margin) 0; }
|
||||
body>div.input.login>div.display div.sso { cursor:pointer; }
|
||||
body>div.input.login>div.display div.sso div.item { padding:var(--input-padding); }
|
||||
body>div.input.login>div.display div.sso div.item:hover { background-color:var(--hover-bg-color); }
|
||||
body>div.input.login>div.display div.sso div.item>img { height:var(--action-height); width:var(--action-height); }
|
||||
body>div.input.login>div.display div.sso div.item>span { line-height:var(--action-height); padding:var(--input-padding); }
|
||||
body>div.input.simple td:first-child { display:none; }
|
||||
fieldset.input.icon div.output td { font-size:28px; padding:var(--input-padding); }
|
||||
body>div.upload div.action input[type=file] { width:var(--river-width); }
|
||||
body>div.upload div.output { border:var(--box-notice); }
|
||||
body>div.upload div.output div.progress { background-color:var(--progress-bg-color); height:10px; width:0; }
|
||||
body>div.upload div.status div.cost { float:left; }
|
||||
body>div.upload div.status div.show { float:right; }
|
||||
body>div.upload div.status div.size { text-align:center; }
|
||||
/* display */
|
||||
fieldset>form.option:not(.hide), fieldset>div.action:not(.hide):not(.flex) { display:contents; } .hide, .hidden { display:none; }
|
||||
fieldset.panel>legend, fieldset.panel>div.status { display:none; }
|
||||
fieldset.output>legend, fieldset.output>form.option, fieldset.output>div.action:not(.flex), fieldset.output>div.status, fieldset.output>div.item { display:none; }
|
||||
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; }
|
||||
legend, form.option>div.item, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item { float:left; display:flex; align-items:center; }
|
||||
fieldset.story, fieldset>div.output, fieldset>div.status, div.output>div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; }
|
||||
fieldset.story { position:sticky; left:0; }
|
||||
fieldset.plug { position:absolute; bottom:0; right:0; }
|
||||
fieldset.full { position:fixed; left:0; top:0; }
|
||||
fieldset.full, fieldset.float { position:fixed; z-index:10; }
|
||||
div.float { position:fixed; z-index:100; }
|
||||
div.output { position:relative; } div.content { position:relative; }
|
||||
div.output>div.code { position:sticky; left:0; }
|
||||
div.output>div.code>img { margin-bottom:-3px; }
|
||||
div.output.flex { overflow:hidden; align-items:flex-start; justify-content: flex-start; }
|
||||
div.layout.flex>* { float:left; clear:none; }
|
||||
div.flex:not(.hide) { display:flex; align-items:center; justify-content:center; }
|
||||
fieldset>div.status>legend { margin-right:var(--button-margin); float:right; clear:none; border-bottom-left-radius:var(--button-margin); border-bottom-right-radius:var(--button-margin); }
|
||||
fieldset>div.status>legend>span.remove { margin-left:var(--input-margin); }
|
||||
fieldset>div.status>legend>span.remove:hover { background-color:var(--hover-bg-color); }
|
||||
fieldset>div.status>legend:not(:hover)>span.remove { visibility:hidden; }
|
||||
fieldset>div.status>legend:not(:hover):not(.select) { background-color:unset; }
|
||||
/* theme */
|
||||
body { background-color:var(--body-bg-color); color:var(--body-fg-color); }
|
||||
body.cmd { background-color:var(--plugin-bg-color); }
|
||||
legend { background-color:var(--legend-bg-color); color:var(--legend-fg-color); }
|
||||
legend:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
textarea:hover { border:var(--box-notice); } textarea:focus { border:var(--box-notice); }
|
||||
textarea { background-color:var(--input-bg-color); color:var(--input-fg-color); }
|
||||
input { background-color:var(--input-bg-color); color:var(--input-fg-color); }
|
||||
input:not([type=button]) { border:var(--input-border); }
|
||||
input:not([type=button]):hover { border:var(--box-notice); }
|
||||
input:not([type=button]):focus { border:var(--box-notice); }
|
||||
input.disable { color:var(--disable-fg-color) !important; border:unset !important; }
|
||||
input.select[type=button]:hover { border:var(--box-notice); }
|
||||
input.select[type=button]:focus { border:var(--box-notice); }
|
||||
input.select[type=button] { border:var(--input-border); padding:0 var(--button-padding); }
|
||||
input[type=button]:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
input[type=button].danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
||||
input[type=button].notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
||||
input[type=button].danger { border:var(--danger-bg-color) solid 1px; }
|
||||
input[type=button].notice { border:var(--notice-bg-color) solid 1px; }
|
||||
table.content tr:hover { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content tr.select { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content tr.danger { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
||||
table.content tr.disable { color:var(--disable-fg-color); }
|
||||
table.content tr.offline { color:var(--disable-fg-color); }
|
||||
table.content th { background-color:var(--th-bg-color); color:var(--th-fg-color); }
|
||||
table.content th:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content td:hover { background-color:var(--td-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content td.select { background-color:var(--td-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content td i:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content td.action:not(:hover) { background-color:var(--th-bg-color); color:var(--th-fg-color); }
|
||||
table.content.checkbox td:first-child { background-color:var(--th-bg-color); }
|
||||
table.content:hover td.option:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
|
||||
hr, td.hr { border-bottom:var(--plugin-border-color) dashed 1px; margin:var(--input-margin); }
|
||||
h1:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
h2:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
h3:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
kbd:hover { background-color:var(--hover-bg-color); color:white; }
|
||||
samp:hover { background-color:white; color:black; } a { color:unset; }
|
||||
span.keyword { color:var(--code-keyword); } span.function { color:var(--code-function); }
|
||||
span.item.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
span.item:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
span.icon:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.item:not(.text):hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.item.select:not(.button) { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.item.button.danger input:hover[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
||||
div.item.button.notice input:hover[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
||||
div.item.button.danger input { border:var(--danger-bg-color) solid 1px; }
|
||||
div.item.button.notice input { border:var(--notice-bg-color) solid 1px; }
|
||||
div.action div.tabs:hover {
|
||||
background-color:var(--output-bg-color); color:var(--hover-fg-color);
|
||||
border-top-left-radius:var(--button-margin); border-top-right-radius:var(--button-margin);
|
||||
}
|
||||
div.action div.tabs.select {
|
||||
background-color:var(--output-bg-color); color:var(--hover-fg-color);
|
||||
border-top-left-radius:var(--button-margin); border-top-right-radius:var(--button-margin); border-bottom:var(--hover-fg-color) solid 2px;
|
||||
}
|
||||
div.zone>div.item { background-color:var(--th-bg-color); }
|
||||
div.zone>div.list>div.zone>div.item { background-color:var(--th-bg-color); }
|
||||
div.tabs div { background-color:var(--plugin-bg-color); }
|
||||
div.tabs div:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.tabs div.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.plug legend { background-color:var(--output-bg-color); }
|
||||
div.plug legend:hover { background-color:var(--hover-bg-color); }
|
||||
div.plug legend.select { background-color:var(--plugin-bg-color); border-bottom:var(--box-notice); border-bottom-width:2px; }
|
||||
div.complete>table { background-color:var(--plugin-bg-color); }
|
||||
fieldset>form.option>div.item.text.cmd>input { background-color:var(--code-bg-color); color:var(--code-fg-color); }
|
||||
fieldset>div.action div.item.select.cmds { border-bottom:var(--notice-bg-color) solid 2px; }
|
||||
fieldset>div.output { background-color:var(--output-bg-color); }
|
||||
fieldset.panel:not(.main) { background-color:var(--panel-bg-color); color:var(--panel-fg-color); }
|
||||
fieldset.panel:not(.main)>div.output { background-color:var(--panel-output-bg-color); color:var(--panel-output-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) div.item.select { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) input { background-color:var(--panel-input-bg-color); color:var(--panel-input-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) input:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) input::placeholder { background-color:var(--panel-input-bg-color); color:var(--disable-fg-color); }
|
||||
fieldset.panel.auto { background-color:var(--panel-bg-color); color:var(--panel-fg-color); }
|
||||
fieldset.panel.auto>div.output { background-color:var(--panel-bg-color); color:var(--panel-fg-color); }
|
||||
fieldset.panel.main>div.output { background-color:var(--action-output-bg-color); }
|
||||
fieldset:not(.panel) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
|
||||
fieldset.input div.output { background-color:var(--plugin-bg-color); }
|
||||
fieldset.input tr:hover { background-color:var(--tr-hover-bg-color); }
|
||||
fieldset.input td:hover { background-color:var(--td-hover-bg-color); }
|
||||
fieldset.input>span.close { padding:var(--input-padding); position:absolute; top:var(--input-padding); right:var(--input-padding); }
|
||||
fieldset.input>span.close:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; }
|
||||
div.float { background-color:var(--float-bg-color); color:var(--float-fg-color); }
|
||||
div.carte div.item { background-color:var(--carte-bg-color); color:var(--carte-fg-color); }
|
||||
div.carte div.item:hover { background-color:var(--hover-bg-color); }
|
||||
div.carte div.item.danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
||||
div.carte div.item.notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
||||
/* border */
|
||||
textarea { border:var(--box-border); }
|
||||
table.content th.select { border:var(--notice-bg-color) solid 1px; }
|
||||
table.content input { border:var(--box-border); border-radius:var(--button-radius); }
|
||||
div.output.card>div.item { border:var(--box-border); border-radius:var(--plugin-radius); }
|
||||
div.output.card>div.item>div.title { border-bottom:var(--box-border); }
|
||||
div.project:not(.toggle) { border-right:var(--box-border); }
|
||||
div.profile:not(.toggle) { border-left:var(--box-border); }
|
||||
div.display:not(.toggle) { border-top:var(--box-border); }
|
||||
fieldset>div.status { border-top:var(--status-border); }
|
||||
/* border-radius */
|
||||
legend { border-radius:var(--button-radius); }
|
||||
select { border-radius:var(--button-radius); }
|
||||
input[type=button] { border-radius:var(--button-radius); }
|
||||
fieldset>form.option>div.item.select { border-radius:var(--button-radius); }
|
||||
fieldset>form.option>div.item.button { border-radius:var(--button-radius); }
|
||||
fieldset>div.action div.item.button { border-radius:var(--button-radius); }
|
||||
fieldset>div.action div.item.select:not(.cmds) { border-radius:var(--button-radius); }
|
||||
fieldset:not(.input):not(.panel):not(.full):not(.cmd) { border-radius:var(--plugin-radius); }
|
||||
fieldset>div.status>legend:not(:hover):not(.select) { border-radius:0; }
|
||||
div.plug legend { border-radius:0; }
|
||||
/* box-shadow */
|
||||
fieldset>legend { box-shadow:var(--legend-box-shadow); }
|
||||
fieldset>form.option>div.item:not(.icon) { box-shadow:var(--input-box-shadow); }
|
||||
fieldset>div.action div.item:not(.state) { box-shadow:var(--input-box-shadow); }
|
||||
fieldset>div.action>div.tabs { box-shadow:var(--legend-box-shadow); }
|
||||
fieldset>div.action>div.cmds { box-shadow:var(--legend-box-shadow); }
|
||||
fieldset>div.status>legend { box-shadow:var(--legend-box-shadow); }
|
||||
table.content th { box-shadow:var(--th-box-shadow); }
|
||||
table.content.action td:last-child { box-shadow:var(--th-box-shadow); }
|
||||
table.content input { box-shadow:var(--input-box-shadow); }
|
||||
div.output.card>div.item { box-shadow:var(--box-shadow); }
|
||||
div.output.card>div.item:hover { box-shadow:var(--notice-bg-color) 2px 2px 8px; }
|
||||
div.output.card>div.item>div.action>input { box-shadow:var(--input-box-shadow); }
|
||||
fieldset:not(.panel):not(.full):not(.cmd) { box-shadow:var(--plugin-box-shadow); }
|
||||
div.float { box-shadow:var(--plugin-box-shadow); }
|
||||
/* font */
|
||||
body { font-size:var(--body-font-size); }
|
||||
legend { font-size:var(--legend-font-size); line-height:30px; height:var(--action-height); }
|
||||
select, input { font-size:var(--body-font-size); height:var(--action-height); } input::placeholder, textarea::placeholder { font-style:italic; color:var(--disable-fg-color); }
|
||||
textarea { font-size:var(--body-font-size); padding:var(--input-padding); height:var(--textarea-height); width:100%; outline:none; resize:vertical; }
|
||||
table.content, div.code, div.story[data-type=spark] { white-space:pre; margin:0; }
|
||||
div.story[data-type=spark] { padding:var(--input-padding) var(--table-padding); border-left:var(--notice-bg-color) solid 5px; }
|
||||
fieldset>div.action>div.tabs { font-style:italic; padding:var(--input-padding) var(--button-padding); margin-left:var(--input-margin); box-shadow:var(--box-shadow); height:var(--action-height); }
|
||||
fieldset>div.action>div.cmds { font-style:italic; padding:var(--input-padding) var(--button-padding); margin-left:var(--input-margin); box-shadow:var(--box-shadow); height:var(--action-height); }
|
||||
fieldset>div.output>div.code { font-size:var(--code-font-size); }
|
||||
fieldset.plug>div.status { height:31px; }
|
||||
fieldset>div.status { font-family:var(--status-font-family); font-size:var(--status-font-size); font-style:italic; line-height:20px; max-height:var(--action-height); }
|
||||
fieldset>div.status>div.item { padding:var(--input-padding); height:31px; }
|
||||
fieldset>div.status>div.item>label { font-size:var(--status-font-size); cursor:pointer; }
|
||||
fieldset>div.status>div.item>span { margin-left:var(--input-padding); }
|
||||
fieldset>div.status>legend { font-style:italic; height:31px; }
|
||||
legend, select, input[type=button], th, h1, h2, h3, div.item, div.tabs, div.menu { cursor:pointer; } div.story[data-type=spark] { cursor:copy; }
|
||||
body table.content { font-family:var(--table-font-family); }
|
||||
body.windows { --code-font-family:"Courier New"; }
|
||||
body { font-family:var(--body-font-family); }
|
||||
legend { font-family:var(--legend-font-family); }
|
||||
input { font-family:var(--input-font-family); }
|
||||
kbd { font-family:var(--code-font-family); }
|
||||
table.content { font-family:var(--table-font-family); }
|
||||
table.content th { font-family:var(--input-font-family); }
|
||||
body div.code { font-family:var(--table-font-family); }
|
||||
body div.tabs { font-family:var(--code-font-family); }
|
||||
body div.path { font-family:var(--code-font-family); }
|
||||
body div.carte { font-family:var(--code-font-family); }
|
||||
body { font-size:var(--body-font-size); }
|
||||
legend { font-size:var(--legend-font-size); line-height:30px; height:var(--action-height); }
|
||||
select, input { font-size:var(--body-font-size); height:var(--action-height); } input::placeholder, textarea::placeholder { font-style:italic; color:var(--disable-fg-color); }
|
||||
input[type=checkbox] { height:22px; width:22px; }
|
||||
textarea { font-size:var(--body-font-size); padding:var(--input-padding); height:var(--textarea-height); width:100%; outline:none; resize:vertical; }
|
||||
table.content.full { width:100%; }
|
||||
table.content col.time { width:180px; }
|
||||
table.content col.action { width:var(--project); }
|
||||
table.content.detail td:first-child { width:var(--input-width); }
|
||||
table.content.detail td { min-width:80px; }
|
||||
table.content, div.code, div.story[data-type=spark] { white-space:pre; margin:0; }
|
||||
div.output>div.code video { max-width:100%; }
|
||||
div.story[data-type=spark] { border-left:var(--notice-bg-color) solid 5px; padding:var(--input-padding) var(--table-padding); }
|
||||
iframe { height:var(--iframe-height); width:100%; }
|
||||
fieldset>form.option>div.item.text.cmd { width:100%; }
|
||||
fieldset>form.option>div.item.text.cmd>input { width:100%; }
|
||||
fieldset>form.option>div.item.select>input { min-width:var(--button-width); }
|
||||
fieldset>form.option>div.item.textarea { height:var(--textarea-height); width:100%; }
|
||||
fieldset>div.action div.item.filter input { padding-left:24px; }
|
||||
fieldset>div.action div.item { height:var(--action-height); }
|
||||
fieldset>div.action>div.tabs { font-style:italic; padding:var(--input-padding) var(--button-padding); margin-left:var(--input-margin); height:var(--action-height); }
|
||||
fieldset>div.action>div.cmds { font-style:italic; padding:var(--input-padding) var(--button-padding); margin-left:var(--input-margin); height:var(--action-height); }
|
||||
fieldset>div.output>div.code { font-size:var(--code-font-size); }
|
||||
fieldset>div.output { width:100%; } fieldset>div.status { width:100%; }
|
||||
fieldset>div.status { font-family:var(--status-font-family); font-style:italic; font-size:var(--status-font-size); line-height:20px; max-height:var(--action-height); }
|
||||
fieldset>div.status>div.item { padding:var(--input-padding); height:31px; }
|
||||
fieldset>div.status>div.item>label { font-size:var(--status-font-size); }
|
||||
fieldset>div.status>div.item>span { margin-left:var(--input-padding); }
|
||||
fieldset>div.status>legend { font-style:italic; height:31px; }
|
||||
fieldset.plug>div.status { height:31px; }
|
||||
/* icon */
|
||||
i.bi.bi-toggle-on { color:var(--notice-bg-color); }
|
||||
i.bi.bi-toggle-on:hover { color:var(--notice-bg-color); }
|
||||
@ -309,7 +487,6 @@ body.windows form.option>div.item.icon.refresh { font-size:24px; line-height:28p
|
||||
body.windows form.option>div.item.icon.goback { font-size:24px; line-height:28px; }
|
||||
div.item.text { position:relative; }
|
||||
div.item.text>input { width:var(--input-width); height:var(--action-height); }
|
||||
/* div.item.text:hover>input { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } */
|
||||
div.item.text.id>input { width:var(--button-width); }
|
||||
div.item.text.url>input { width:var(--river-width); }
|
||||
div.item.text.line>input { width:var(--button-width) !important; }
|
||||
@ -331,8 +508,8 @@ div.item.button.create>span.icon { font-size:28px; line-height:28px; height:var(
|
||||
div.item.button.insert>span.icon { font-size:28px; line-height:28px; height:var(--action-height); }
|
||||
div.item.button.refresh>span.icon { font-size:28px; line-height:28px; height:var(--action-height); }
|
||||
body.windows div.item.button.refresh>span.icon { font-size:22px; line-height:30px; }
|
||||
fieldset.plugin>div.action>div.item.button._space.icons { margin-left:20px; flex-grow:1; }
|
||||
fieldset.plugin>div.action>div.item.button._space.icons:hover { background-color:unset; cursor:unset; }
|
||||
div.item.button._space.icons { margin-left:20px; flex-grow:1; }
|
||||
div.item.button._space.icons:hover { background-color:unset; cursor:unset; }
|
||||
div.tabs>span { font-style:italic; }
|
||||
div.tabs>span.icon { font-size:var(--icon-font-size); font-style:normal; padding-left:var(--input-padding); visibility:hidden; }
|
||||
div.tabs.select>span.icon { visibility:visible; }
|
||||
@ -342,10 +519,10 @@ fieldset.plugin>form.option>div.button.icons>input { display:none; }
|
||||
fieldset.plugin>div.action>div.button.icons>input { display:none; }
|
||||
fieldset.Action.tabview>div.output>fieldset.plugin>div.action>div.item.full { display:none; }
|
||||
fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon.delete { display:none; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon { display:none; }
|
||||
fieldset.Action.tabview fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon.delete { display:none; }
|
||||
fieldset.Action.grid fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon.delete { display:none; }
|
||||
fieldset.Action.horizon fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon.delete { display:none; }
|
||||
fieldset.Action.grid fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon.delete { display:none; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon { display:none; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button.icons>input { display:unset; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button.icons>span.icon { display:none; }
|
||||
body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button.icons>i { display:none; }
|
||||
@ -388,189 +565,15 @@ svg g[stroke] line { stroke:unset; }
|
||||
svg g[stroke] path { stroke:unset; }
|
||||
svg g[fill] text { fill:unset; }
|
||||
svg g[fill] rect { fill:unset; }
|
||||
/* output */
|
||||
div.content { position:relative; }
|
||||
/* cursor */
|
||||
legend, select, input[type=button], th, h1, h2, h3, i, img[title^=http], div.item, div.tabs, div.menu, div.toggle { cursor:pointer; }
|
||||
div.story[data-type=spark] { cursor:copy; }
|
||||
/* mobile */
|
||||
body.mobile table.content { width:100%; }
|
||||
body.mobile div.output.card { overflow-x:hidden; }
|
||||
body.mobile div.output>div.project { position:absolute; left:0; top:0; z-index:1; }
|
||||
body.mobile div.output>div.project { flex:0 0 320px; width:320px; }
|
||||
body.mobile div.output>div.project { background-color:var(--plugin-bg-color); }
|
||||
div.project div.list { margin-left:var(--button-margin); clear:both; }
|
||||
div.project div.list fieldset { position:static; }
|
||||
div.project div.item { white-space:pre; line-height:24px; padding:0 var(--button-margin); display:flex; align-items:center; }
|
||||
div.project div.item img { margin:var(--input-margin) !important; height:var(--action-height); width:var(--action-height); }
|
||||
div.project div.item.filter { padding:0; width:100%; }
|
||||
div.project div.item.filter>input { width:100%; padding:0 25px; }
|
||||
div.project div.item.search { padding:0; width:100%; }
|
||||
div.project div.item.search>input { width:100%; padding:0 25px; }
|
||||
div.project div.item>div.name { padding-left:var(--button-padding); }
|
||||
div.project div.zone>div.item { text-align:center; padding:var(--input-padding); display:flex; align-items:center; }
|
||||
div.project div.zone>div.item span:first-child { flex-grow:1; }
|
||||
div.project div.zone>div.item span:first-child:hover { background-color:var(--hover-bg-color); }
|
||||
div.project>div.zone>div.item span:first-child { font-style:italic; font-weight:bold; line-height:var(--action-height); }
|
||||
div.project div.zone>div.item span.icon { font-size:22px !important; letter-spacing:0; padding:0 var(--input-padding); display:none; }
|
||||
div.project div.zone>div.item span.icon.refresh { margin-top:-2px; }
|
||||
div.project div.zone:hover>div.item span.icon { display:block; }
|
||||
div.project div.zone>div.list>div.zone>div.item { text-align:left; padding-left:var(--button-padding); transition:all .5s; }
|
||||
div.project div.zone>div.list>div.zone>div.item:hover { margin-left:var(--button-margin); transition:all .3s; }
|
||||
div.project div.expand { margin-right:var(--input-margin); float:left; transition:all .5s; }
|
||||
div.project div.expand.open { rotate:90deg; translate:1px 2px; transition:all .3s; }
|
||||
div.project div.action { width:100%; }
|
||||
div.item>i.bi-chevron-down { float:right; transition:all .5s; }
|
||||
div.item.open>i.bi-chevron-down { rotate:-180deg; transition:all .3s; }
|
||||
div.item.text.trans input:not([type=button]) { transition:all 1s; }
|
||||
div.item.text.trans input:not([type=button]):focus { width:var(--river-width); transition:all .5s; }
|
||||
div.toggle { background-color:#4a566e6e; color:var(--panel-fg-color); font-size:var(--action-height); padding-top:38px; height:120px; position:absolute; }
|
||||
div.toggle:hover { background-color:var(--hover-bg-color); color:var(--panel-hover-fg-color); cursor:pointer; }
|
||||
div.toggle.project { top:20%; left:0; border-top-right-radius:var(--plugin-radius); border-bottom-right-radius:var(--plugin-radius); }
|
||||
div.content>div.toggle.profile { top:20%; right:0; border-top-left-radius:var(--plugin-radius); border-bottom-left-radius:var(--plugin-radius); }
|
||||
div.content>div.toggle.display { left:20%; bottom:-52px; rotate:90deg; border-top-left-radius:var(--plugin-radius); border-bottom-left-radius:var(--plugin-radius); }
|
||||
div.project:not(.toggle) { border-right:var(--box-border); width:var(--project-width); flex:0 0 var(--project-width); }
|
||||
div.profile:not(.toggle) { border-left:var(--box-border); width:50%; flex:0 0 50%; }
|
||||
div.display:not(.toggle) { border-top:var(--box-border); }
|
||||
/* output style */
|
||||
div.title>div.status { line-height:20px; }
|
||||
div.title>div.status>div.item { font-size:var(--status-font-size); font-weight:normal; float:left; margin-right:var(--button-margin); }
|
||||
div.title>div.status>div.item:not(:hover) { color:var(--disable-fg-color); }
|
||||
div.title>div.status>div.item>i { margin-right:var(--input-margin); }
|
||||
body.mobile div.output.card { overflow-x:hidden; }
|
||||
div.output.card>div.item {
|
||||
background-color:var(--plugin-bg-color); color:var(--plugin-fg-color);
|
||||
padding:var(--plugin-padding); margin:var(--plugin-padding);
|
||||
border:var(--box-border); border-radius:var(--plugin-radius); box-shadow:var(--box-shadow);
|
||||
min-width:320px; position:relative; float:left;
|
||||
}
|
||||
div.output.card>div.item:hover {
|
||||
background-color:var(--plugin-bg-color); color:var(--plugin-fg-color);
|
||||
box-shadow:var(--notice-bg-color) 2px 2px 8px;
|
||||
}
|
||||
div.output.card>div.item.stop { color:var(--disable-fg-color); }
|
||||
div.output.card>div.item>div.title { font-size:var(--legend-font-size); font-weight:bold; padding-bottom:var(--input-padding); border-bottom:var(--box-border); display:flex; align-items:center; overflow:hidden; }
|
||||
div.output.card>div.item>div.title>img { margin-right:var(--button-margin); margin-left:0; height:var(--header-height); width:var(--header-height); float:left; }
|
||||
div.output.card>div.item>div.content { white-space:pre; font-size:var(--status-font-size); padding:var(--input-padding); height:var(--header-height); }
|
||||
div.output.card>div.item>div.action { text-align:right; width:100%; display:flex; position:absolute; bottom:var(--plugin-padding); }
|
||||
div.output.card>div.item>div.action>input { padding:0 var(--button-padding); margin-right:var(--input-margin); box-shadow:var(--box-shadow); }
|
||||
div.output.stats { flex-wrap:wrap; }
|
||||
div.output.stats>div.item { text-align:center; padding:var(--plugin-padding); margin:var(--plugin-padding); float:left; flex-direction:column; flex-grow:1; }
|
||||
div.output.stats>div.item>div.value span:first-child { font-size:32px; }
|
||||
div.output.stats>div.item>div.value span.units { color:var(--disable-fg-color); font-style:italic; }
|
||||
div.output.stats>div.item>div.name { color:var(--disable-fg-color); font-size:var(--status-font-size); font-family:var(--status-font-family); font-style:italic; }
|
||||
div.output>div.code>div.form { font-size:15px; padding:60px 10px; text-align:center; }
|
||||
div.output>div.code>div.form>input[type=button] { min-width:200px; }
|
||||
div.output>div.code>div.form>input[type=button][name=confirm] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); margin:var(--button-margin) 0; }
|
||||
body.en span[lang^=zh] { display:none; } body.zh span[lang^=en] { display:none; }
|
||||
/* display */
|
||||
fieldset>form.option:not(.hide), fieldset>div.action:not(.hide):not(.flex) { display:contents; } .hide, .hidden { display:none; }
|
||||
/* body:not(.mobile) fieldset.plugin>div.action:not(.hide):not(.flex) { display:flex; overflow-y:hidden; } */
|
||||
fieldset.panel>legend, fieldset.panel>div.status { display:none; }
|
||||
fieldset.output>legend, fieldset.output>form.option, fieldset.output>div.action:not(.flex), fieldset.output>div.status, fieldset.output>div.item { display:none; }
|
||||
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; }
|
||||
legend, form.option>div.item, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item { float:left; display:flex; align-items:center; }
|
||||
div.flex:not(.hide) { display:flex; align-items:center; justify-content:center; }
|
||||
fieldset.story, fieldset>div.output, fieldset>div.status, div.output>div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; }
|
||||
fieldset.story { position:sticky; left:0; }
|
||||
fieldset.full { position:fixed; left:0; top:0; }
|
||||
fieldset.full, fieldset.float { position:fixed; z-index:10; box-shadow:var(--box-shadow); }
|
||||
fieldset.plug { position:absolute; bottom:0; right:0; }
|
||||
div.float { position:fixed; z-index:100; box-shadow:var(--box-shadow); }
|
||||
div.output { position:relative; }
|
||||
div.layout.flex>* { float:left; clear:none; }
|
||||
div.output.flex { overflow:hidden; align-items:flex-start; justify-content: flex-start; }
|
||||
div.output>div.code { position:sticky; left:0; }
|
||||
div.output>div.code video { max-width:100%; }
|
||||
fieldset>div.status>legend { margin-right:var(--button-margin); float:right; clear:none;
|
||||
border-radius:0; border-bottom-left-radius:var(--button-margin); border-bottom-right-radius:var(--button-margin); box-shadow:var(--box-shadow);
|
||||
}
|
||||
fieldset>div.status>legend>span.remove { margin-left:var(--input-margin); }
|
||||
fieldset>div.status>legend>span.remove:hover { background-color:var(--hover-bg-color); }
|
||||
fieldset>div.status>legend:not(:hover)>span.remove { visibility:hidden; }
|
||||
fieldset>div.status>legend:not(:hover):not(.select) { background-color:unset; border-radius:0; }
|
||||
/* theme */
|
||||
legend { background-color:var(--legend-bg-color); color:var(--legend-fg-color); border-radius:var(--button-radius); }
|
||||
legend:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
textarea:hover { border:var(--box-notice); }
|
||||
textarea:focus { border:var(--box-notice); }
|
||||
textarea { background-color:var(--input-bg-color); color:var(--input-fg-color); border:var(--box-border); }
|
||||
select { border-radius:var(--button-radius); }
|
||||
input { background-color:var(--input-bg-color); color:var(--input-fg-color); border-radius:var(--button-radius); }
|
||||
input:not([type=button]) { border:var(--input-border); }
|
||||
input:not([type=button]):hover { border:var(--box-notice); }
|
||||
input:not([type=button]):focus { border:var(--box-notice); }
|
||||
input.select[type=button]:hover { border:var(--box-notice); }
|
||||
input.select[type=button]:focus { border:var(--box-notice); }
|
||||
input.select[type=button] { border:var(--input-border); padding:0 var(--button-padding); }
|
||||
input[type=button]:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
input[type=button].danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
||||
input[type=button].notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
||||
input[type=button].danger { border:var(--danger-bg-color) solid 1px; }
|
||||
input[type=button].notice { border:var(--notice-bg-color) solid 1px; }
|
||||
table.content tr:hover { background-color:var(--tr-hover-bg-color) !important; color:var(--hover-fg-color); }
|
||||
table.content tr.select { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content th { background-color:var(--th-bg-color); color:var(--th-fg-color); }
|
||||
table.content td:hover { background-color:var(--td-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content td.select { background-color:var(--td-hover-bg-color); color:var(--hover-fg-color); }
|
||||
table.content.action tr:hover td:last-child:not(:hover) { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); box-shadow:var(--box-shadow); }
|
||||
table.content.detail td:first-child { text-align:center; min-width:80px; padding:var(--table-padding) 0; }
|
||||
table.content.detail td { min-width:80px; padding:var(--table-padding) 0; }
|
||||
table.content input { box-shadow:var(--box-shadow); }
|
||||
body.mobile table.content input { border:var(--box-border); box-shadow:var(--box-shadow); }
|
||||
h1:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
h2:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
h3:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
kbd:hover { background-color:var(--hover-bg-color); color:white; }
|
||||
samp:hover { background-color:white; color:black; }
|
||||
span.keyword { color:var(--code-keyword); } span.function { color:var(--code-function); }
|
||||
span.item.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
span.item:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
span.icon:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.item:not(.text):hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.item.select:not(.button) { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.item.button.danger input:hover[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
||||
div.item.button.notice input:hover[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
||||
div.item.button.danger input { border:var(--danger-bg-color) solid 1px; }
|
||||
div.item.button.notice input { border:var(--notice-bg-color) solid 1px; }
|
||||
div.action div.tabs:hover {
|
||||
background-color:var(--output-bg-color); color:var(--hover-fg-color);
|
||||
border-top-left-radius:var(--button-margin); border-top-right-radius:var(--button-margin);
|
||||
}
|
||||
div.action div.tabs.select {
|
||||
background-color:var(--output-bg-color); color:var(--hover-fg-color);
|
||||
border-top-left-radius:var(--button-margin); border-top-right-radius:var(--button-margin);
|
||||
border-bottom:var(--hover-fg-color) solid 2px;
|
||||
}
|
||||
div.zone>div.item { background-color:var(--th-bg-color); }
|
||||
div.zone>div.list>div.zone>div.item { background-color:var(--th-bg-color); }
|
||||
div.tabs div { background-color:var(--plugin-bg-color); }
|
||||
div.tabs div:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.tabs div.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
||||
div.plug legend { background-color:var(--output-bg-color); border-radius:0; }
|
||||
div.plug legend:hover { background-color:var(--hover-bg-color); }
|
||||
div.plug legend.select { background-color:var(--plugin-bg-color); border-bottom:var(--box-notice); border-bottom-width:2px; }
|
||||
div.complete>table { background-color:var(--plugin-bg-color); }
|
||||
fieldset>div.output { background-color:var(--output-bg-color); }
|
||||
fieldset>div.status { border-top:var(--status-border); }
|
||||
fieldset.panel:not(.main) { background-color:var(--panel-bg-color); color:var(--panel-fg-color); }
|
||||
fieldset.panel:not(.main)>div.output { background-color:var(--panel-output-bg-color); color:var(--panel-output-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) div.item.select { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) input { background-color:var(--panel-input-bg-color); color:var(--panel-input-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) input:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
||||
fieldset.panel:not(.main):not(.auto) input::placeholder { background-color:var(--panel-input-bg-color); color:var(--disable-fg-color); }
|
||||
fieldset.panel.auto { background-color:var(--panel-bg-color); color:var(--panel-fg-color); }
|
||||
fieldset.panel.auto>div.output { background-color:var(--panel-bg-color); color:var(--panel-fg-color); }
|
||||
fieldset.panel.main>div.output { background-color:var(--action-output-bg-color); }
|
||||
fieldset:not(.panel) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
|
||||
fieldset:not(.panel):not(.full):not(.cmd) { border-radius:var(--plugin-radius); box-shadow:var(--box-shadow); }
|
||||
fieldset.input div.output { background-color:var(--plugin-bg-color); }
|
||||
fieldset.input tr:hover { background-color:var(--tr-hover-bg-color); }
|
||||
fieldset.input td:hover { background-color:var(--td-hover-bg-color); }
|
||||
fieldset.input>span.close { padding:var(--input-padding); position:absolute; top:var(--input-padding); right:var(--input-padding); }
|
||||
fieldset.input>span.close:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; }
|
||||
div.float { background-color:var(--float-bg-color); color:var(--float-fg-color); }
|
||||
div.carte div.item { background-color:var(--carte-bg-color); color:var(--carte-fg-color); }
|
||||
div.carte div.item:hover { background-color:var(--hover-bg-color); }
|
||||
div.carte div.item.danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
||||
div.carte div.item.notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
||||
/* mobile */
|
||||
body.mobile table.content { width:100%; }
|
||||
body.mobile fieldset>div.output>div.code>img { max-width:390px; }
|
||||
body.mobile fieldset>div.output>div.code>div.form input[type=button] { width:100%; }
|
||||
body.mobile fieldset>div.status { overflow:hidden; }
|
||||
@ -600,10 +603,10 @@ body.mobile fieldset.web.code.inner.cmd>div.output { overflow:hidden; }
|
||||
body.mobile:not(.cmd) form.option>div.item.button.icons>input { display:none; }
|
||||
body.mobile.landscape fieldset.Header { position:unset; }
|
||||
body.mobile.landscape fieldset.Action { margin-top:0; }
|
||||
body.mobile.login>fieldset.panel.Action>div.output { background-color:var(--panel-output-bg-color); }
|
||||
body.mobile.landscape>div.input.login { padding:0; }
|
||||
body.mobile.landscape>div.input.login>div.output { height:290px; }
|
||||
body.mobile.landscape>div.input.login>div.output img { max-height:280px; }
|
||||
body.mobile.login>fieldset.panel.Action>div.output { background-color:var(--panel-output-bg-color); }
|
||||
/* print */
|
||||
body.print { -webkit-filter: grayscale(100%); }
|
||||
body.print { background-color:white; color:black; }
|
||||
@ -621,18 +624,12 @@ body.print fieldset.panel.Footer>div.output div.toast { background-color:lightgr
|
||||
body.print fieldset.plugin { background-color:white; color:black; }
|
||||
body.print fieldset.float { background-color:snow; }
|
||||
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 fieldset.draw div.output { background-color:lightgray; }
|
||||
body.print fieldset.draw div.output div.content svg { background-color:lightgray; }
|
||||
/* misc */
|
||||
fieldset.story.web.chat.wx.agent { position:fixed; left:0; bottom:0; }
|
||||
fieldset.story>form.option>div.item.text.path>input { width:var(--input-width); }
|
||||
div.output>fieldset.xterm.story>form.option>div.item.hash input { width:var(--form-width); }
|
||||
div.output>fieldset.iframe.story>form.option>div.item.hash input { width:var(--form-width); }
|
||||
fieldset.xterm.float>form.option>div.item.hash input { width:var(--form-width); }
|
||||
fieldset.iframe.float>form.option>div.item.hash input { width:var(--form-width); }
|
||||
fieldset.Action:not(.horizon):not(.grid)>fieldset.plugin>form.option>div.item.text.path>input { width:var(--project-width); }
|
||||
body:not(.debug) fieldset.plugin.can._notfound { display:none; }
|
||||
fieldset.inner.float>div.status { display:none; }
|
||||
fieldset.inner>div.output>div.project div.item.modify { background-color:#00800036; }
|
||||
fieldset.vimer>div.output>div.project div.item.modify { background-color:#00800036; }
|
||||
@ -652,7 +649,6 @@ fieldset.qrcode>div.output div.code { padding:0; }
|
||||
fieldset.rich>div.output>table.content { font-family:var(--code-font-family); }
|
||||
fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
|
||||
fieldset.plan>div.output>div.layout>div.layout>div.profile:not(.toggle) { width:unset; flex:unset; }
|
||||
fieldset.plan>div.output>div.layout>div.layout>div.profile input { box-shadow:var(--box-shadow); }
|
||||
fieldset.plan>div.output>div.layout>div.layout>div.profile input:not(:last-child) { margin-right:var(--button-margin); }
|
||||
fieldset.plan>div.output>div.layout>div.layout { align-items:flex-start; }
|
||||
fieldset.plan>div.output>div.layout { height:100%; }
|
||||
@ -723,7 +719,7 @@ fieldset.Search div.story[data-type=spark] { margin:0; }
|
||||
fieldset.Search>div.output>div.profile { border-left:none; width:unset; }
|
||||
fieldset.Search>div.output>div.content>table.content td { cursor:pointer; }
|
||||
fieldset.Action.tabs table.content { width:100%; }
|
||||
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd) { padding:var(--plugin-padding); margin:var(--plugin-margin); box-shadow:var(--box-shadow); }
|
||||
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd) { padding:var(--plugin-padding); margin:var(--plugin-margin); }
|
||||
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; }
|
||||
body.width6 fieldset.word>form.option>div.item.text>input { width:var(--project-width); }
|
||||
body.width6 fieldset.trans>form.option>div.item.text>input { width:var(--project-width); }
|
||||
@ -740,6 +736,11 @@ body.windows fieldset.inner>div.output { overflow:hidden; }
|
||||
body.windows fieldset.inner>div.output>div.layout>div.layout>div.profile { overflow:hidden; }
|
||||
body.white fieldset.inner.cmd>div.output>div.layout>div.tabs div:not(.select):not(:hover) { background-color:transparent; }
|
||||
body.zh fieldset.inner>div.output>div.project>div.zone>div.item { letter-spacing:10px; border-top:var(--box-border); }
|
||||
body:not(.debug) fieldset.plugin.can._notfound { display:none; }
|
||||
fieldset.story.web.chat.wx.agent { position:fixed; left:0; bottom:0; }
|
||||
fieldset.story>form.option>div.item.text.path>input { width:var(--input-width); }
|
||||
div.output>fieldset.xterm.story>form.option>div.item.hash input { width:var(--form-width); }
|
||||
div.output>fieldset.iframe.story>form.option>div.item.hash input { width:var(--form-width); }
|
||||
/* scrollbar */
|
||||
div.scrollbar {
|
||||
background-color:var(--hover-bg-color); font-size:8px !important; line-height:10px;
|
||||
|
||||
@ -33,8 +33,8 @@ body:not(.width6) fieldset.Header.tabview>div.output>div.Action>div.item.dream {
|
||||
body:not(.width6) fieldset.Header.tabview>div.output>div.Action>div.item.desktop { display:none; }
|
||||
body:not(.width6) fieldset.Header>div.output>div.Action>div.item.portal { display:none; }
|
||||
body:not(.width6) fieldset.Header>div.output>div.item.language { display:none; }
|
||||
body.width2>fieldset.Header>div.output div.item:not(.usernick):not(.avatar) { padding:13.5px 8px; }
|
||||
body.width3>fieldset.Header>div.output div.item:not(.usernick):not(.avatar) { padding:13.5px 8px; }
|
||||
body.width2>fieldset.Header>div.output div.item:not(.usernick):not(.avatar) { padding:13.5px 5px; }
|
||||
body.width3>fieldset.Header>div.output div.item:not(.usernick):not(.avatar) { padding:13.5px 5px; }
|
||||
body.width3>fieldset.Header>div.output>div.item.time { display:none; }
|
||||
body.width3>fieldset.Header>div.output>div.item.avatar { margin-right:var(--plugin-margin); }
|
||||
body.width3>fieldset.Header>div.output div.Action>div.tabs { padding-left:0; }
|
||||
|
||||
@ -76,9 +76,10 @@ Volcanos(chat.ONACTION, {list: [mdb.CREATE, web.SHARE, web.REFRESH], _init: func
|
||||
can.onmotion.select(can, can._output, html.DIV_ITEM, can.ui.river_list[river])
|
||||
var list = can.db.storm_list[river];
|
||||
can.user.isMobile && can.onmotion.hidden(can, can._root.Footer._target, list.length > 1)
|
||||
can.user.isMobile && can.onmotion.delay(can, function() { var menu = can.setFooterMenu(list, function(event, button, list) { can.onaction.action(event, can, river, button) })
|
||||
can.user.isMobile && can.onmotion.delay(can, function() {
|
||||
var menu = can.setFooterMenu(list, function(event, button, list) { can.onaction.action(event, can, river, button) })
|
||||
can.page.SelectChild(can, menu, html.DIV_ITEM, function(target, index) { can.page.ClassList.set(can, target, html.SELECT, list[index].hash == can.Conf("storm")) })
|
||||
}), can.onengine.signal(can, chat.ONSTORM_SELECT, can.request(event, {river: can.Conf(chat.RIVER, river), storm: can.Conf(chat.STORM, storm)}))
|
||||
}, 300), can.onengine.signal(can, chat.ONSTORM_SELECT, can.request(event, {river: can.Conf(chat.RIVER, river), storm: can.Conf(chat.STORM, storm)}))
|
||||
},
|
||||
carte: function(event, can, list, river, storm) { can.onkeymap.prevent(event); if (can.core.Value(can._root, can.core.Keys(chat.RIVER, river))) { return }
|
||||
can.request(event, {river: river, storm: storm}); storm? can.user.carteRight(event, can, can.ondetail, list): can.user.carteRight(event, can, can.onaction, list)
|
||||
|
||||
@ -24,7 +24,7 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg) { can.onmotion.clear(can, can
|
||||
Volcanos(chat.ONACTION, {_init: function(can) { can.onmotion.hidden(can) }, list: [cli.CLOSE, web.CLEAR, cli.DONE],
|
||||
onsize: function(can, msg, height, width) { can.onimport._size(can), can.core.List(can._plugins, function(sub) { sub.onimport.size(sub, can.ConfHeight(), can.ConfWidth(), true) }) },
|
||||
onlogin: function(can, msg) { can.ui = can.page.Append(can, can._output, [chat.CONTENT, {view: [[chat.DISPLAY, chat.CONTENT], html.TABLE]}, chat.PROFILE])
|
||||
can.onappend._action(can, (can.Conf(html.ACTION)||can.onaction.list).concat({type: html.TEXT, _className: "args trans", name: html.FILTER, _init: function(target) { can.ui.filter = target }, onkeydown: function(event) {
|
||||
can.onappend._action(can, (can.Conf(html.ACTION)||can.onaction.list).concat({type: html.TEXT, _className: "args trans", name: html.FILTER, icon: icon.search, _init: function(target) { can.ui.filter = target }, onkeydown: function(event) {
|
||||
if (event.key == code.ESCAPE) { return event.target.blur() }
|
||||
if (event.key == code.ENTER) { can.onkeymap.prevent(event); if (event.shiftKey) { return can.page.SelectOne(can, can.ui.content, [html.TBODY, html.TR, html.TD], function(target) { target.click() }) }
|
||||
return event.ctrlKey? can.onaction.done(event, can): can.ui.input(event, event.target.value)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) { can.Conf(html.PADDING, 10)
|
||||
Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) { can.Conf(html.PADDING, 5)
|
||||
can.page.Modify(can, target, msg.Results()), can.onimport._content(can, target)
|
||||
can.onmotion.delay(can, function() { can.onappend.scroll(can, can._output) })
|
||||
},
|
||||
@ -44,7 +44,6 @@ Volcanos(chat.ONIMPORT, {_init: function(can, msg, target) { can.Conf(html.PADDI
|
||||
}); select && select.click()
|
||||
},
|
||||
field: function(can, meta, target) { var item = can.base.Obj(meta.meta)
|
||||
// if (can.Option(nfs.PATH).indexOf(nfs.DF) > 0) { var ls = can.core.Split(can.Option(nfs.PATH), nfs.DF); item.space = ls[0] }
|
||||
var padding = 2*can.Conf(html.PADDING); if (can.user.isMobile && !can.isCmdMode()) { padding *= 2 }
|
||||
if (!item.width || parseInt(item.width) > can.ConfWidth()) { item.width = can.ConfWidth()-padding }
|
||||
var width = item.width
|
||||
|
||||
1
proto.js
1
proto.js
@ -85,6 +85,7 @@ var Volcanos = shy({iceberg: "", volcano: "", frame: chat.FRAME_JS, _cache: {},
|
||||
},
|
||||
getHeaderTheme: function(cb) { return can.get(chat.HEADER, chat.THEME, cb) },
|
||||
getHeaderLanguage: function(cb) { return can.get(chat.HEADER, aaa.LANGUAGE, cb) },
|
||||
getHeaderHeight: function() { return can._root.Header? can._root.Header._target.offsetHeight: 0},
|
||||
getHeader: function(key, cb) { return can.get(chat.HEADER, key, cb) },
|
||||
setHeader: function(key, value) { return can.set(chat.HEADER, key, value) },
|
||||
setAction: function(key, value) { return can.set(chat.ACTION, key, value) },
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user