fieldset.inner.output.simple>legend { display:block; } fieldset.inner>form.option input[name=path] { width:80px; } fieldset.inner>form.option input[name=file] { width:160px; } fieldset.inner>div.action { height:2rem; overflow:hidden; display:block; } fieldset.inner>div.action div.tabs { border:solid 2px red; padding:2px; font-size:1rem; } fieldset.inner>div.action div.tabs.over { background-color:blue; } fieldset.inner>div.action div.tabs.select { background-color:green; } fieldset.inner>div.output { color:white; } fieldset.inner>div.output div.code { height:-webkit-fill-available; } fieldset.inner>div.output>table.layout div.toggle.project { min-width:15px; font-size:24px; } fieldset.inner>div.output>table.layout div.toggle.profile { min-width:15px; font-size:24px; } fieldset.inner>div.output>table.layout div.toggle.display { height:15px; font-size:24px; margin-top:-17px; } fieldset.inner>div.output div.project { max-width:180px; overflow:auto; } fieldset.inner>div.output div.content { position:relative; padding-right:25px; font-size:1.2rem; font-family:monospace; overflow:auto; color:white; } fieldset.inner>div.output div.content table.layout { width:-webkit-fill-available; } fieldset.inner>div.output div.content tr.select { background-color:#0000ff6b; } fieldset.inner>div.output div.content tr.select td.line { background-color:blue; border:solid 1px red; border-right:solid 2px red; } fieldset.inner>div.output div.content td.line:hover { background-color:green; } fieldset.inner>div.output div.content td.line { text-align:right; padding:0 6px; border-right:solid 2px red; } fieldset.inner>div.output div.content td.text { text-align:left; height:20px; padding-left:10px; white-space:pre; tab-size:4; } fieldset.inner>div.output div.content td.text span.comment { color:cyan; background-color:blue; } fieldset.inner>div.output div.content td.text span.keyword { color:yellow; font-weight:bold; } fieldset.inner>div.output div.content td.text span.function { color:cyan; font-weight:bold; } fieldset.inner>div.output div.content td.text span.datatype { color:lightgreen; font-weight:bold; } fieldset.inner>div.output div.content td.text span.constant { color:magenta; } fieldset.inner>div.output div.content td.text span.string { color:magenta; } fieldset.inner>div.output div.display>div.action>div.item { float:left; } fieldset.inner>div.output div.profile>div.action>div.item { float:left; } fieldset.inner>div.output div.profile>div.output { clear:both; overflow:auto; } fieldset.inner>div.output div.profile>div.output>fieldset { margin:0; padding:0; } fieldset.inner>div.output div.profile>div.output>fieldset>legend { float:left; padding:0.3rem; } fieldset.inner>div.output div.display>div.output { clear:both; overflow:auto; } fieldset.inner>div.output div.display { border:solid 1px greenyellow; } fieldset.inner div.output fieldset.toolkit { position:absolute; bottom:0px; right:0px; } fieldset.inner>div.output fieldset.toolkit>div.output>fieldset { display:none; margin:0;padding:0; } fieldset.inner>div.output fieldset.toolkit>div.output>fieldset.select { display:block; } fieldset.inner>div.output fieldset.toolkit>div.output>fieldset>legend { float:left; } fieldset.inner>div.output fieldset.toolkit>div.status { /* height:32px; overflow:auto; */ } fieldset.inner>div.output fieldset.toolkit>div.status>legend { float:right; padding:4px; cursor:pointer; padding:4px 4px; border-left:solid 2px red; background:#0d969f8a; } fieldset.inner>div.output fieldset.toolkit>div.status>legend.select { background:green; } fieldset.inner>div.output fieldset.toolkit>div.status>legend:hover { background:green; } fieldset.inner>div.status { height:26px; overflow:auto; } fieldset.Action fieldset.inner>div.status legend { float:right; font-size:1.1rem; /* padding:4px; */ cursor:pointer; /* padding:4px 4px; */ border-left:solid 2px red; background:#0d969f8a; padding:0px 10px; } fieldset.Action fieldset.inner>div.status legend.select { background-color:red; } fieldset.inner>div.status legend.select { background:green; } fieldset.inner>div.status legend:hover { background:green; } fieldset.inner.full>legend { display:none; } fieldset.inner.full>div.action { display:none; } fieldset.inner.full>form.option { display:none; } fieldset.inner.full>div.status { display:none; } fieldset.inner.full>div.status { display:none; } fieldset.inner.full>div.output div.profile>div.action { display:none; } fieldset.inner.full>div.output div.display>div.action { display:none; } body.white fieldset.inner>div.output div.project { color:#a2dad2; } body.white fieldset.inner>div.output div.content { background-color:#013b675c; } body.white fieldset.inner>div.output div.content tr { background-color:#e1f1ff00; } body.white fieldset.inner>div.output div.content tr.select { background-color:#0000ff6b; } body.white fieldset.inner>div.output div.content td.text span.string { color:#a703a7; } .unselectable { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }