mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 08:48:06 +08:00
157 lines
7.2 KiB
CSS
157 lines
7.2 KiB
CSS
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:31px; float:left; cursor:pointer; }
|
|
fieldset.Action>div.action div.select { background-color:#6495ed63; }
|
|
fieldset.Action>div.action div:hover { background-color:#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.plugin.iframe 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.grid>div.output>fieldset.plugin>div.action { display:none; }
|
|
fieldset.Action.grid>div.output>fieldset.plugin>div.status { display:none; }
|
|
fieldset.Action.grid>div.output>fieldset.plugin>form.option input[type=text] { width:80px; }
|
|
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.Header action>div.tabs { padding:0; margin-left:20px; display:contents; }
|
|
fieldset.Header action>div.tabs:hover { background-color:none; }
|
|
fieldset.Header div.tabs div.tabs { padding:5px 10px; }
|
|
fieldset.Header div.tabs div.tabs:hover { background-color:#6495ed63; }
|
|
|
|
fieldset.Action>div.project.toggle {
|
|
background-color:cornsilk; opacity:0.4; color:teal; font-size: 36px; padding-top:50px; height:150px; width:20px; position: fixed; top: 30%;
|
|
border-top-right-radius:20px; border-bottom-right-radius:20px;
|
|
}
|
|
|
|
fieldset.panel.cmd>div.output>fieldset.plugin { padding:0; margin:0; }
|
|
fieldset.panel.cmd>div.output>fieldset.plugin>legend { padding:0 10px; float:left; }
|
|
|
|
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full)>legend { float:none; }
|
|
fieldset.Action.cmd>div.output>fieldset.plugin:not(.float):not(.full)>legend { float:left; }
|
|
fieldset.Action>div.output>fieldset.plugin>legend { box-shadow:4px 4px 20px 4px #626bd0; }
|
|
|
|
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;
|
|
}
|
|
|