fieldset.Action { background-color:rgba(114, 153, 162, 0.54); min-width:160px; } fieldset.Action>div.action { background-color:#4682b46b; width:inherit; display:none; } fieldset.Action>div.action div { font-size:1.1rem; padding:5px 20px; height:21px; float:left; cursor:pointer; } fieldset.Action>div.action div.select { background:#6495ed63; } fieldset.Action>div.action div:hover { background:#6495ed63; } fieldset.Action.tabs>div.action { display:block; } fieldset.Action.tabs>div.output { overflow:hidden; } fieldset.Action.tabs>div.output>fieldset>legend { display:none; } fieldset.Action.tabs>div.output>fieldset.plugin { display:none; } fieldset.Action.tabs>div.output>fieldset.plugin.select { display:block; } fieldset.Action.tabview>div.output { overflow:hidden; } fieldset.Action.tabview>div.output>fieldset>legend { display:none; } fieldset.Action.tabview>div.output>fieldset.plugin { display:none; overflow:auto; margin:0; padding:0; } fieldset.Action.tabview>div.output>fieldset.plugin.select { display:block; } fieldset.Action.tabview>div.output>fieldset.plugin>form.option { display:none; } fieldset.Action.tabview>div.output>fieldset.plugin>div.action { display:none; } fieldset.Action.tabview>div.output>fieldset.plugin>div.output { overflow:auto; } fieldset.Action.tabview>div.output>fieldset.plugin>div.status { display:none; } fieldset.Action.horizon>div.output>fieldset.plugin { float:left; overflow:auto; margin:0; padding:0; } fieldset.Action.horizon>div.output>fieldset.plugin>legend { display:none; } fieldset.Action.horizon>div.output>fieldset.plugin>form.option { display:none; } fieldset.Action.horizon>div.output>fieldset.plugin>div.action { display:none; } fieldset.Action.horizon>div.output>fieldset.plugin>div.output { overflow:auto; } fieldset.Action.horizon>div.output>fieldset.plugin>div.status { display:none; } fieldset.Action.vertical>div.output>fieldset.plugin { float:left; overflow:auto; margin:0; padding:0; } fieldset.Action.vertical>div.output>fieldset.plugin>legend { display:none; } fieldset.Action.vertical>div.output>fieldset.plugin>form.option { display:none; } fieldset.Action.vertical>div.output>fieldset.plugin>div.action { display:none; } fieldset.Action.vertical>div.output>fieldset.plugin>div.output { overflow:auto; } fieldset.Action.vertical>div.output>fieldset.plugin>div.status { display:none; } fieldset.Action.grid>div.output>fieldset.plugin { float:left; overflow:auto; } fieldset.Action.grid>div.output>fieldset.plugin>div.output { overflow:auto; } fieldset.Action.flow>div.output>fieldset.plugin { float:left; } fieldset.Action.free>div.output>fieldset.plugin { position:absolute; } fieldset.Action.free>div.output>fieldset.plugin.select { display:block; } fieldset.panel.cmd>div.output>fieldset.plugin { padding:0; margin:0; } fieldset.panel.cmd>div.output>fieldset.plugin>legend { padding:0 10px; margin-right:3px; float:left; } fieldset.Header action>div.tabs { padding:0; margin-left:20px; display:contents; } fieldset.Header action>div.tabs:hover { background:none; } fieldset.Header div.tabs div.tabs { padding:5px 10px; } fieldset.Header div.tabs div.tabs:hover { background:#6495ed63; } fieldset.iframe>div.output { overflow:hidden; } fieldset.Action>div.project.toggle { background-color:cornsilk; opacity:0.4; color:teal; font-size: 28px; padding-top: 50px; height: 100px; width:20px; position: fixed; top: 30%; border-top-right-radius:20px; border-bottom-right-radius:20px; } div.head { background-color:#404040; color:white; padding:5px; height:42px; clear:both; } div.head div.username { float:right; margin-right:10px; } div.head div.username div.name { padding:10px; float:left; } div.head div.username div.icon { float:left; } div.head div.username img { height:42px; } div.head div.menu { cursor:pointer; padding:10px; float:left; } div.head>div.menu:hover { background-color:#323232; } div.left { background-color:#323232; width:160px; padding:20px; overflow:auto; float:left; } div.left div.item { background-color:#323232; color:white; padding:5px 10px; } div.left div.item:hover { background-color:#404040; } div.left div.username div { color:white; text-align:center; padding:10px; } div.left div.username img { width:120px; } div.main iframe { border:0; } div.main input[type=button] { padding:0 20px; } div.main { background-color:#cccccc; color:black; overflow:auto; float:left; } div.main fieldset.plugin { background-color:#f8f8f8; padding:10px; margin:10px; } div.main fieldset.plugin legend { margin-bottom:10px; display:block; float:left; } div.main fieldset.plugin select { outline:none; box-shadow:none; } div.main fieldset.plugin form.option { display:block; clear:both; } div.main fieldset.plugin form.option div.item { margin:5px; } div.main fieldset.plugin div.action div.item { margin:5px; } div.main fieldset.plugin table.content tr { border:solid 1px lightgray; } div.main fieldset.plugin table.content tr:hover { background-color:whitesmoke; } div.main fieldset.plugin table.content th { background-color:whitesmoke; padding:10px; } div.main fieldset.plugin table.content td { background-color:white; padding:10px; } div.foot { background-color:#404040; color:white; padding:5px; height:42px; clear:both; } div.foot div.username { float:right; margin-right:10px; } div.foot div.username div.name { padding:10px; float:left; } div.foot div.username div.icon { float:left; } div.foot div.username img { height:42px; } div.foot div.menu { cursor:pointer; padding:10px; float:left; } div.foot>div.menu:hover { background-color:#323232; } div.tabs:hover { background-color:#272727; } div.tabs div.name { height:46px; width:-webkit-fill-available; position:sticky; top:5px; z-index:1; } div.tabs div.name div.item { color:gray; padding:10px; float:left; } div.tabs div.name div.item.select { background-color:#404040; color:white; border-bottom:solid red 2px; } div.tabs div.page { overflow:auto; clear:both; } div.tabs div.page>div.input { padding:5px; position:sticky; top:0px; } div.tabs div.page>div.input input { background-color:#212121; color:white; border:0; outline:none; width:230px; } div.tabs div.page>div.item { background-color:#404040; clear:both; display:none; } div.tabs div.page>div.list { padding-left:20px; display:none; clear:both; } div.tabs div.page>div.list.select { background-color:#323232; display:block; } div.left div.list { padding-left:20px; } div.tabs.left div.name { float:left; } div.tabs.left div.name div.item { border-bottom:none; float:none; } div.tabs.left div.name div.item.select { border-right:solid red 2px; } div.tabs.left div.page { width:-webkit-fill-available; clear:none; float:left; } div.tabs.left div.page>div.item { display:block; } div.tabs.void div.name { display:none; } div.tabs.void div.page>div.item { display:block; }