mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 00:38:05 +08:00
341 lines
22 KiB
CSS
341 lines
22 KiB
CSS
* { tab-size:4; box-sizing:border-box; padding:0; border:0; margin:0; }
|
|
body { font-size:16px; }
|
|
legend { padding:0 20px; }
|
|
input:not([type=file]) { padding:0 10px; }
|
|
input:not([type=button]) { width:120px; }
|
|
input[name=path] { width:160px; }
|
|
input[name=line] { width:60px; }
|
|
input[name=limit] { width:60px; }
|
|
input[name=offend] { width:80px; }
|
|
input[name=id] { width:60px; }
|
|
input[name=url] { width:320px; }
|
|
input[name=cmd] { background-color:black; color:white; width:100%; }
|
|
table.content.full { width:100%; }
|
|
table.content thead { position:sticky; top:2px; }
|
|
table.content th { padding:2px 5px; }
|
|
table.content td { padding:2px 5px; }
|
|
table.content.action th:last-child { position:sticky; right:2px; }
|
|
table.content.action td:last-child { position:sticky; right:2px; }
|
|
h1 { text-align:center; margin:20px 0; } h2 { margin:20px 0; } h3 { margin:20px 0; } ul { padding-left:40px; margin:20px 0; }
|
|
hr, td.hr { border-bottom:gray dashed 1px; margin:5px; }
|
|
img { margin-bottom:-8px; }
|
|
/* fieldset */
|
|
fieldset>legend { margin-right:10px; }
|
|
fieldset>form.option>div.item { margin-right:10px; }
|
|
fieldset>form.option>div.item.select>input { min-width:80px; }
|
|
fieldset>div.action>div.item { margin-right:10px; height:32px; }
|
|
fieldset.input>legend { display:none; }
|
|
fieldset.input.key div.action { display:none; }
|
|
fieldset.input.key div.status { display:block; position:sticky; bottom:0; }
|
|
fieldset.input.key div.output table.content { width:100%; }
|
|
fieldset.input.key.simple th { display:none; }
|
|
fieldset.input.key.simple td { min-width:40px; }
|
|
fieldset.input.date table.content { text-align:center; width:350px; }
|
|
fieldset.input.date div.output td { padding:2px 10px; }
|
|
fieldset.input.date div.output td.prev { color:gray; }
|
|
fieldset.input.date div.output td.next { color:gray; }
|
|
fieldset.input.date div.output td.select { background-color:#5066b945; }
|
|
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.action>div.item.next { margin-right:0; }
|
|
fieldset.input.date>div.action>div.item.today { margin-right:0; }
|
|
/* float */
|
|
body div.float { padding:5px; }
|
|
body>div.toast div.title { color:blue; float:left; }
|
|
body>div.toast div.duration { color:gray; float:right; }
|
|
body>div.toast div.content { color:blue; text-align:center; }
|
|
body>div.toast div.progress { border:blue solid 1px; margin-left:0px; height:20px; clear:both; }
|
|
body>div.toast div.progress div.current { background-color:red; 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:5px; width:calc(100% - 10px); position:sticky; top:5px; }
|
|
body>div.carte div.item { white-space:pre; padding:5px 10px; }
|
|
body>div.carte div.item span.icon.next { float:right; }
|
|
body>div.input td { padding:10px; }
|
|
body>div.input td span.icon { margin-left:-20px; visibility:hidden; }
|
|
body>div.input td:hover span.icon { visibility:visible; }
|
|
body>div.input select { width:230px; }
|
|
body>div.input input { width:240px; }
|
|
body>div.input textarea { height:120px; width:240px; }
|
|
body>div.input div.action { width:100%; }
|
|
body>div.input div.action>div.item { margin:5px; float:right; }
|
|
body>div.input div.action>div.item>input[type=button] { width:110px; }
|
|
body>div.upload div.action input[type=file] { width:320px; }
|
|
body>div.upload div.output { border:red solid 1px; }
|
|
body>div.upload div.output div.progress { background-color:red; 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 */
|
|
legend { font-size:1.2rem; line-height:32px; height:32px; }
|
|
select, input { font-size:1rem; height:32px; } textarea::placeholder, input::placeholder { font-style:italic; }
|
|
textarea { font-size:1rem; tab-size:2; padding:5px; height:96px; width:100%; resize:vertical; }
|
|
table.content, div.item, div.code, div.story[data-type=spark] { font-family:monospace; }
|
|
table.content, div.item, div.code, div.story[data-type=spark] { white-space:pre; text-align:left; }
|
|
div.story[data-type=spark] { padding:5px 10px; border-left:blue solid 5px; }
|
|
table.content div.story[data-type=spark] { margin:0; }
|
|
fieldset>div.output>div.code { font-size:14px; }
|
|
fieldset>div.action>div.tabs { font-style:italic; line-height:22px; padding:5px; height:32px; }
|
|
fieldset>div.status>div.item { padding:5px; height:31px; }
|
|
fieldset>div.status>div.item>label { font-size:0.6rem; }
|
|
body.light span.keyword { color:darkblue; }
|
|
body.light span.function { color:darkcyan; }
|
|
body.dark span.function { color:lightgreen; }
|
|
body.dark span.keyword { color:royalblue; }
|
|
body.en fieldset.input.date>div.action>div.item.select select { width:55px; }
|
|
body.en fieldset.input.date>div.action>div.item.select.year select { width:100px; }
|
|
body.en fieldset.input.date>div.action>div.item.select.month select { width:100px; }
|
|
body.zh fieldset.input.date>div.action>div.item.select select { width:58px; }
|
|
body.zh fieldset.input.date>div.action>div.item.select.year select { width:81px; }
|
|
body.zh fieldset.input.date>div.action>div.item.select.month select { width:81px; }
|
|
/* icon */
|
|
fieldset>form.option>div.icon { font-size:26px; line-height:28px; padding:0 5px; height:32px; margin:0; }
|
|
fieldset>form.option>div.item.icons>span.icon { font-size:26px; line-height:28px; padding:0 5px; height:32px; }
|
|
fieldset>div.action>div.item.icons>span.icon { font-size:26px; line-height:28px; padding:0 5px; height:32px; }
|
|
fieldset>form.option>div.item.icons>span.icon.create { line-height:30px; }
|
|
fieldset>div.action>div.item.icons>span.icon.create { line-height:30px; }
|
|
form.option>div.icon:first-child { margin-left:-5px; }
|
|
form.option>div.icon.refresh { line-height:26px; }
|
|
form.option>div.icon.goback { line-height:26px; }
|
|
form.option>div.icon.next { font-size:18px; }
|
|
form.option>div.icon.prev { font-size:18px; }
|
|
form.option>div.item.text>span.icon { margin-left:-15px; margin-right:3px; }
|
|
form.option>div.item.select>span.icon { margin-left:-15px; margin-right:3px; visibility:hidden; }
|
|
form.option>div.item.select:hover>span.icon { visibility:visible; }
|
|
div.action>div.item.text>span.icon { margin-left:-15px; margin-right:3px; }
|
|
div.action>div.item.select>span.icon { margin-left:-15px; margin-right:3px; visibility:hidden; }
|
|
div.action>div.item.select:hover>span.icon { visibility:visible; }
|
|
div.item.text>span.icon.delete { font-size:20px; visibility:hidden; }
|
|
div.item.text:hover>span.icon.delete { visibility:visible; }
|
|
div.tabs span.icon { margin-left:5px; visibility:hidden; }
|
|
div.tabs>div:hover span.icon { visibility:visible; }
|
|
div.tabs>div.select span.icon { visibility:visible; }
|
|
div.action>div.tabs:hover span.icon { visibility:visible; }
|
|
fieldset.plug>form.option>div.icon { margin-left:5px; }
|
|
fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.icon { display:none; }
|
|
fieldset.plugin:not(.float):not(.full):not(.cmd)>form.option>div.button>span.icon { display:none; }
|
|
fieldset.plugin:not(.float):not(.full):not(.cmd)>div.action>div.button>span.icon { display:none; }
|
|
fieldset.panel>div.action>div.button>span.icon { display:none; }
|
|
fieldset.story>form.option>div.button.icons>input { display:none; }
|
|
fieldset.float>form.option>div.button.icons>input { display:none; }
|
|
fieldset.full>form.option>div.button.icons>input { display:none; }
|
|
fieldset.cmd>form.option>div.button.icons>input { display:none; }
|
|
fieldset.story>div.action>div.button.icons>input { display:none; }
|
|
fieldset.float>div.action>div.button.icons>input { display:none; }
|
|
fieldset.full>div.action>div.button.icons>input { display:none; }
|
|
fieldset.cmd>div.action>div.button.icons>input { display:none; }
|
|
body.windows form.option>div.icon { font-size:21px; }
|
|
legend>i:first-child { margin-right:10px; } div.item>i:first-child { margin-right:10px; }
|
|
fieldset.float div.text:hover>span.icon.delete { visibility:hidden; }
|
|
fieldset.float>form.option>div.text>input { display:none; }
|
|
fieldset.float>form.option>div.text>span { display:none; }
|
|
fieldset.float>form.option>div.text>span.value { padding:7px; height:32px; max-width:200px; display:block; overflow:auto; }
|
|
fieldset:not(.float)>form.option>div.text>span.value { display:none; }
|
|
body.mobile:not(.landscape) fieldset.float>form.option>div.text>span.value { display:none; }
|
|
/* svg */
|
|
body { --svg-stroke-width:2; }
|
|
svg text { font-size:24px; font-family:monospace; }
|
|
svg rect { stroke-width:var(--svg-stroke-width); }
|
|
svg line { stroke-width:var(--svg-stroke-width); }
|
|
svg path { stroke-width:var(--svg-stroke-width); }
|
|
svg text { stroke:var(--body-fg-color); fill:var(--body-fg-color); }
|
|
svg rect { stroke:var(--body-fg-color); fill:var(--output-bg-color); }
|
|
svg line { stroke:var(--body-fg-color); }
|
|
svg path { stroke:var(--body-fg-color);; }
|
|
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:10px; clear:both; }
|
|
div.project div.item { padding:2px 10px; }
|
|
div.project div.item>div.name { padding-left:15px; }
|
|
div.project div.expand { float:left; transition:all .3s; }
|
|
div.project div.expand.open { rotate:90deg; translate:1px 2px; transition:all .3s; }
|
|
div.project div.zone>div.item { text-align:center; padding:3px; }
|
|
div.project div.zone>div.item>div.icon { margin-left:3px; float:right; }
|
|
div.project div.zone>div.list>div.zone>div.item { text-align:left; padding-left:20px; }
|
|
div.project div.zone>div.list>div.zone>div.item:hover { margin-left:10px; transition:all 0.3s; }
|
|
fieldset>div.output>div.project>div.item.filter { padding:0; }
|
|
fieldset>div.output>div.project { border-right:gray solid 1px; min-width:120px; max-width:240px; }
|
|
fieldset>div.output div.profile { border-left:gray solid 1px; max-width:320px; }
|
|
fieldset>div.output div.display { border-top:gray solid 1px; }
|
|
/* table card */
|
|
div.output.card>div.item.stop { color:var(--disable-fg-color); }
|
|
div.output.card>div.item { padding:10px; border:#e7e7e7 solid 1px; margin:10px; width:320px; float:left; }
|
|
div.output.card>div.item>div.title { font-size:1.2rem; font-weight:bold; padding:10px; border-bottom:solid 1px #e7e7e7; }
|
|
div.output.card>div.item>div.content { padding:10px; height:70px; }
|
|
div.output.card>div.item>div.action { text-align:right; width:100%; display:flex; }
|
|
div.output.card>div.item:not(:hover)>div.action { visibility:hidden; }
|
|
div.output.card>div.item>div.action>input { margin-right:5px; }
|
|
/* display */
|
|
fieldset.panel>legend { display:none; }
|
|
fieldset.panel>div.status { display:none; }
|
|
fieldset.output>legend { display:none; }
|
|
fieldset.output>form.option { display:none; }
|
|
fieldset.output>div.action { display:none; }
|
|
fieldset.output>div.status { display:none; }
|
|
fieldset.output>div.item { display:none; }
|
|
fieldset>form.option>div.item.select, fieldset>div.action>div.item.select { border-radius:5px; }
|
|
fieldset>form.option, fieldset>div.action { display:contents; } form.option.hide, div.action.hide, .hidden, .hide { 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, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item { float:left; }
|
|
fieldset.story, div.output, fieldset>div.status, div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; }
|
|
div.output { position:relative; } div.layout.flex>* { float:left; clear:none; }
|
|
fieldset.auto, fieldset.full, fieldset.float, div.float { position:fixed; z-index:100; }
|
|
fieldset.cmd fieldset.plug { position:fixed; bottom:32px; right:0; }
|
|
fieldset.plug { position:absolute; bottom:0; right:0; }
|
|
fieldset.full { position:fixed; left:0; top:0; }
|
|
fieldset>div.output>div.code { position:sticky; left:0; }
|
|
fieldset>div.status>legend { margin-left:2px; margin-right:0; height:31px; float:right; clear:none; }
|
|
fieldset>div.status>legend:not(:hover):not(.select) { background-color:unset; }
|
|
form.option>div.cmd, form.option>div.textarea { width:100%; }
|
|
fieldset.plug div.output table.content { width:100%; }
|
|
div.carte.select.float>div.item { text-align:center; }
|
|
legend, select, input[type=button], th, table.content td, h1, h2, h3, div.item, div.tabs { cursor:pointer; }
|
|
div.story[data-type=spark] { cursor:copy; }
|
|
/* hover */
|
|
input:hover[type=button][name=create] { background-color:var(--create-bg-color); color:var(--create-fg-color); }
|
|
input:hover[type=button][name=insert] { background-color:var(--create-bg-color); color:var(--create-fg-color); }
|
|
input:hover[type=button][name=restart] { background-color:var(--create-bg-color); color:var(--create-fg-color); }
|
|
input:hover[type=button][name=start] { background-color:var(--create-bg-color); color:var(--create-fg-color); }
|
|
input:hover[type=button][name=run] { background-color:var(--create-bg-color); color:var(--create-fg-color); }
|
|
input:hover[type=button][name=open] { background-color:var(--create-bg-color); color:var(--create-fg-color); }
|
|
input:hover[type=button][name=stop] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
input:hover[type=button][name=trash] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
input:hover[type=button][name=delete] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
input:hover[type=button][name=remove] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
/* theme */
|
|
body {
|
|
--body-bg-color:black; --body-fg-color:silver;
|
|
--danger-bg-color:red; --danger-fg-color:white;
|
|
--create-bg-color:blue; --create-fg-color:white;
|
|
--disable-fg-color:gray;
|
|
|
|
--code-comment:darkgray;
|
|
--code-keyword:darkblue;
|
|
--code-package:blue;
|
|
--code-datatype:cornflowerblue;
|
|
--code-function:darkcyan;
|
|
--code-constant:gray;
|
|
--code-string:brown;
|
|
--code-object:purple;
|
|
}
|
|
body { background-color:var(--body-bg-color); color:var(--body-fg-color); }
|
|
legend { background-color:var(--legend-bg-color); border-radius:var(--input-radius); }
|
|
legend:hover { color:var(--hover-fg-color) }
|
|
select { border-radius:var(--input-radius); }
|
|
input { background-color:var(--input-bg-color); color:var(--input-fg-color); border-radius:var(--input-radius); }
|
|
input:hover { color:var(--hover-fg-color) }
|
|
input:not([type=button]) { border-radius:0; }
|
|
input:not([type=button]):hover { border:var(--input-border); }
|
|
input:not([type=button]):focus { border:var(--input-border); outline:none; }
|
|
textarea { background-color:var(--input-bg-color); color:var(--input-fg-color); }
|
|
table.content tr:hover { background-color:var(--tr-hover-bg-color); color:var(--hover-fg-color); }
|
|
table.content th { background-color:var(--th-bg-color); color:var(--th-fg-color); }
|
|
table.content td:hover { background-color:var(--td-hover-bg-color); }
|
|
table.content td.select { background-color:var(--td-hover-bg-color); }
|
|
table.content.action td:last-child { background-color:var(--th-bg-color); }
|
|
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); }
|
|
div.item:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
|
div.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.item.select { 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.action div.tabs:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
|
div.action div.tabs.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
|
|
div.output { background-color:var(--output-bg-color); }
|
|
fieldset>div.status { border-top:var(--status-border); }
|
|
fieldset:not(.panel) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); border-radius:var(--plugin-radius); }
|
|
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.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.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.select { background-color:var(--plugin-bg-color); }
|
|
div.complete>table { background-color:var(--plugin-bg-color); }
|
|
|
|
body.light fieldset.panel:not(.main)>div.output div.state:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
|
body.light fieldset.panel:not(.main)>div.output div.title:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
|
body.light fieldset.panel:not(.main)>div.output div.menu:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
|
body.light fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
|
body.light fieldset.panel:not(.main):not(.auto) div.item.select { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
|
|
body.light fieldset.panel:not(.main):not(.auto) input { background-color:var(--panel-input-bg-color); color:var(--panel-input-fg-color); border-radius:var(--input-radius); }
|
|
body.light fieldset.panel:not(.main)>div.output>div.item>input::placeholder { background-color:var(--panel-input-bg-color); color:var(--panel-fg-color); }
|
|
body.light fieldset.panel:not(.main) label { color:var(--panel-fg-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 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.Search div.story[data-type=spark] { margin:0; }
|
|
fieldset.Search>div.output>div.profile { border-left:none; }
|
|
fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:10px; margin:10px; }
|
|
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; }
|
|
fieldset.cmd>div.item.time { line-height:22px; padding:5px 10px; float:right; }
|
|
fieldset.cmd>div.item.avatar { padding:0; height:32px; float:right; }
|
|
fieldset.cmd>div.item.avatar>img { height:32px; }
|
|
fieldset.cmd>div.item.usernick { line-height:22px; padding:5px 10px; float:right; }
|
|
fieldset.location>div.action input[type=text] { width:40px; }
|
|
fieldset.config form.option input[name=key] { width:240px; }
|
|
fieldset.inner.float>div.status { display:none; }
|
|
fieldset.qrcode>div.output div.code { padding:0; }
|
|
fieldset.xterm>div.action>div.tabs:only-child { display:none; }
|
|
fieldset.xterm>div.layout { clear:both; }
|
|
fieldset.xterm div.layout div.output { border-left:gray solid 1px; border-top:gray solid 1px; }
|
|
fieldset.xterm div.layout div.output.select { border:blue solid 1px; }
|
|
fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
|
|
fieldset.draw>form.option>div.item.pid>input { width:60px; }
|
|
fieldset.draw div.output svg { margin-bottom:-4px; }
|
|
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.web.code.git.status>div.output table.content { width:100%; }
|
|
fieldset.can.view { font-size:14px; }
|
|
fieldset.can.data { font-size:14px; }
|
|
img, iframe { margin-bottom:-3px; }
|
|
/* scrollbar */
|
|
div.scrollbar { background-color:#0000ff66; width:10px; position:absolute; right:0; top:0; transition:width .3s 1s; visibility:hidden; }
|
|
div.scrollbar:hover { width:50px; transition:width .1s;}
|
|
fieldset.panel.Action>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
fieldset.panel.River>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.story[data-type=spark]::-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; }
|
|
div.carte::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.status::-webkit-scrollbar { width:0 !important; height:0 !important; }
|
|
div.toggle::-webkit-scrollbar { width:0 !important; height:0 !important; }
|