mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 16:58:06 +08:00
607 lines
45 KiB
CSS
607 lines
45 KiB
CSS
body {
|
|
--danger-bg-color:red; --danger-fg-color:var(--notice-fg-color);
|
|
--notice-bg-color:blue; --notice-fg-color:white;
|
|
--create-bg-color:var(--notice-bg-color); --create-fg-color:var(--notice-fg-color);
|
|
--progress-bg-color:red; --disable-fg-color:gray;
|
|
--hover-bg-color:#5066b945; --hover-fg-color:var(--notice-fg-color);
|
|
--box-border:#404141 solid 1px; --box-shadow:var(--body-fg-color) 2px 2px 8px; --box-notice:var(--notice-bg-color) solid 1px;
|
|
--body-bg-color:var(--plugin-bg-color); --body-fg-color:var(--plugin-fg-color);
|
|
|
|
--plugin-bg-color:black; --plugin-fg-color:silver; --plugin-border-color:var(--box-border);
|
|
--legend-bg-color:var(--plugin-bg-color);
|
|
--input-bg-color:var(--plugin-fg-color); --input-fg-color: var(--plugin-fg-color); --input-border:var(--box-border);
|
|
--output-bg-color:var(--input-bg-color); --output-fg-color:var(--input-fg-color); --status-border:var(--box-border);
|
|
--th-bg-color:var(--plugin-bg-color); --th-fg-color:var(--plugin-fg-color);
|
|
--tr-hover-bg-color:var(--hover-bg-color); --td-hover-bg-color:var(--hover-bg-color);
|
|
--panel-hover-bg-color:var(--hover-bg-color); --panel-hover-fg-color:var(--hover-fg-color);
|
|
--panel-output-bg-color:var(--panel-bg-color); --panel-output-fg-color:var(--panel-fg-color);
|
|
--panel-input-bg-color:var(--panel-bg-color); --panel-input-fg-color:var(--panel-fg-color);
|
|
--panel-bg-color:var(--plugin-bg-color); --panel-fg-color:var(--plugin-fg-color);
|
|
--float-bg-color:var(--plugin-bg-color); --float-fg-color:var(--plugin-fg-color);
|
|
--carte-bg-color:var(--plugin-bg-color);
|
|
|
|
--code-bg-color:black; --code-fg-color:silver; --code-border-color:var(--notice-bg-color);
|
|
--code-comment:green; --code-keyword:royalblue;
|
|
--code-function:lightgreen; --code-constant:gray; --code-string:orange;
|
|
--code-object:silver; --code-datatype:lavender; --code-package:blue;
|
|
--code-font-family:monospace; --svg-font-family:var(--code-font-family);
|
|
--body-font-family:sans-serif;
|
|
--legend-font-family:var(--input-font-family); --status-font-family:var(--body-font-family);
|
|
--input-font-family:cursive; --table-font-family:var(--body-font-family);
|
|
|
|
--body-font-size:16px; --legend-font-size:20px; --icon-font-size:20px;
|
|
--code-font-size:14px; --code-line-height:20px; --code-tabs-height:48px;
|
|
--svg-font-size:24px; --svg-stroke-width:1; --status-font-size:12px;
|
|
|
|
--legend-padding:20px; --title-margin:var(--legend-padding); --river-margin:80px;
|
|
--textarea-height:96px; --qrcode-height:320px; --iframe-height:420px;
|
|
--action-height:32px; --status-height:var(--action-height); --footer-height:var(--action-height); --header-height:48px;
|
|
--project-width:230px; --river-width:var(--project-width); --input-width:120px; --button-width:60px;
|
|
--plugin-margin:var(--plugin-padding); --button-margin:var(--button-padding); --input-margin:var(--input-padding); --action-margin:200px; --desktop-icon-size:80px;
|
|
--plugin-padding:10px; --button-padding:var(--plugin-padding); --input-padding:5px; --table-padding:var(--button-padding);
|
|
--plugin-radius:var(--plugin-padding); --button-radius:var(--input-padding);
|
|
}
|
|
body { font-family:var(--body-font-family); }
|
|
input { font-family:var(--input-font-family); }
|
|
body.width1 { /* 320-640 手机竖屏 */
|
|
--footer-height:60px; --input-width:80px;
|
|
--river-margin:0; --plugin-margin:0; --button-margin:5px;
|
|
--project-width:120px; --river-width:280px;;
|
|
--svg-font-size:13px;
|
|
}
|
|
body.width2 { /* 640-960 手机横屏 平板竖屏 笔记本调试 */
|
|
}
|
|
body.width3 { /* 960-1280 平板横屏 */
|
|
|
|
}
|
|
body.width4 { /* 1280-1600 笔记本 显示器调试 */
|
|
|
|
}
|
|
body.width5 { /* 1600-1920 */
|
|
|
|
}
|
|
body.width6 { /* 1920-2240 显示器 */
|
|
--river-width:280px; --input-width:180px;
|
|
}
|
|
body.windows { --code-font-family:"Courier New"; }
|
|
|
|
/* 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); }
|
|
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; }
|
|
table.content.full { width:100%; }
|
|
table.content thead { position:sticky; top:2px; }
|
|
table.content tr.disable { color:var(--disable-fg-color); }
|
|
table.content tr.offline { color:var(--disable-fg-color); }
|
|
table.content tr.offline a { color:var(--disable-fg-color); }
|
|
table.content th { font-family:var(--input-font-family); padding:var(--input-padding) var(--table-padding); box-shadow:var(--box-shadow); }
|
|
table.content td { padding:var(--table-padding); }
|
|
table.content.detail td:first-child { width:var(--input-width); }
|
|
table.content.action th:last-child { position:sticky; right:2px; }
|
|
table.content.action td:last-child { position:sticky; right:2px; text-align:center; }
|
|
table.content:hover col.option { background-color:var(--hover-bg-color); }
|
|
table.content col.action { width:var(--project); }
|
|
table.content col.time { width:180px; }
|
|
table.content input:not(:last-child) { margin-right:var(--button-margin); }
|
|
table.content img[title^=http] { cursor:pointer; }
|
|
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:var(--body-fg-color); font-style:italic; }
|
|
p { margin:var(--title-margin) 0; }
|
|
kbd { font-family:var(--code-font-family); padding:0 var(--input-padding); }
|
|
iframe { height:var(--iframe-height); width:100%; }
|
|
/* fieldset */
|
|
fieldset>legend { box-shadow:var(--box-shadow); }
|
|
fieldset>form.option>div.item:not(.icon) { margin-right:var(--button-margin); box-shadow:var(--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(--box-shadow); height:var(--action-height); }
|
|
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.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.input>legend { display:none; }
|
|
fieldset.input.key div.action { display:none; }
|
|
fieldset.input.key div.output table.content { width:100%; }
|
|
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.simple th { display:none; }
|
|
fieldset.input.key.simple td { min-width:var(--button-width); }
|
|
fieldset.input.date>div.action>div { display:flex; justify-content:space-between; }
|
|
fieldset.input.date>div.output table.content { text-align:center; width:100%; border:var(--notice-bg-color) solid 1px; }
|
|
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; }
|
|
fieldset.input.date>div.output td span.lunar.term { color:green; }
|
|
fieldset.input.date>div.output td span.lunar.fest { color:red; }
|
|
fieldset.input.date>div.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); }
|
|
/* float */
|
|
body div.float { padding:var(--plugin-padding); box-shadow:var(--box-shadow); }
|
|
body>div.toast div.title { color:var(--notice-bg-color); float:left; }
|
|
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); }
|
|
body>div.toast div.duration { color:var(--disable-fg-color); float:right; }
|
|
body>div.toast div.content { color:var(--notice-bg-color); text-align:center; }
|
|
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 { width:100%; display:block; }
|
|
body>div.toast div.action>div.item { float:right; }
|
|
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.select.float>div.item { text-align:center; }
|
|
body>div.input { padding:var(--plugin-padding); z-index:100; }
|
|
body>fieldset.input.float { padding:0; border-radius:0 !important; z-index:100; }
|
|
body>fieldset.input.float table.content td { padding:var(--input-padding); z-index:100; }
|
|
body>div.input>legend { font-style:italic; width:100%; }
|
|
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>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.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 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 input { padding-left:var(--action-height); }
|
|
body>div.input td span.icon { margin-left:-20px; visibility:hidden; }
|
|
body>div.input td span.icons { margin-left:-20px; visibility:hidden; }
|
|
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:not(.vimer) 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[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); }
|
|
body>div.input input[name=cancel]:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
body>div.input div.action { padding:0 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>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 { height:var(--qrcode-height); width:var(--iframe-height); overflow:hidden; }
|
|
body>div.input.login>div.output>fieldset { box-shadow:none; }
|
|
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 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; }
|
|
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; }
|
|
/* 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>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); }
|
|
fieldset>div.status>div.item>span { margin-left:var(--input-padding); }
|
|
fieldset>div.status>legend { font-style:italic; height:31px; }
|
|
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; }
|
|
legend, select, input[type=button], table.content td, 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 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); }
|
|
/* icon */
|
|
fieldset>legend>i { margin-right:var(--input-margin); }
|
|
div.item>i:first-child { margin-right:var(--button-margin); height:var(--action-height); }
|
|
form.option>div.item.icon { position:relative; height:var(--action-height); overflow:hidden; }
|
|
form.option>div.item.icon { font-size:var(--icon-font-size); padding:0 var(--input-padding); }
|
|
form.option>div.item.icon.refresh { font-size:28px; margin-top:-3px; }
|
|
form.option>div.item.icon.goback { font-size:28px; margin-top:-3px; }
|
|
form.option>div.item.icon.play { font-size:16px; }
|
|
body.mobile form.option>div.item.icon.prev { margin-top:4px; height:28px; }
|
|
body.mobile form.option>div.item.icon.next { margin-top:4px; height:28px; }
|
|
div.item.text { position:relative; }
|
|
div.item.text>input { width:var(--input-width); height:var(--action-height); }
|
|
div.item.text.id>input { width:var(--button-width); }
|
|
div.item.text.url>input { width:var(--river-width); }
|
|
div.item.text.path>input { width:var(--project-width); }
|
|
div.item.text.line>input { width:var(--button-width) !important; }
|
|
div.item.text.limit>input { width:var(--button-width); }
|
|
div.item.text.offend>input { width:var(--button-width); }
|
|
div.item.text.will>input { border:var(--box-notice); }
|
|
div.item.text>i:first-child { position:absolute; padding:7px; }
|
|
div.item.text>span.icon { font-size:var(--icon-font-size); padding:var(--input-padding); position:absolute; right:0; visibility:hidden; }
|
|
div.item.text:hover>span.icon { visibility:visible; }
|
|
div.item.button { position:relative; height:var(--action-height); }
|
|
div.item.button>span.icon { font-size:var(--icon-font-size); padding:0 var(--input-padding); }
|
|
div.item.button.select>span.icon { visibility:hidden; position:absolute; right:0; }
|
|
div.item.button.select:hover>span.icon { visibility:visible; }
|
|
div.item.button.icons>i { font-size:20px; padding:var(--input-padding); }
|
|
div.item.button.create>span.icon { font-size:30px; margin-top:-5px; }
|
|
div.item.button.insert>span.icon { font-size:30px; margin-top:-5px; }
|
|
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; }
|
|
div.tabs:hover>span.icon { visibility:visible; }
|
|
/* div.action>div.item.icons.start>span.icon { font-size:30px; line-height:28px; } */
|
|
fieldset.plugin>legend { font-style:italic; }
|
|
fieldset.plugin>form.option>div.button.icons>input { display:none; }
|
|
fieldset.plugin>div.action>div.button.icons>input { display:none; }
|
|
fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon { display:none; }
|
|
body:not(.mobile) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button.icons>input { display:unset; }
|
|
body:not(.mobile) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button.icons>span.icon { display:none; }
|
|
body:not(.mobile) fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button.icons>i { display:none; }
|
|
body:not(.mobile) fieldset.plugin:not(.float):not(.full):not(.cmd)>div.action>div.button.icons>input { display:unset; }
|
|
body:not(.mobile) fieldset.plugin:not(.float):not(.full):not(.cmd)>div.action>div.button.icons>span.icon { display:none; }
|
|
body:not(.mobile) fieldset.plugin:not(.float):not(.full):not(.cmd)>div.aciton>div.button.icons>i { display:none; }
|
|
fieldset.panel>div.action>div.button.icons>span.icon { display:none; }
|
|
fieldset.plugin.cmd>form.option>div.icon.delete { display:none; }
|
|
fieldset.story>form.option>div.button.icons>input { display:none; }
|
|
fieldset.story>div.action>div.button.icons>input { display:none; }
|
|
fieldset.plug>form.option>div.button.icons>input { display:none; }
|
|
fieldset.plug>div.action>div.button.icons>input { display:none; }
|
|
fieldset.plug>form.option>div.icon:first-child { margin-left:var(--input-margin); }
|
|
fieldset>form.option>div.text>span.value { white-space:pre; padding:var(--input-padding) var(--button-padding); max-width:200px; height:var(--action-height); overflow:auto; }
|
|
fieldset.plug>form.option>div.text>span.value { display:none; }
|
|
fieldset:not(.float)>form.option>div.text>span.value { display:none; }
|
|
fieldset.float:not(.plug)>form.option>div.text>input { display:none; }
|
|
fieldset.float:not(.plug)>form.option>div.text>span.icon { display:none; }
|
|
/* svg */
|
|
svg text { font-size:var(--svg-font-size); font-family:var(--svg-font-family); stroke:var(--body-fg-color); fill:var(--body-fg-color); cursor:pointer; }
|
|
svg text.offline { stroke:var(--disable-fg-color); fill:var(--disable-fg-color); }
|
|
svg text:hover { stroke:var(--hover-fg-color); fill:var(--hover-fg-color); cursor:pointer; }
|
|
svg rect { stroke-width:var(--svg-stroke-width); stroke:var(--body-fg-color); fill:var(--output-bg-color); }
|
|
svg rect:hover { stroke:var(--hover-fg-color); fill:var(--hover-bg-color); }
|
|
svg line { stroke-width:var(--svg-stroke-width); stroke:var(--body-fg-color); }
|
|
svg line:hover { stroke:var(--hover-fg-color); }
|
|
svg path { stroke-width:var(--svg-stroke-width); stroke:var(--body-fg-color); }
|
|
svg path:hover { stroke:var(--hover-fg-color); }
|
|
svg g[font-size] text { font-size:unset; }
|
|
svg g[stroke-width] rect { stroke-width:unset; }
|
|
svg g[stroke-width] line { stroke-width:unset; }
|
|
svg g[stroke-width] path { stroke-width:unset; }
|
|
svg g[stroke] text { stroke:unset; }
|
|
svg g[stroke] rect { stroke:unset; }
|
|
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.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); }
|
|
div.project div.item img { 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.content { position:relative; }
|
|
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.output.card>div.item {
|
|
background-color:var(--plugin-bg-color); padding:var(--plugin-padding); margin:var(--plugin-padding);
|
|
border:var(--box-border); border-radius:var(--plugin-radius); box-shadow:var(--box-shadow);
|
|
width:var(--river-width); float:left;
|
|
}
|
|
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; }
|
|
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 { 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; }
|
|
div.output.card>div.item>div.action>input { margin-right:var(--button-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; }
|
|
/* 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; }
|
|
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.auto, fieldset.full, fieldset.float { position:fixed; z-index:10; box-shadow:var(--box-shadow); }
|
|
div.float { position:fixed; z-index:100; box-shadow:var(--box-shadow); }
|
|
fieldset.plug { position:absolute; bottom:0; right:0; }
|
|
div.output { position:relative; }
|
|
div.layout.flex>* { float:left; clear:none; }
|
|
div.output.flex { overflow:hidden; align-items:flex-start; }
|
|
div.output>div.code { position:sticky; left:0; }
|
|
div.output>div.code video { max-width:100%; }
|
|
fieldset>div.status>legend {
|
|
border-radius:0; border-bottom-left-radius:var(--button-margin); border-bottom-right-radius:var(--button-margin); box-shadow:var(--box-shadow);
|
|
margin-right:var(--button-margin); float:right; clear:none;
|
|
}
|
|
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 */
|
|
body { background-color:var(--body-bg-color); color:var(--body-fg-color); }
|
|
body.cmd { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
|
|
legend { background-color:var(--legend-bg-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][name=login] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
|
table.content tr:hover { background-color:var(--tr-hover-bg-color) !important; }
|
|
table.content tr.select { background-color:var(--tr-hover-bg-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); }
|
|
table.content td.select { background-color:var(--td-hover-bg-color); }
|
|
table.content.action tr:hover td:last-child { background-color:var(--th-bg-color); box-shadow:var(--box-shadow); }
|
|
table.content.detail td:first-child { text-align:center; }
|
|
table.content input { 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: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.danger input:hover[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
div.item.notice input:hover[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
|
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)>div.output a { 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: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); }
|
|
div.float { background-color:var(--float-bg-color); color:var(--float-fg-color); }
|
|
div.carte div.item { background-color:var(--carte-bg-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; }
|
|
body.mobile fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon:not(.delete) { display:block; }
|
|
body.mobile fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button>span.icon { display:block; }
|
|
body.mobile fieldset.plugin:not(.float):not(.full):not(.cmd)>div.action>div.button>span.icon { display:inline-block; }
|
|
body.mobile fieldset.Header { padding:0; width:100%; position:fixed; top:0; }
|
|
body.mobile fieldset.Header>div.output { font-size:1.4rem; line-height:var(--header-height); }
|
|
body.mobile fieldset.Header>div.output div.item { padding:0px var(--plugin-padding); }
|
|
body.mobile fieldset.Header>div.output div.item.title>span { display:none; }
|
|
body.mobile fieldset.Header>div.output div.item.text.title.search { display:none; }
|
|
body.mobile fieldset.Search>div.action>div.item.filter>input { width:100%; }
|
|
body.mobile fieldset.Search>div.action>div.item.filter>span { position:absolute; }
|
|
body.mobile fieldset.Search>div.action>div.item.filter { width:100%; position:relative; }
|
|
body.mobile fieldset.River { position:fixed; top:var(--header-height); z-index:11; }
|
|
body.mobile fieldset.River>div.output { font-size:1.4rem; min-width:var(--project-width); }
|
|
html:not(.login) body.mobile:not(.cmd) fieldset.Action { margin-top:var(--header-height); }
|
|
body.mobile fieldset.Action.cmd { margin-top:0; }
|
|
body.mobile fieldset.Action>div.output { overflow-x:hidden; }
|
|
body.mobile fieldset.word>div.output { overflow-x:hidden; }
|
|
body.mobile fieldset.word>div.output div.story.flex { display:block; }
|
|
/* body.mobile fieldset.word>div.output div.story.flex>* { padding:unset; } */
|
|
body.mobile fieldset.word>div.output>fieldset.story>form.option>div.text { display:none; }
|
|
body.mobile fieldset.word.float>div.output>div.project { top:var(--action-height); }
|
|
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); }
|
|
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; }
|
|
/* print */
|
|
body.print { -webkit-filter: grayscale(100%); }
|
|
body.print { background-color:white; color:black; }
|
|
body.print legend, body.print select, body.print input, body.print input[type=button], body.print textarea { background-color:snow; color:black; }
|
|
body.print div.item { background-color:white; }
|
|
body.print div.carte div.item { background-color:snow; }
|
|
body.print div.item.select { background-color:lightgray; }
|
|
body.print div.zone>div.item { background-color:lightgray; color:black; }
|
|
body.print table.content th { background-color:lightgray; }
|
|
body.print table.content.action td:last-child { background-color:lightgray; }
|
|
body.print table.content td.select { background-color:lightgray; }
|
|
body.print a { color:black; }
|
|
body.print div.story[data-type=spark] { background-color:lightgray; }
|
|
body.print fieldset.panel { background-color:white; color:black; }
|
|
body.print fieldset.panel.Footer>div.output div.toast { background-color:lightgray; }
|
|
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.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; }
|
|
fieldset.vimer>div.output>div.project>div.zone.space div.item.stop { color:var(--disable-fg-color); }
|
|
fieldset.xterm>div.action>div.tabs:only-child { display:none; }
|
|
fieldset.xterm>div.layout { clear:both; }
|
|
fieldset.xterm div.layout div.output { border-left:var(--box-border); border-top:var(--box-border); }
|
|
fieldset.xterm div.layout div.output.select { border:var(--box-border)}
|
|
fieldset.dream>div.output.card>div.item.begin>div.title { color:var(--disable-fg-color); font-style:italic; text-decoration:line-through; }
|
|
fieldset.trans>form.option>div.item.text>input { width:var(--project-width); }
|
|
fieldset.trans>div.output>fieldset { margin:var(--button-margin); }
|
|
fieldset.config form.option input[name=key] { width:var(--project-width); }
|
|
fieldset.qrcode>div.output div.code { padding:0; }
|
|
fieldset.studio>div.output { padding:var(--plugin-padding); }
|
|
fieldset.studio>div.action>div.item { font-style:italic; padding:var(--input-margin) var(--button-padding); }
|
|
fieldset.studio>div.output>fieldset>form.option div.icon.delete { display:none; }
|
|
fieldset.studio>div.output>fieldset>form.option div.icon:nth-child(2) { margin-left:var(--plugin-margin); }
|
|
fieldset.studio>div.output>fieldset>div.output>table.content { width:100%; }
|
|
fieldset.studio>div.output>fieldset:not(.select) { display:none; }
|
|
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; }
|
|
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.draw div.output svg { margin-bottom:-5px; }
|
|
fieldset.draw>div.output>div.layout>div.layout>div.profile table { width:100%; }
|
|
fieldset.draw>form.option>div.item.pid>input { width:var(--button-width) !important; }
|
|
fieldset.draw.trend div.output { overflow:hidden; }
|
|
fieldset.draw.trend div.output svg { background-color:#1b5b738c; }
|
|
fieldset.draw.spide div.output svg text { cursor:pointer; }
|
|
fieldset.draw.spide div.output svg path { stroke-width:1; }
|
|
fieldset.draw>div.output>div.layout>div.layout>div.profile { width:var(--project-width); flex:0 0 var(--project-width); }
|
|
fieldset.word>div.output>fieldset.story:not(.full) { margin:var(--title-margin) 0; }
|
|
fieldset.word>div.output fieldset.story:not(.float):not(.full)>form.option>div.icon.delete { display:none; }
|
|
fieldset.input.icon div.output td { font-size:28px; padding:var(--input-padding); }
|
|
fieldset.web.code.git>div.output>fieldset.web.code.inner>div.output { overflow:auto; }
|
|
fieldset.web.code.git.status>div.output table.content { width:100%; }
|
|
fieldset.web.code.git.total.draw div.output { text-align:center; }
|
|
fieldset.web.wiki.draw div.output svg { min-width:100%; min-height:100%; }
|
|
fieldset.web.chat.location>div.output>div.layout>div.layout { position:relative; }
|
|
fieldset.web.chat.location>div.output .amap-toolbar { z-index:unset; }
|
|
fieldset.web.chat.location>div.output .amap-controls { z-index:unset; }
|
|
fieldset.web.chat.location>div.output .amap-maptypecontrol { z-index:unset; }
|
|
fieldset.web.chat.location>div.output>div.layout>div.layout>div.profile { background-color:var(--plugin-bg-color); position:absolute; right:0; width:360px; z-index:9; border-left:none; }
|
|
fieldset.web.chat.iframe>form.option input[name=hash] { width:var(--river-width); }
|
|
fieldset.can.view { font-size:14px; }
|
|
fieldset.can.data { font-size:14px; }
|
|
fieldset.Search div.story[data-type=spark] { margin:0; }
|
|
fieldset.Search>div.output>div.profile { border-left:none; width:unset; }
|
|
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)>legend { float:none; }
|
|
fieldset.cmd>div.item.time { line-height:22px; padding:var(--input-padding) var(--button-padding); float:right; }
|
|
fieldset.cmd>div.item.usernick { line-height:22px; padding:var(--input-padding) var(--button-padding); float:right; }
|
|
fieldset.cmd>div.item.avatar { padding:0; height:var(--action-height); float:right; }
|
|
fieldset.cmd>div.item.avatar>img { height:var(--action-height); }
|
|
fieldset.cmd>div.action>div.tabs.select { border-bottom:var(--notice-bg-color) solid 2px; }
|
|
fieldset.cmd>div.status>legend.select { border-top:var(--notice-bg-color) solid 2px; }
|
|
fieldset.cmd>div.output>div.project div.item.select { border-right:var(--notice-bg-color) solid 4px; }
|
|
fieldset.plug>div.output table.content { width:100%; }
|
|
fieldset.plug.dream.zone>div.output>div.item { display:flex; padding:var(--input-padding); }
|
|
fieldset.plug.dream.zone>div.output>div.item>img { margin-right:var(--input-margin); }
|
|
fieldset.plug.dream.zone>div.output>div.item>span { line-height:var(--action-height); }
|
|
/* body>div.input.vimer.plug td:first-child { display:none; } */
|
|
body>div.carte.header.avatar img { width:370px; }
|
|
body>fieldset.story.web.chat.wx.agent { position:fixed; left:0; bottom:0; }
|
|
body.zh fieldset.inner>div.output>div.project>div.zone>div.item { letter-spacing:10px; border-top:var(--box-border); }
|
|
body.white fieldset.inner.cmd>div.output>div.layout>div.tabs div:not(.select):not(:hover) { background-color:transparent; }
|
|
body.mobile fieldset.inner>form.option input[name=file] { width:160px; }
|
|
body.mobile fieldset.word>form.option>div.item>input[name=path] { width:180px; }
|
|
body.mobile fieldset.word fieldset.inner>form.option input[type=text] { display:none; }
|
|
body.mobile fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { margin:20px 0; }
|
|
body.windows fieldset.inner>div.output { overflow:hidden; }
|
|
body.windows fieldset.inner>div.output>div.layout>div.layout>div.profile { overflow:hidden; }
|
|
/* scrollbar */
|
|
div.scrollbar {
|
|
background-color:var(--hover-bg-color); font-size:8px !important; line-height:10px;
|
|
border-radius:var(--plugin-radius); position:absolute; visibility:hidden;
|
|
}
|
|
div.scrollbar.vertical { writing-mode:tb; width:10px; right:0; top:0; transition:width .3s 1s; }
|
|
div.scrollbar.vertical:hover { width:30px; transition:width .1s; font-size:24px !important; }
|
|
div.scrollbar.horizon:hover { height:30px; transition:height .1s; font-size:24px !important; }
|
|
div.scrollbar.horizon { height:10px; left:0; bottom:0; transition:height .3s 1s; }
|
|
fieldset.panel.River>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
fieldset.panel.Action>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
form.option>div.text>span.value::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.status::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.project::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.content::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
fieldset.word>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
fieldset.dream>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
fieldset.web.code.git.search>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.toggle::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.story[data-type=spark]::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.carte::-webkit-scrollbar { width:0 !important; height:0 !important; }
|