/* variable */ @media (prefers-color-scheme: light) { body { --plugin-bg-color:white; --plugin-fg-color:black; } body { --code-keyword:darkblue; --code-comment:green; --code-function:darkcyan; --code-constant:gray; --code-string:brown; --code-package:blue; --code-datatype:cornflowerblue; --code-object:purple; } } @media (prefers-color-scheme: dark) { body { --plugin-bg-color:black; --plugin-fg-color:silver; } body { --code-keyword:royalblue; --code-comment:green; --code-function:lightgreen; --code-constant:gray; --code-string:orange; --code-package:lightskyblue; --code-datatype:lavender; --code-object:silver; } } body.light { --plugin-bg-color:white; --plugin-fg-color:black; --code-keyword:darkblue; --code-comment:green; --code-function:darkcyan; --code-constant:gray; --code-string:brown; --code-package:blue; --code-datatype:cornflowerblue; --code-object:purple; } body.dark { --shadow-color:gray; --plugin-bg-color:black; --plugin-fg-color:silver; --code-keyword:dodgerblue; --code-comment:green; --code-function:lightgreen; --code-constant:gray; --code-string:orange; --code-package:lightskyblue; --code-datatype:lavender; --code-object:silver; } body { --shadow-color:var(--disable-fg-color); --border-color:var(--disable-fg-color); --notice-color:blue; --danger-color:red; --code-bg-color:black; --code-fg-color:silver; --notice-bg-color:var(--notice-color); --notice-fg-color:white; --danger-bg-color:var(--danger-color); --danger-fg-color:var(--notice-fg-color); --disable-fg-color:gray; --progress-bg-color:var(--danger-bg-color); --hover-bg-color:#5066b961; --hover-fg-color:var(--notice-fg-color); --body-font-family:sans-serif; --code-font-family:monospace; --project-width:230px; --river-width:var(--project-width); --float-height:640px; --float-width:1000px; --desktop-icon-size:80px; } body { --body-bg-color:var(--panel-bg-color); --body-fg-color:var(--plugin-fg-color); --legend-bg-color:var(--plugin-bg-color); --legend-fg-color:var(--plugin-fg-color); --input-bg-color:var(--output-bg-color); --input-fg-color: var(--output-fg-color); --output-bg-color:var(--plugin-bg-color); --output-fg-color:var(--plugin-fg-color); --th-bg-color:var(--legend-bg-color); --th-fg-color:var(--legend-fg-color); --tr-hover-bg-color:var(--hover-bg-color); --td-hover-bg-color:var(--hover-bg-color); --float-bg-color:var(--plugin-bg-color); --float-fg-color:var(--plugin-fg-color); --carte-bg-color:var(--legend-bg-color); --carte-fg-color:var(--legend-fg-color); --panel-bg-color:var(--plugin-bg-color); --panel-fg-color:var(--plugin-fg-color); --panel-input-bg-color:var(--panel-bg-color); --panel-input-fg-color:var(--panel-fg-color); --panel-output-bg-color:var(--panel-bg-color); --panel-output-fg-color:var(--panel-fg-color); --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-shadow:var(--shadow-color) 0px 0px 10px; --notice-box-shadow:var(--notice-bg-color) 0px 0px 10px; --plugin-box-shadow:var(--box-shadow); --legend-box-shadow:var(--box-shadow); --input-box-shadow:var(--box-shadow); --th-box-shadow:var(--box-shadow); --keyword-box-shadow:var(--box-shadow); --float-box-shadow:var(--box-shadow); --box-border:var(--border-color) solid 1px; --box-notice:var(--notice-bg-color) solid 1px; --box-danger:var(--danger-bg-color) solid 1px; --box-border3:var(--border-color) solid 3px; --box-notice3:var(--notice-bg-color) solid 3px; --box-danger3:var(--danger-bg-color) solid 3px; --item-notice:var(--box-notice); --plugin-border:var(--box-border); --input-border:var(--box-border); --status-border:var(--box-border); --plugin-radius:var(--plugin-padding); --button-radius:var(--input-padding); --plugin-padding:10px; --plugin-margin:var(--plugin-padding); --legend-padding:20px; --legend-margin: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); --header-height:48px; --footer-height:var(--action-height); --action-height:32px; --status-height:32px; --textarea-height:96px; --input-width:140px; --button-width:60px; --form-width:360px; --url-input-width:480px; --card-width:300px; --card-height:160px; --qrcode-width:360px; --qrcode-height:363px; --story-height:var(--float-height); --iframe-height:420px; --plug-height:480px; --plug-width:var(--float-width); --desktop-height:684px; --desktop-width:var(--float-width); --desktop-menu-height:25px; --desktop-width:var(--float-width); --action-button:10; --table-button:5; --card-button:5; --order-show-limit:30; --order-show-delay:150; --river-margin:80px; --action-margin:200px; --legend-font-family:var(--body-font-family); --status-font-family:var(--body-font-family); --input-font-family:var(--code-font-family); --table-font-family:var(--code-font-family); --svg-font-family:var(--code-font-family); --body-font-size:14px; --legend-font-size:18px; --status-font-size:12px; --code-font-size:14px; --code-line-height:20px; --code-tabs-height:43px; --icon-font-size:var(--legend-font-size); --svg-font-size:24px; --svg-stroke-width:1; } body.width6 { /* 1920-2240 大显示器 */ --project-width:280px; --river-width:280px; --input-width:180px; --url-input-width:1000px; --qrcode-width:420px; --card-height:160px; --float-width:1200px; } body.width5 { /* 1600-1920 */ } body.width4 { /* 1280-1600 笔记本 显示器调试 */ } body.width3 { /* 960-1280 平板横屏 */ } body.width2 { /* 640-960 手机横屏 平板竖屏 笔记本调试 */ --input-width:80px; --url-input-width:160px; } body.width1 { /* 320-640 手机竖屏 */ --project-width:120px; --river-width:280px; --input-width:80px; --url-input-width:160px; --form-width:290px; --river-margin:0; --plugin-margin:0; --legend-margin:5px; --button-margin:5px; --table-button:2; --card-button:3; } body.en { --card-button:3; } body.mobile { --project-width:240px; --footer-height:60px; --svg-font-size:13px; --qrcode-width:320px; } body.mobile.dark { --body-bg-color:var(--output-bg-color); --action-output-bg-color:var(--output-bg-color); } body.mobile.light { --body-bg-color:var(--output-bg-color); --action-output-bg-color:var(--output-bg-color); } body.cmd.web.code.vimer { --code-line-height:24px; } /* element */ * { box-sizing:border-box; padding:0; border:0; margin:0; tab-size:4; } legend { 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); outline:none; } input[type=checkbox] { margin:var(--input-margin); } table.content thead { position:sticky; top:2px; } 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[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 { padding:var(--input-padding); } table.content:not(.detail) td img { height:48px; width:auto; } table.content:not(.detail) td input.icons { display:none; } table.content.checkbox th:first-child { text-align:center; padding:var(--table-padding); position:sticky; left:2px; width:20px; } table.content.checkbox td:first-child { text-align:center; padding:var(--table-padding); position:sticky; left:2px; width:20px; } table.content.action th:last-child { text-align:center; padding:var(--table-padding); position:sticky; right:2px; } table.content.action td:last-child { text-align:center; padding:var(--table-padding); position:sticky; right:2px; } table.content.action td:last-child i { color:var(--notice-bg-color); } table.content.action td:last-child i.danger { color:var(--danger-bg-color); } table.content.action td:last-child input { border:none; color:var(--notice-bg-color); } table.content.action td:last-child input:hover { background-color:var(--hover-bg-color); color:var(--notice-bg-color); } table.content.action td:last-child input.danger { border:none; color:var(--danger-bg-color); } table.content.action td:last-child input.danger:hover { background-color:var(--hover-bg-color); color:var(--danger-bg-color); } table.content.detail td:first-child { word-break:keep-all; white-space:pre; } table.content.detail td:first-child { text-align:center; } table.content.detail td:first-child { background-color:var(--plugin-bg-color); position:sticky; left:0; } table.content.detail td i { display:none; } table.content.detail td { white-space:break-spaces; } table.content.detail tr.action { background-color:var(--plugin-bg-color); position:sticky; bottom:0; } table.content.detail tr.action input.icons { display:none; } table.content.detail tr.action input { color:var(--notice-bg-color); } table.content.detail tr.action input.danger { color:var(--danger-bg-color); } table.content.detail tr.action i { display:unset; color:var(--notice-bg-color); } table.content.detail tr.action i.bi-trash { color:var(--danger-bg-color); } fieldset.plugin.cmd.output>div.output { top:0; } fieldset.plugin.cmd>div.output { // position:absolute; // top:32px; } div.output._prepare { position:absolute; } div.output._unload { position:absolute; } body.mobile table.content.checkbox th:first-child { padding:var(--table-padding) var(--input-padding); } body.mobile table.content.checkbox td:first-child { padding:var(--table-padding) var(--input-padding); } body.mobile table.content.action th:last-child { padding:var(--table-padding) var(--input-padding); } body.mobile table.content.action td:last-child { padding:var(--table-padding) var(--input-padding); } body.mobile table.content.detail thead { display:none; } table.content input { border:none; background-color:var(--th-bg-color); padding:var(--input-padding); } table.content input:not(:last-child) { margin-right:var(--input-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; } ol, ul { margin-left:var(--title-margin); } p { margin:var(--title-margin) 0; } kbd { padding:0 var(--input-padding); } img.qrcode { width:var(--qrcode-width); } body.mobile fieldset>div.status { display:none; } /* output style */ div.title>div.status { line-height:20px; display:flex; } div.title>div.status>div.item { font-size:var(--status-font-size); font-weight:normal; white-space:pre; padding:0 var(--input-padding); display:flex; float:left; } div.title>div.status>div.item.restart { background-color:var(--notice-bg-color); color:var(--notice-fg-color) !important; } div.title>div.status>div.item.access { background-color:var(--danger-bg-color); color:var(--danger-fg-color) !important; } div.title>div.status>div.item>i { margin-right:var(--input-margin); } fieldset.store>div.output>fieldset.story:not(.float) { display:none; } div.output.card>div.item { padding:var(--plugin-padding); margin:var(--plugin-padding); min-width:120px; 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 { border-bottom:var(--box-border); font-size:var(--legend-font-size); font-weight:bold; padding-bottom:var(--input-padding); display:flex; align-items:center; } div.output.card>div.item>div.title>div.title { overflow:auto } div.output.card>div.item>div.title>div.title>span { padding:var(--input-padding); white-space:pre; } div.output.card>div.item>div.title>div.title>span.exists { color:var(--notice-bg-color); } div.output.card>div.item>div.title>img { height:var(--header-height); width:var(--header-height); margin:0; float:left; } div.output.card>div.item>div.title>img.jpg { padding:var(--input-padding); } div.item.card { position:relative; display:flex; align-items:center; padding:0; } // div.output>div.item.card { border:solid 5px var(--plugin-bg-color); } div.item.card img { height:60px; width:60px; margin:5px; } div.item.card div.info { width:100%; } div.item.card div.title { font-size:16px; } div.item.card div.title span { margin-right:5px; } div.item.card div.title span.type { border:var(--box-notice); color:var(--notice-bg-color); font-size:12px; padding:0 5px; } div.item.card div.title span.role { border:var(--box-notice); color:var(--notice-bg-color); font-size:12px; padding:0 5px; } div.item.card div.title span.status { border:var(--box-notice); color:var(--notice-bg-color); font-size:12px; padding:0 5px; } div.item.card div.status { font-size:12px; color:gray; } div.item.card div.status span { margin-right:5px; } div.item.card div.action { max-width:100%; display:flex; align-items:center; } div.item.card div.action { position:absolute; right:0; } div.item.card div.action input[type=button] { background-color:transparent; border:none; color:var(--notice-bg-color); margin-left:5px; } div.item.card div.action input[type=button].danger { color:var(--danger-bg-color) } div.item.card div.action input[type=button]:last-child { margin-right:5px; } div.item.card div.output { padding:10px 0; display:flex; transition:left .2s; } body.mobile div.item.card div.output { width:100%; } body.mobile div.item.card div.output { background-color:var(--output-bg-color); } div.item.card.select div.title { font-weight:bold; } div.item.card.select div.output { transition:left .5s; } div.item img[src*=".ico"] { padding:3px; } div.item img[src*=".jpg"] { padding:3px; } table.content tr>td img[src*=".jpg"] { padding:5px; } div.project div.item img[src*=".jpg"] { padding:5px; } 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:calc(100% - var(--plugin-padding)); 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; } fieldset.plugin.cmd:not(.output)>form.option { float:left; display:flex !important; } fieldset.plugin.cmd:not(.output)>div.action { float:left; display:flex !important; flex-grow:1; height:var(--action-height); overflow:auto; } fieldset.plugin.cmd:not(.output)>div.action div.tabs:last-child { margin-right:var(--button-margin); } fieldset.plugin.cmd:not(.output)>div.action div.tabs:first-child { margin-left:var(--button-margin); } fieldset.plugin.cmd:not(.output)>div.action div.tabs.select { padding-top:2px; } fieldset.plugin.cmd:not(.output)>div.action div.tabs>span.name { overflow:hidden; } fieldset.plugin.cmd:not(.output)>div.header { float:right; display:flex; flex-direction:row-reverse; } body.width2 fieldset.plugin.cmd:not(.output)>div.header { display:none; } body.width1 fieldset.plugin.cmd:not(.output)>div.header { display:none; } fieldset.studio>div.output>div.layout>div.layout>div.content>fieldset.story>form.option>div.icon.delete { display:none; } fieldset.studio>div.output>div.layout>div.layout>div.content>fieldset.story>div.action>div.item.state.button.full.icons { display:none; } div.output>div.layout>div.layout { position:relative; } /* project */ div.project { background-color:var(--plugin-bg-color); } div.project div.action:not(.hide) { width:100%; display:flex; overflow:hidden; } div.project div.action div.item input { border-right:var(--box-border); } div.project div.action div.item input:hover { border-right:var(--box-notice); } div.project div.action div.item.icons input { display:none; } div.project div.action div.item.icons { background-color:var(--plugin-bg-color); padding:0; } div.project div.expand { margin-right:var(--input-margin); width:5px; float:left; transform: translate(1px, -1px) rotate(0deg); transition:all .5s; } div.project div.expand.open { transform: translate(4px, -1px) rotate(90deg); transition:all .3s; } div.project div.list { margin-left:var(--button-margin); clear:both; } div.project div.list { border-left:var(--disable-fg-color) dashed 1px; } div.project div.list fieldset { position:static; } div.project div.item { position:relative; } div.project div.item.select { border-right:var(--item-notice); } div.project>div.item.select { position:sticky; top:32px; bottom:0; } div.project div.item:not(.hide) { white-space:pre; line-height:24px; cursor:pointer; padding:0 var(--input-padding); display:flex; align-items:center; } div.project div.item:not(.hide)>i:first-child { margin-right:var(--input-margin); } div.project>div.item:not(:hover) input:not([type=button]) { border-right:0; } div.project>div.item:not(:hover) input:not([type=button]) { border-left:0; } div.project>div.zone>div.action div.item:not(:hover) input:not([type=button]) { border-left:0; } div.project div.item.filter { background-color:var(--plugin-bg-color); padding:0; width:100%; position:sticky; top:0; z-index:1; } div.project div.item.filter>input { padding:0 25px; width:100% !important; } div.project div.item.search { padding:0; width:100%; } div.project div.item.search>input { padding:0 25px; width:100%; } div.project div.item img { height:var(--action-height); width:var(--action-height); } div.project div.item img { margin:0; flex-shrink:0; } div.project div.item>div.name { padding:0 var(--input-padding); } div.project div.item>div.icon { position:absolute; right:var(--input-padding); } div.project div.item>div.icon:hover { background-color:var(--hover-bg-color); } div.project div.item:not(:hover)>div.icon { display:none; } div.project div.item:not(.button)>i:last-child { position:absolute; right:var(--input-padding); } div.project div.item:not(.button)>i:hover { background-color:var(--hover-bg-color); } div.project div.item:not(.button):not(.select)>i:last-child { display:none; } body.mobile div.project div.item>i:last-child { display:none; } 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 i { position:unset } div.project div.zone:hover>div.item span.icon { display:block; height:24px; line-height:24px; } div.project div.zone:hover>div.item span.icon.refresh { line-height:22px; } div.project div.zone:hover>div.item span.icon.menu { line-height:22px; } body.windows div.project div.zone:hover>div.item span.icon.refresh { line-height:26px; } body.windows div.project div.zone:hover>div.item span.icon.menu { line-height:26px; font-size:20px !important; } div.project div.zone>div.item { display:flex; } 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.button { display:flex; align-items:center; } div.item.text.trans input:not([type=button]) { transition:all 1s; } div.item.text.trans input:not([type=button]):focus { width:var(--project-width); transition:all .5s; } div.toggle { background-color:var(--hover-bg-color); color:var(--disable-fg-color); font-size:var(--action-height); padding-top:38px; height:120px; position:absolute; } body.dark div.toggle:not(:hover) { color:silver; } div.toggle:hover { color:var(--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.output>div.layout { flex-grow:1; } div.output>div.layout>div.layout>div.content { flex-grow:1; } 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.layout>div.profile:not(.toggle) { width:50%; flex:0 0 50%; } fieldset.story div.project:not(.toggle) { width:230px; flex:0 0 230px; } div.layout>div.toggle.profile { top:20%; right:0; border-top-left-radius:var(--plugin-radius); border-bottom-left-radius:var(--plugin-radius); } div.layout>div.toggle.display { left:20%; bottom:-52px; transform:rotate(90deg); border-top-left-radius:var(--plugin-radius); border-bottom-left-radius:var(--plugin-radius); } div.layout:not(:hover)>div.toggle { display:none; } /* fieldset */ body.mobile div.item.online.state { display:none; } div.item.online.state { margin-left:var(--button-margin) !important; display:block; align-items:center; } div.item.online.state { box-shadow:none; margin-right:var(--button-margin) !important; overflow:hidden; position:relative; } div.item.online.state span { background-color:var(--hover-bg-color); color:var(--hover-fg-color); font-size:var(--status-font-size); position:absolute; bottom:0; } div.item.online.state img { margin-top:4px; height:24px; float:right; transition:margin-right 1s; } div.item.online.state img:hover { background-color:var(--hover-bg-color); } div.item.online.state:not(:hover) img:not(:first-child) { margin-right:-20px; } fieldset.output>div.header { display:none; } fieldset>div.header { display:contents; } fieldset>div.header>div { line-height:22px; padding:var(--input-padding); margin-left:var(--input-margin); height:var(--action-height); float:right; } fieldset>div.header>div.avatar { padding:0; } fieldset>div.header div.online { padding:0; } fieldset>div.header img { height:var(--action-height); float:right; } fieldset>form.option>div.item:not(.icon) { margin-right:var(--input-margin); } fieldset>div.action>div.item { margin-right:var(--input-margin); } fieldset.input>legend { display:none; } fieldset.input.icons table { width:100%; text-align:center; } fieldset.input.key div.action { display:none; } fieldset.input.key div.action div.item.state { display:none; } fieldset.input.key div.output table.content { font-family:var(--code-font-family); width:100%; } fieldset.input.key div.output { padding:0 !important; } fieldset.input.key div.output table.content td:first-child { padding-left:24px; cursor:pointer; } fieldset.input.key div.output table.content.checkbox td:nth-child(2) { cursor:pointer; } fieldset.input.key div.output table.content:not(.checkbox) td:not(:first-child) { background-color:unset !important; color:var(--disable-fg-color); cursor:default; } 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.output>div.item img[src*=".jpg"] { padding:5px; } fieldset.input.key>div.output>div.item div.title { padding:var(--input-padding) 0; } fieldset.input.key>div.output>div.item div.status div.item { color:var(--disable-fg-color); font-size:var(--status-font-size); float:left; } fieldset.input.key>div.output>div.item div.status div.item span { padding:0 var(--input-padding); } fieldset.input.key div.status:not(.hide) { background-color:var(--input-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 { flex-direction:column; } fieldset.input.date>div.action>div>div:first-child { margin-left:0; } fieldset.input.date>div.action>div { display:flex; justify-content:space-between; } fieldset.input.date div.action>div.time div.item span { display:none; } fieldset.input.date div.action span.close { display:none; } fieldset.input.date>div.output table.content { text-align:center; border:var(--box-notice); 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; } fieldset.input.date>div.output td span.lunar.term { color:green; } fieldset.input.date>div.output td span.lunar.fest { color:red; } fieldset.input.date>div.output td { cursor:pointer; } fieldset.input.date>div.status { text-align:center; border-top:unset; } fieldset.input.date>div.status>div.today { padding:var(--input-padding); } body.mobile fieldset.input.date { left:0 !important; width:100%; } fieldset.input.float { border-radius:0; padding:0; } fieldset.input.float table.content th { padding:var(--input-padding); } fieldset.input.float table.content td { padding:var(--input-padding); } fieldset.input.float.file table.content td { padding-left:22px; } /* float */ body div.float { padding:var(--plugin-padding); } fieldset.Action>div.toast { height:fit-content; width:fit-content; overflow:auto; position:absolute; right:var(--plugin-margin); bottom:calc(var(--footer-height) + var(--action-height) + var(--plugin-margin)); } fieldset.Action>div.toast>div.toast { background-color:var(--plugin-bg-color); border:var(--plugin-border); margin:var(--plugin-margin); position:static; transition:all 1s; } body.mobile fieldset.Action>div.toast { top:50%; } body.mobile fieldset.Action>div.toast>div.toast { margin-bottom:10px; } div.toast.float>div.title { color:var(--notice-bg-color); font-style:italic; white-space:pre; padding:0 var(--input-padding); max-width:300px; overflow:auto; float:left; cursor:copy; } div.toast.float>div.close { color:var(--notice-bg-color); float:right; cursor:pointer; margin-top:-3px; } div.toast.float>div.close:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } div.toast.float div.duration { color:var(--disable-fg-color); float:right; } div.toast.float div.duration { font-size:var(--status-font-size); } div.toast.float div.title { font-size:var(--status-font-size); } div.toast.float div.content { color:var(--notice-bg-color); white-space:pre-line; text-align:center; padding:var(--input-padding); margin-bottom:var(--input-margin); min-height:28px; } div.toast.float.warn div.content { white-space:pre-wrap; text-align:left; display:block; overflow:auto; } div.toast.float div.progress { margin-left:0px; height:5px; } div.toast.float div.progress div.current { background-color:var(--notice-bg-color); height:3px; transition:all 0.5s; } div.toast.float div.action:not(.hide) { display:flex; flex-direction:row-reverse; gap:var(--button-margin); } div.toast.float div.action>div.item i { display:none; } div.toast.float div.action>div.item span { display:none; } div.toast.float div.action>div.item input { padding:0 20px; } div.toast.float div.action>div.item.danger input { border:var(--box-danger); } div.toast.float div.action>div.item.notice input { border:var(--box-notice); } div.toast.float div.action>div.item.open input { border:var(--box-notice); } body>div.loading { white-space:pre; text-align:center; padding:20px; width:100%; position:absolute; left:0; top:0; z-index:5; } body>div.carte { border:0; 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:not(.hide) { white-space:pre; padding:var(--button-padding); display:flex; align-items:center; } body>div.carte div.item i:first-child { margin-right:var(--button-margin); } body>div.carte div.item span.icon.next { line-height:22px; height:22px; float:right; } body>div.carte div.item span.name { flex-grow:1; } body>div.carte.select.float>div.item { text-align:center; } body>div.carte.header.avatar img { width:370px; } body div.input.float.process input { background-color:var(--disable-bg-color) !important; color:var(--disable-fg-color); border:var(--box-border) !important; } body div.input.float.process input:hover { background-color:var(--disable-bg-color) !important; color:var(--disable-fg-color); border:var(--box-border) !important; } body div.input.float { padding:var(--plugin-padding); } body div.input.float { padding:var(--plugin-padding); } body div.input.float>legend { background-color:var(--input-bg-color); float:right; padding:0; } body div.input.float tr { margin:var(--button-margin); } body div.input.float td { padding:var(--table-padding); } body div.input.float td span.must { color:red; padding:0 5px; } body div.input.float td:nth-child(2) { padding:var(--table-padding) 0; } body.mobile div.input.float table { width:100%; } body.mobile div.input.float tr:not(.hide) { display:flex; flex-direction:column; margin:var(--button-margin); } body.mobile div.input.float td { padding:0 var(--button-padding); margin:var(--button-margin); } body.mobile div.input.float td:nth-child(1) { color:gray; font-size:var(--status-font-size); padding-left:var(--button-padding); margin-bottom:0; } body.mobile div.input.float td:nth-child(2) { display:none; } body div.input.float tr.img td:last-child>span { display:none; } body div.input.float tr.img td:last-child>div.item { width:var(--river-width); flex-wrap:wrap; } body div.input.float tr.img td:last-child>div.item>div { background-color:gray; margin:var(--input-margin); } body div.input.float tr.img td:last-child>div>span { font-size:var(--action-height); } body div.input.float tr.img td:last-child>div>span.icon { display:none; } body div.input.float tr.icon td:last-child { position:relative; } body div.input.float tr.icon td:last-child img:first-child { height:28px; width:28px; position:absolute; left:12px; top:12px; } body div.input.float tr.icon td:last-child input { padding-left:var(--action-height); } body div.input.float tr.icons td:last-child img { height:28px; width:28px; position:absolute; left:2px; top:2px; } body div.input.float tr.icons td:last-child span:not(.icon) { font-family:var(--code-font-family); position:absolute; left:33px; } body div.input.float tr.icons td:last-child input { padding-left:var(--action-height); } body div.input.float td span.icon { margin-left:-20px; visibility:hidden; } body div.input.float td span.icons { margin-left:-20px; visibility:hidden; } body div.input.float td label { font-family:var(--code-font-family); } body div.input.float td:hover span.icon { visibility:visible; } body div.input.float td:hover span.icons { visibility:visible; } body:not(.mobile)>div.input.float textarea { height:var(--textarea-height); width:var(--form-width) !important; } body div.input.float select { width:var(--form-width) !important; } body div.input.float input.select[type=button] { width:var(--form-width) !important; } body div.input.float input:not([type=button]) { width:var(--form-width) !important; padding-left:24px; } body div.input.float input[type=text] { width:var(--form-width) !important; padding-left:24px; } body div.input.float input[name=cancel] { border:var(--box-danger); background-color:transparent; color:var(--danger-bg-color); } body div.input.float input[name=submit] { border:var(--box-notice); background-color:var(--notice-bg-color); color:var(--notice-fg-color); } body div.input.float input[name=submit]:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } body div.input.float input[name=cancel]:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } body div.input.float div.action { padding:var(--table-padding); width:100%; position:sticky; bottom:0; flex-direction:row-reverse; cursor:move; } body div.input.float div.action>div.item { margin-left:var(--button-margin); float:right; } body div.input.float div.action>div.item>input[type=button] { min-width:112px; } body>div.input.login { flex-direction:column; } body>div.input.login>div.action { border-bottom:var(--box-border); padding:0; flex-direction:row; } body>div.input.login>div.action>div.tabs { padding:var(--button-padding); } body>div.input.login>div.action>div.tabs.select { color:unset; } 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 { box-shadow:unset; } body>div.input.login>div.output>fieldset>div.output { background-color:transparent; } 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(--box-notice3); 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; } body>div.upload div.action input[type=file] { width:var(--form-width); } body>div.upload div.action div.item.close input { display:none; } 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; } body.mobile>div.input { margin:10px; width:calc(100% - 20px); left:0 !important; } body.mobile>div.input table { width:100%; } body.mobile>div.input td { padding:0; } body.mobile div.input.float table input { width:100% !important; } /* display */ fieldset:not(.Action) { position:relative; } fieldset>form.option:not(.hide), fieldset>div.action:not(.hide):not(.flex) { display:contents; } .hide, .hidden { display:none; } body:not(.mobile) fieldset:not(.Action):not(.output):not(.cmd)>div.action:not(.hide):not(.flex) { display:flex; overflow: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:not(.hide), 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.auto, fieldset.full, fieldset.float { position:fixed; } fieldset.full { position:fixed; left:0; top:0; } fieldset.plug { position:absolute; bottom:calc(var(--action-height) + var(--plugin-padding)); right:var(--plugin-padding); } fieldset.cmd>div.output>fieldset.plug { position:fixed; bottom:var(--action-height); right:0; } fieldset.story>div.output>fieldset.plug { position:absolute; bottom:0; right:0; float:right; } fieldset.plug:not(.select) { display:none; } fieldset.vimer>div.output fieldset.plug { position:absolute; bottom:0; right:0; float:right; } fieldset.vimer>div.output div.project fieldset.plug:not(.hide) { position:static; float:unset; height:100%; display:block; } fieldset.vimer>div.output div.project fieldset.plug>div.output { height:100%; } fieldset.vimer>div.output div.project fieldset.plug div.output.card>div.item { min-width:120px; width:calc(100% - 2*var(--input-margin)); } div.float { position:fixed; } div.output { position:relative; } div.content { position:relative; } div.output>div.code { position:sticky; left:0; } div.output>div.code>img { margin:5px; max-width:100%; } 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; } div.output.flex:not(.hide) { display:flex; align-items:flex-start; justify-content:flex-start; } fieldset>div.status>legend { 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; } /* 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 { border:var(--box-border); background-color:var(--input-bg-color); color:var(--input-fg-color); } textarea:hover { border:var(--box-notice); } textarea:focus { border:var(--box-notice); } select { border-radius:var(--button-radius); } input { background-color:var(--input-bg-color); color:var(--input-fg-color); } input:not([type=button]) { border:var(--input-border); } body:not(.mobile) input:not([type=button]):hover { border:var(--box-notice); } input:not([type=button]):focus { border:var(--box-notice); } input.disable { border:var(--box-border) !important; background-color:var(--disable-bg-color) !important; color:var(--disable-fg-color) !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] { border:var(--input-border); border-radius:var(--button-radius); } body:not(.mobile) input[type=button]:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); } input[type=button].danger:hover { 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 { color:var(--danger-bg-color) !important; } input[type=button].notice { border:var(--box-notice); } body:not(.mobile) table.content tr:hover { background-color:var(--tr-hover-bg-color); } table.content tr.select { background-color:var(--tr-hover-bg-color); } table.content tr.danger { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } table.content tr.notice { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } table.content tr.disable { color:var(--disable-fg-color); } table.content tr.offline { color:var(--disable-fg-color); } table.content tr.invalid { color:var(--disable-fg-color); } table.content tr.expired { color:var(--disable-fg-color); } table.content th { background-color:var(--th-bg-color); color:var(--th-fg-color); } body:not(.mobile) 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 { background-color:var(--th-bg-color); color:var(--th-fg-color); } table.content.checkbox td:first-child { background-color:var(--th-bg-color); } body:not(.mobile) 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(--box-border); 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); } 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); } body:not(.mobile):not(.pad) 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); } body:not(.mobile) div.item.button.danger input:hover[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } body:not(.mobile) 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(--box-danger); } div.item.button.notice input { border:var(--box-notice); } div.action div.tabs.select { background-color:var(--output-bg-color); border-top:var(--item-notice); } fieldset.vimer>div.action div.tabs.select { border-top:var(--box-border3); } fieldset.vimer.normal>div.action div.tabs.select { border-top:var(--box-notice3); } fieldset.vimer.insert>div.action div.tabs.select { border-top:var(--box-danger3); } fieldset.vimer.insert>legend { border-top:var(--box-danger3) !important; } fieldset.plugin.vimer>legend { margin-right:31px; } div.action div.tabs:hover { background-color:var(--hover-bg-color); } fieldset.story div.action div.tabs:not(.select) { display:none; } body.mobile div.action div.tabs:not(.select) { display:none; } 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-left:var(--box-notice3); } 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.cmds.select { background:var(--output-bg-color); border-top:var(--box-notice3); } fieldset.desktop fieldset>div.action div.item.cmds.select { border-top:unset; border-bottom:var(--box-notice3); } fieldset>div.action div.item.cmds:hover { background:var(--output-bg-color); } fieldset>div.action div.item.cmds img { display:none; } 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) div.tabs:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); } fieldset.panel:not(.main):not(.auto) div.tabs.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(--input-bg-color); } fieldset.input div.output>table.content { border-collapse:collapse; } fieldset.input tr:hover { background-color:var(--tr-hover-bg-color); } fieldset.input td:hover { background-color:var(--td-hover-bg-color); } fieldset.input table.checkbox.content td:first-child { box-shadow:none; } fieldset.input table.checkbox.content th.select { border:none; } fieldset.input>span.close { line-height:16px; padding:var(--input-padding); position:absolute; top:0; right:0; z-index:5; } 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); } div.carte div.item:hover { background-color:var(--hover-bg-color); } div.carte div.item.notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } div.carte div.item.danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } /* z-index */ table.content.action td:last-child { z-index:1; } table.content.checkbox td:first-child { z-index:1; } table.content.checkbox th:first-child { z-index:2; } table.content thead { z-index:2; } fieldset.float { z-index:5; } fieldset.float.select { z-index:9; } fieldset.full, fieldset.auto { z-index:10; } fieldset.input.float { z-index:10; } div.input.float { z-index:10; } div.carte.float { z-index:11; } body>div.toast.float { z-index:12; } fieldset.Action>div.toast { z-index:12; } fieldset.desktop.cmd>div.output>fieldset.macos.dock { z-index:10; } /* box-shadow */ div.float { box-shadow:var(--float-box-shadow); border:var(--plugin-border); } div.float:hover { box-shadow:var(--notice-box-shadow); } fieldset.plugin { box-shadow:var(--plugin-box-shadow); border-radius:var(--plugin-radius); } fieldset.story { box-shadow:var(--plugin-box-shadow); border-radius:var(--plugin-radius); } fieldset.float { box-shadow:var(--float-box-shadow); border:var(--plugin-border); border-radius:var(--plugin-radius); } fieldset.plugin:hover { box-shadow:var(--notice-box-shadow); } body.light fieldset.plugin>legend { box-shadow:var(--legend-box-shadow); margin-right:var(--legend-margin); } body.light fieldset.story>legend { box-shadow:var(--legend-box-shadow); margin-right:var(--legend-margin); } body.light fieldset.vimer fieldset.story>legend { margin-right:var(--input-margin); padding:0 var(--input-padding); } fieldset.story>legend { border-top-left-radius:var(--plugin-radius); } fieldset>form.option div.item:not(.icon) { box-shadow:var(--input-box-shadow); } 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.input.date.float>div.action div.item.button:last-child { margin-right:0; } fieldset>div.action div.item:not(.state) { box-shadow:var(--input-box-shadow); } fieldset>div.action>div.tabs:not(.state).select { box-shadow:var(--legend-box-shadow); } fieldset>div.action>div.tabs:not(.state) span.exists { color:var(--notice-bg-color); } fieldset>div.action>div.cmds:not(.state) { box-shadow:var(--legend-box-shadow); } div.output.card>div.item { box-shadow:var(--th-box-shadow); border:var(--plugin-border); border-radius:var(--plugin-radius); } div.output.card>div.item:hover { box-shadow:var(--notice-box-shadow); } fieldset>div.output.card>div.item>div.title { border-bottom:var(--box-border); } fieldset>div.output.card>div.item>div.action>input { box-shadow:var(--input-box-shadow); } fieldset>div.status { border-top:var(--status-border); } fieldset>div.status>legend.select { box-shadow:var(--legend-box-shadow); } fieldset>div.status>legend:hover { box-shadow:var(--legend-box-shadow); } fieldset.Action>div.toast>div.toast:hover { box-shadow:var(--notice-box-shadow); } table.content th { box-shadow:var(--th-box-shadow); } fieldset.input.key table.content th { box-shadow:none; } fieldset.input.key table.content.checkbox td:first-child { box-shadow:none; } table.content.checkbox td:first-child { box-shadow:var(--th-box-shadow); } table.content.action td:last-child { box-shadow:var(--th-box-shadow); } table.content.detail tr.action td { box-shadow:var(--th-box-shadow); } div.project:not(.toggle) { border-right:var(--box-border); overflow-x:hidden; } div.layout>div.profile:not(.toggle) { border-left:var(--box-border); } div.layout>div.display:not(.toggle) { border-top:var(--box-border); } body.mobile fieldset>legend { box-shadow:none; } body.mobile fieldset.plugin>legend>span { display:block; float:right; } body:not(.mobile) fieldset.plugin>div.action div.item:first-child:not(.icons) { margin-left:var(--button-margin); } body:not(.mobile) fieldset.story>div.action div.item:first-child:not(.icons) { margin-left:var(--button-margin); } /* font */ body.windows { --code-font-family:"Courier New"; } body { font-family:var(--body-font-family); } legend { font-family:var(--legend-font-family); font-style:italic; } input { font-family:var(--input-font-family); } kbd { font-family:var(--code-font-family); line-height:var(--code-line-height); } kbd:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } table.content { font-family:var(--table-font-family); } table.content th { font-family:var(--input-font-family); font-style:italic; } body div.output>div.code { font-family:var(--table-font-family); padding:var(--table-padding); } body div.content>div.code { font-family:var(--table-font-family); padding:var(--table-padding); } 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); } legend>img { margin-right:var(--input-margin); height:28px; display:block; float:left; } legend>span.icon:first-child { margin-right:var(--input-margin); } legend>i:first-child { margin-right:var(--input-margin); } 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:16px; width:16px; cursor:pointer; } textarea { font-family:var(--input-font-family); 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); box-shadow:var(--th-box-shadow); } body.mobile table.content.detail td:first-child { max-width:150px; word-break:break-all; white-space:break-spaces; } table.content.detail td { min-width:90px; } fieldset.web.chat.island.portal>div.output>table.content.detail td { min-width:80px; text-align:center; } body.void fieldset.web.chat.island.portal>div.status { display:none; } 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(--box-notice3); padding:var(--input-padding) var(--table-padding); } div.story[data-type=spark][data-name=shell] { box-shadow:var(--plugin-box-shadow); } fieldset.inner.result>div.output { border-left:var(--box-danger3); } 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.state.filter input { width:120px; transition:all 0.8s; } fieldset>div.action div.item.state.filter input:focus { width:240px; transition:all 0.5s; } fieldset>div.action div.item { height:var(--action-height); display:flex; align-items:center; } fieldset>form.option div.item { height:var(--action-height); display:flex; align-items:center; } fieldset>div.action>div.tabs { font-style:italic; padding:var(--input-padding) var(--button-padding); padding-right:0; height:var(--action-height); } fieldset>div.action>div.tabs img { margin-right:var(--input-margin); height:24px; } fieldset>div.action>div.cmds { font-style:italic; padding:var(--input-padding) var(--button-padding); height:var(--action-height); min-width:60px; text-align:center; justify-content:center; align-items:center; } fieldset>div.output>div.code { font-size:var(--code-font-size); } fieldset>div.output { width:100%; } fieldset>div.status { width:100%; } fieldset>div.status { line-height:20px; max-height:var(--action-height); } fieldset>div.status>div.item { font-family:var(--status-font-family); font-style:italic; font-size:var(--status-font-size); height:31px; display:flex; align-items:center; } fieldset>div.status>div.item { padding:var(--input-padding); } 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; padding:0 var(--button-padding); height:31px; display:flex; align-items:center; } fieldset>div.status>legend.select { border-bottom:var(--box-notice3); } 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); } fieldset>legend>i { margin-right:var(--input-margin); } form.option>div.item.icon { overflow:hidden; position:relative; user-select:none; } form.option>div.item.icon { font-size:var(--icon-font-size); border-radius:var(--button-radius); box-shadow:var(--input-box-shadow); padding:0 var(--input-padding); margin-right:var(--input-margin); height:var(--action-height); } form.option>div.item.icon.menu { font-size:28px; line-height:26px; padding:0; display:flex; align-items:flex-start; display:none; } form.option>div.item.icon.refresh { font-size:28px; line-height:26px; display:flex; align-items:flex-start; } form.option>div.item.icon.goback { font-size:28px; line-height:26px; display:flex; align-items:flex-start; } form.option>div.icon.delete { font-size:20px; line-height:33px; display:flex; align-items:flex-start; } form.option>div.item.icon.play { font-size:16px; } body.windows form.option>div.item.icon.delete { line-height:28px; display:flex; align-items:flex-start; } body.windows form.option>div.item.icon.menu { font-size:18px; line-height:28px; padding:0 3px; } body.windows form.option>div.item.icon.refresh { font-size:24px; line-height:28px; } body.windows form.option>div.item.icon.goback { font-size:24px; line-height:28px; } body.windows div.item.button.refresh>span.icon { font-size:22px; line-height:28px; } body.windows div.item.button.create>span.icon { line-height:28px; } div.item.text { position:relative; display:flex; align-items:center; } div.item.text.filter input { padding-left:24px; } div.item.text._icon input { padding-left:24px; } div.item.select._icon i:first-child { color:var(--disable-fg-color); position:absolute; left:0; padding:var(--input-padding); } div.item.select._icon:hover i:first-child { color:unset; } div.item.text>input { width:var(--input-width); height:var(--action-height); } fieldset.story>form.option>div.item.text>input { max-width:100px; } div.item.text.id>input { width:80px; } div.item.text.url>input { width:var(--river-width); } div.item.text.port>input { width:80px; } div.item.text.line>input { width:80px; } body:not(.mobile) div.item.text.hash>input { width:320px; } div.item.text.limit>input { width:var(--button-width); } div.item.text.offend>input { width:var(--button-width); } body:not(.width2):not(.mobile) fieldset.plugin>form.option>div.item.text.path>input { width:var(--project-width); } body:not(.width2):not(.mobile) fieldset.plugin.feel>form.option>div.item.text.file>input { width:var(--project-width); } body:not(.width2) fieldset>div.action>div.item.text.filter>input { width:var(--input-width); height:30px; transition:all 1.2s; } body:not(.width2) fieldset>div.action>div.item.text.filter>input:focus { width:var(--project-width); transition:all 0.5s; } div.item.text.will>input { border:var(--box-notice); } div.item.text>i:first-child { color:var(--disable-fg-color); position:absolute; left:0; padding:var(--input-padding); } div.item.text:hover>i:first-child { color:unset; } 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.icons.state { margin-right:var(--input-margin); } div.item.button.icons>i { font-size:20px; padding:var(--input-padding); } div.item.button>span.icon { font-size:var(--icon-font-size); padding:0 var(--input-padding); } div.item.button.select>span.icon { padding:var(--input-padding); visibility:hidden; position:absolute; right:0; } div.item.button.select:hover>span.icon { visibility:visible; } div.item.button.create { display:flex; align-items:flex-start; } div.item.button.insert { display:flex; align-items:flex-start; } div.item.button.refresh { display:flex; align-items:flex-start; } div.item.button.create>span.icon { font-size:28px; line-height:26px; height:var(--action-height); } div.item.button.insert>span.icon { font-size:28px; line-height:26px; height:var(--action-height); } div.item.button.refresh>span.icon { font-size:28px; line-height:26px; height:var(--action-height); } div.item.button._space.icons { flex-grow:1; min-width:var(--button-margin); } div.item.button._space.icons:hover { background-color:unset; cursor:unset; } fieldset.inner fieldset.story div.item.button._space.icons { margin-left:0; flex-grow:1; } div.tabs>span { font-style:italic; white-space:pre; padding-right:var(--input-padding); } div.tabs>i:first-child { margin-right:var(--input-margin); } 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; } fieldset.plugin>legend { font-style:italic; margin-right:var(--input-margin); } fieldset.plugin>form.option>div.button.icons.refresh { display:none; } fieldset.plugin>form.option>div.button.icons.list { display:none; } fieldset.plugin>form.option>div.button.icons.back { display:none; } 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; } fieldset.Action.tabview 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; } body:not(.mobile) fieldset.Action:not(.tabview):not(.horizon):not(.grid) fieldset.plugin:not(.float):not(.full):not(.cmd)>div.action>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)>div.action>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)>div.action>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.list { display:none; } fieldset.story>form.option>div.button.icons.back { display:none; } fieldset.story>form.option>div.button.icons.refresh { 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.back { display:none; } fieldset.plug>form.option>div.button.icons.list { display:none; } fieldset.plug>form.option>div.button.icons.refresh { 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); } body:not(.width6) fieldset.inner.float:not(.full)>form.option>div.text { display:none; } fieldset>form.option>div.text>span.value { line-height:calc(var(--action-height) - 2 * var(--input-padding)); white-space:pre; padding:var(--input-padding) var(--button-padding); height:var(--action-height); min-width:80px; overflow:auto; } fieldset>form.option>div.text._icon>span.value { padding-left:24px; border:var(--box-border); } fieldset.plug>form.option>div.text>span.value { display:none; } fieldset>form.option>div.text>span.value { display:none; } fieldset.story.float:not(.plug)>form.option>div.text:not(.filter)>input { display:none; } fieldset.story.float:not(.plug)>form.option>div.text.filter>span.value { display:none; } fieldset.story.float:not(.plug)>form.option>div.text>span.icon { display:none; } fieldset.story.float:not(.plug)>form.option>div.text>span.value { display:unset; } /* 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 g[font-size] text { font-size:unset; } svg[font-size] text { font-size:unset; } svg text.offline { stroke:var(--disable-fg-color); fill:var(--disable-fg-color); } svg text:hover { cursor:pointer; } svg rect { stroke-width:var(--svg-stroke-width); stroke:var(--body-fg-color); fill:var(--output-bg-color); cursor:pointer; } 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[stroke-width] { stroke-width:unset; } svg path[stroke] { stroke:unset; } 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; } /* 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 fieldset.plugin>legend { box-shadow:none; } body.mobile:not(.landscape) fieldset.plugin.cmd:not(.output)>div.header { display:none !important; } body.mobile div.output.card { overflow-x:hidden; } body.mobile div.output>div.project { position:absolute; left:0; top:0; z-index:2; } body.mobile div.output>div.project { background-color:var(--plugin-bg-color); } 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):not(.menu) { 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.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); } body.mobile:not(.cmd) fieldset.Action { margin-top:var(--header-height); } body.mobile fieldset.Action.cmd { margin-top:0; } body.mobile fieldset.Action { overflow:hidden; } 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.column>div.story.flex { display:flex; } 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:not(.cmd) form.option>div.item.button.icons { display:none; } body.mobile.landscape fieldset.Header { position:unset; } body.mobile.landscape fieldset.Action { margin-top:0; } 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; } html.login body.mobile>fieldset.panel.Action>div.output { background-color:var(--panel-bg-color); } /* 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 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 fieldset.draw div.output { background-color:lightgray; } body.print fieldset.draw div.output div.content svg { background-color:lightgray; } /* misc */ fieldset.iframe>form.option>div.item.hash input { width:var(--form-width); } fieldset.iframe.float>form.option>div.item:not(.delete) { display:none; } fieldset.iframe.float>form.option>div.item.hash input { width:var(--form-width); } fieldset.iframe>div.status { display:none; } fieldset.iframe.float { border:0; } fieldset.desktop { border:0; } fieldset.desktop>legend { background-color:transparent; color:silver; } fieldset.desktop>form.option>div.item:not(.delete) { display:none; } fieldset.desktop>form.option>div.item.delete { color:silver; } fieldset.desktop>div.action>div.item.text { display:none; } fieldset.desktop>div.action { color:silver; } fieldset.desktop>div.status { display:none; } fieldset.qrcode>div.output div.code { padding:0; } fieldset.xterm>div.output>div.project { font-family:var(--code-font-family); } fieldset.xterm>div.output>div.project div.item.offline { color:var(--disable-fg-color); } fieldset.xterm.float>div.status { display:none; } fieldset.xterm.float>form.option>div.item.text { display:none; } fieldset.full { position:fixed; bottom:unset; } 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.vimer>div.output>div.project>div.zone.space fieldset>div.output>div.item { height:42px; } fieldset.inner.float>div.status { display:none; } fieldset.dream>div.output>div.item div.content>span { padding:0 var(--input-padding); } fieldset.dream>div.output>div.item div.content>span.files { background-color:purple; color:var(--notice-fg-color);} fieldset.dream>div.output>div.item div.content>span.add { background-color:var(--notice-bg-color); color:var(--notice-fg-color);} fieldset.dream>div.output>div.item div.content>span.del { background-color:var(--danger-bg-color); color:var(--danger-fg-color);} fieldset.dream>div.output>div.item.begin>div.title { color:var(--disable-fg-color); font-style:italic; text-decoration:line-through; } fieldset.dream:not(.zone)>div.output>div.item.login { border:var(--box-danger); } fieldset.dream:not(.zone)>div.output>div.item.server { border:var(--box-notice); } fieldset.dream:not(.zone)>div.output>div.item.origin { border:var(--box-danger); } 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); } fieldset.plug.dream.zone>div.output>div.item.origin.select { border-right:var(--box-danger3); } fieldset.web.stats>div.output { align-items: normal; } fieldset.web.code.git>div.output>fieldset.web.code.inner>div.output { overflow:auto; } fieldset.web.code.git.total.draw div.output { text-align:center; } fieldset.web.code.git.trend>div.output rect { cursor:pointer; } fieldset.web.code.git.status>div.output table.content { width:100%; } fieldset.web.code.docker.studio>div.output>fieldset>legend { display:none; } fieldset.web.code.docker.studio>div.output>fieldset>form.option>div:first-child { margin-left:var(--button-margin); } fieldset.web.code.system.unicode>div.output>table.content th { text-align:center; cursor:default;} fieldset.web.code.system.unicode>div.output>table.content td { text-align:center; cursor:default; } fieldset.web.wiki.word>div.output>fieldset.story:not(.full) { margin:var(--title-margin) 0; } fieldset.web.wiki.word>div.output fieldset.story:not(.float):not(.full)>form.option>div.icon.delete { display:none; } fieldset.web.chat.wx.scan>div.output>table.content tr.expired { color:var(--disable-fg-color); } fieldset.web.chat.wx.ide>div.output>table.content tr.current { background-color:var(--hover-bg-color); } fieldset.web.chat.script>div.output>fieldset.story { margin-top:20px; } fieldset.web.chat.script>div.output>table.content tr.done { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } 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:2; border-left:none; } fieldset.web.chat.color table.content { border-collapse:collapse; } fieldset.web.mall.region>div.output>table.content td:nth-child(3) { text-align:right; } fieldset.web.mall.region>div.output>table.content td:nth-child(4) { text-align:right; } fieldset.web.mall.region>div.output>table.content td:nth-child(5) { text-align:right; } fieldset.web.mall.region>div.output>fieldset.web.mall.region.float>div.action { display:none; } fieldset.feel.play.float>div.output { justify-content:center; } fieldset.user>form.option>div.item.username input { width:var(--project-width); } fieldset.offer>div.output>table.content tr.invite { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } fieldset.apply>div.output>table.content.detail.apply tr.action td.action { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } fieldset.trans>div.output>fieldset { margin:var(--button-margin); } fieldset.config form.option input[name=key] { width:var(--project-width); } 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:not(:last-child) { margin-right:var(--button-margin); } fieldset.plan>div.output>div.layout>div.layout>div.profile table { width:100%; } fieldset.plan>div.output>div.layout>div.layout { align-items:flex-start; } fieldset.plan>div.output>div.layout { height:100%; } fieldset.draw>form.option>div.item.pid>input { width:var(--button-width) !important; } fieldset.draw>div.output>div.layout>div.layout>div.profile table { width:100%; } fieldset.draw>div.output>div.layout>div.layout>div.profile { width:var(--project-width); flex:0 0 var(--project-width); } fieldset.draw>div.output>svg { margin-bottom:-5px; } fieldset.draw>div.output>svg { min-height:100%; } body.dark fieldset.float { background-color:#000c; } body.dark fieldset.float>div.output { background-color:transparent; } body.light fieldset.float { background-color:#fffc; } body.light fieldset.float>div.output { background-color:transparent; } fieldset.draw.spides>div.output>svg text { cursor:pointer; } fieldset.draw.spides>div.output>svg path { stroke-width:1; } fieldset.draw.trends>div.output { overflow:hidden; } fieldset.draw.pie>div.output>svg { float:left; } fieldset.can.data>div.output { font-family:var(--code-font-family); font-size:var(--code-font-size); white-space:pre; } fieldset.can.data>div.output div.item:not(.hide) { display:flex; gap:5px; } fieldset.can.data>div.output div.view div.item:not(.hide) { display:block; } fieldset.can.data>div.output div.item>span.icon { color:var(--disable-fg-color); } fieldset.can.data>div.output div.item.string>span.value { color:var(--code-string); } fieldset.can.data>div.output div.item.number>span.value { color:var(--code-constant); } fieldset.can.data>div.output div.item.object>span.value { color:var(--disable-fg-color); } fieldset.can.data>div.output div.item.target>span.value { color:var(--disable-fg-color); } fieldset.can.data>div.output div.item.function>span.value { color:var(--disable-fg-color); } fieldset.can.data>div.output div.list.function { font-style:italic; border-left:var(--box-notice3); margin-left:20px; } fieldset.can.view>div.output { font-family:var(--code-font-family); font-size:var(--code-font-size); white-space:pre; } fieldset.can.view>div.output div.item>span.toggle { width:var(--code-font-size); display:inline-block; } fieldset.can.view>div.output div.item>span.inner { color:var(--disable-fg-color); } fieldset.can.view>div.output div.list { border-left:var(--disable-fg-color) dashed 1px; padding-left:10px; margin-left:4px; } fieldset.form>div.output>div.code { display:flex; flex-direction:column; justify-content:center; align-items:center; } fieldset.form>div.output>div.code>div.info { font-size:20px; text-align:center; padding:20px; overflow:auto; white-space:break-spaces; } fieldset.form>div.output>div.code>div.info>span.title { font-style:italic; } fieldset.form>div.output>div.code>input[type=button] { font-size:24px; border:var(--box-notice); height:48px; width:240px; margin:20px; display:block; } fieldset>div.output.form { padding:20px; display:flex; flex-direction:column; align-items:center; } fieldset>div.output.form>div.item { text-align:left; margin:10px; height:unset; } fieldset>div.output.form>div.item>div.item { height:unset; } fieldset>div.output.form>div.item>span { padding:var(--input-padding); white-space:pre; } fieldset>div.output.form>div.item>span.need { color:red; } fieldset>div.output.form>div.item>div.item>input { font-size:20px; height:38px; width:var(--form-width); } fieldset>div.output.form>div.item>div.item>input[type=button] { font-size:20px; height:48px; border:var(--box-notice); } fieldset.studio>div.action>div.item:not(.icons) { font-style:italic; } fieldset.studio>div.output>fieldset.story { margin:var(--plugin-margin); } fieldset.studio>div.output>fieldset.story:not(.select) { display:none; } fieldset.studio>div.output>fieldset.story>form.option div.icon.delete { display:none; } fieldset.cmd>div.item.state { line-height:22px; padding:var(--input-padding) var(--button-padding); float:right; } fieldset.cmd>div.item.avatar { padding:0; height:var(--action-height); } fieldset.cmd>div.item.avatar>img { height:var(--action-height); } 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:not(.cmd)>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; } fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend:not(:hover) { background-color:var(--plugin-bg-color); } fieldset.Action>div.output>fieldset.ssh.cloud.profile { box-shadow:none; background-color:transparent; } fieldset.Action>div.output>fieldset.ssh.cloud.profile:hover { box-shadow:none; } fieldset.Action>div.output>fieldset.ssh.cloud.profile>div.output { background-color:transparent; } 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; } body:not(.cmd) fieldset.Action>div.output>fieldset.plugin>legend { border-top:var(--box-notice3); border-top-left-radius:0; margin-right:var(--legend-margin); } body:not(.cmd) fieldset.Action>div.output>fieldset.plugin>legend:not(:hover) { background-color:var(--output-bg-color); } body:not(.dark) fieldset.draw.trends div.output svg { background-color:#1b5b738c; } body.width6 fieldset.plugin.word>form.option>div.item.text>input { width:var(--project-width); } body.width6 fieldset.plugin>div.output>div.project div.list { margin-left:var(--legend-margin); } body.width6 fieldset.plugin.iframe>form.option input[name=hash] { width:var(--form-width); } body.width6 fieldset.plugin.trans>form.option>div.item.text>input { width:var(--project-width); } body.width6 fieldset.story.xterm>form.option>div.item.hash input { width:var(--form-width); } body.width6 fieldset.desktop>div.output>div.desktop>fieldset.web.chat.iframe>form.option>div.item.hash>input { width:var(--river-width); } body.width2 fieldset.desktop>div.output>div.desktop>fieldset>form.option>div.item:last-child { margin-right:0; } body.mobile fieldset.float form.option div.item.text { display:none; } body.mobile fieldset.float:not(.full):not(.cmd)>legend { float:none; } body.mobile fieldset.word:not(.cmd)>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.vimer>form.option div.item.path input { width:var(--input-width); } body.mobile fieldset.vimer>form.option div.item.line { display:none; } body.mobile fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd):not(:first-child) { margin:20px 0; } body.mobile table.content.detail { word-break:break-all; white-space:unset; overflow-y:hidden; } 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); } fieldset.story.web.chat.wx.agent { position:fixed; left:0; bottom:0; } 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(--url-input-width); } /* scrollbar */ div.scrollbar { border-radius:var(--button-radius); background-color:var(--hover-bg-color); color:silver; font-size:8px !important; line-height:10px; display:flex; align-items:center; justify-content:center; position:absolute; visibility:hidden; } div.scrollbar.vertical { writing-mode:tb; width:10px; right:0; top:0; transition:width 3s; cursor:pointer; } div.scrollbar.vertical:hover { width:var(--code-line-height); transition:width .3s; font-size:24px !important; } div.scrollbar.horizon:hover { height:var(--code-line-height); transition:height .3s; font-size:24px !important; } div.scrollbar.horizon { height:10px; left:0; bottom:0; transition:height 3s; cursor:pointer; } form.option>div.text>span.value::-webkit-scrollbar { width:0 !important; height:0 !important; } div.project::-webkit-scrollbar { width:0 !important; height:0 !important; } div.project div.list::-webkit-scrollbar { width:0 !important; height:0 !important; } div.content::-webkit-scrollbar { width:0 !important; height:0 !important; } div.status::-webkit-scrollbar { width:0 !important; height:0 !important; } div.action::-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.toast.float div.title::-webkit-scrollbar { width:0 !important; height:0 !important; } body>div.carte::-webkit-scrollbar { width:0 !important; height:0 !important; } 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; } fieldset.dream>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; } fieldset.input.key::-webkit-scrollbar { width:0 !important; height:0 !important; } fieldset.input.key>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; } fieldset.word>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; } fieldset.xterm div.xterm-viewport::-webkit-scrollbar { width:0 !important; height:0 !important; } fieldset.web.code.git.search>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; } body.windows *::-webkit-scrollbar { width:0 !important; height:0 !important; } body.windows * { scrollbar-width:none; }