mirror of
https://shylinux.com/x/volcanos
synced 2025-05-03 20:07:01 +08:00
149 lines
3.8 KiB
CSS
149 lines
3.8 KiB
CSS
fieldset.Action { background-color:rgba(114, 153, 162, 0.54); min-width:160px; }
|
|
fieldset.Action>div.action { background-color:#159cc7b0; padding:0; margin:0; height:28px; display:none; position:absolute; }
|
|
|
|
fieldset.Action.tabs>div.action { display:block; }
|
|
fieldset.Action.tabs>div.output { margin-top:28px; }
|
|
fieldset.Action.tabs>div.output>fieldset>legend { display:none; }
|
|
fieldset.Action.tabs>div.output fieldset.plugin { display:none; float:left; }
|
|
fieldset.Action.tabs>div.output fieldset.plugin.select { display:block; }
|
|
fieldset.Action.grid>div.output fieldset.plugin { overflow:auto; float:left; }
|
|
fieldset.Action.grid>div.output fieldset.plugin>div.output { overflow:auto; }
|
|
fieldset.Action.free>div.output fieldset.plugin { position:absolute; }
|
|
fieldset.Action.free>div.output fieldset.plugin.select { display:block; }
|
|
fieldset.Action.flow>div.output fieldset.plugin { float:left; }
|
|
|
|
fieldset.Action div.output fieldset.plugin.Full { background-color:#073947f2; padding:0; margin:0; position:fixed; left:0; top:0; overflow:auto; z-index:10; }
|
|
fieldset.Action div.output fieldset.plugin.Full>legend { float:left; display:contents; }
|
|
fieldset.Action div.output fieldset.story.Full { background-color:#073947f2; padding:0; margin:0; position:fixed; left:0; top:0; overflow:auto; z-index:10; }
|
|
fieldset.Action div.output fieldset.story.Full>legend { height:30px; float:left; }
|
|
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;
|
|
}
|
|
|
|
fieldset.panel.cmd>div.output>fieldset.plugin { padding:0; margin:0; }
|
|
fieldset.panel.cmd>div.output>fieldset.plugin>legend { background-color:darkcyan; padding:0 10px; margin-right:3px; height:30px; float:left; }
|
|
body.mobile fieldset.panel.cmd>div.output>fieldset.plugin>legend { height:42px; }
|
|
|
|
div.output.form div.item {
|
|
margin:10px 40px;
|
|
}
|
|
div.output.form div.item div.label {
|
|
margin:5px 0px;
|
|
}
|
|
|
|
div.head {
|
|
height:32px;
|
|
background-color:#404040;
|
|
clear:both;
|
|
}
|
|
div.left {
|
|
background-color:blue; float:left;
|
|
}
|
|
div.main {
|
|
background-color:#cccccc; height:180px; width:180px; float:left;
|
|
overflow:auto;
|
|
}
|
|
div.foot {
|
|
height:32px; clear:both;
|
|
background-color:#404040;
|
|
}
|
|
|
|
|
|
div.left {
|
|
overflow:auto;
|
|
background-color:#323232;
|
|
}
|
|
div.left:hover {
|
|
background-color:#323232;
|
|
}
|
|
div.left div.item:hover {
|
|
background-color:#404040;
|
|
}
|
|
div.left div.item {
|
|
background-color:#323232;
|
|
}
|
|
div.tabs:hover {
|
|
background-color:#272727;
|
|
}
|
|
div.tabs div.list.select {
|
|
background-color:#323232;
|
|
}
|
|
div.tabs div.name {
|
|
float:left;
|
|
position:sticky;
|
|
top:5px;
|
|
}
|
|
div.tabs div.name div.item {
|
|
float:left;
|
|
padding:10px;
|
|
color:gray;
|
|
}
|
|
div.tabs div.name div.item.select {
|
|
background-color:#404040;
|
|
/* background-color:red; */
|
|
border-bottom:solid red 2px;
|
|
color:white;
|
|
|
|
}
|
|
div.tabs div.page {
|
|
overflow:auto;
|
|
clear:both;
|
|
}
|
|
div.tabs div.page>div.input {
|
|
position:sticky;
|
|
padding:5px;
|
|
top:0px;
|
|
}
|
|
div.tabs div.page>div.input input {
|
|
color:white;
|
|
background-color:#212121;
|
|
width:230px;
|
|
border:0;
|
|
}
|
|
div.tabs div.page>div.input input:focus {
|
|
border:0;
|
|
outline:none;
|
|
}
|
|
div.tabs div.page>div.item {
|
|
display:none; clear:both;
|
|
background-color:#404040;
|
|
}
|
|
div.tabs div.page>div.list {
|
|
clear:both;
|
|
}
|
|
div.tabs div.page>div.list {
|
|
display:none;
|
|
}
|
|
div.tabs div.page>div.list.select {
|
|
display:block;
|
|
}
|
|
div.tabs div.page div.list {
|
|
padding-left:20px;
|
|
}
|
|
|
|
div.tabs.left div.name {
|
|
float:left;
|
|
}
|
|
div.tabs.left div.name div.item.select {
|
|
border-right:solid red 2px;
|
|
}
|
|
div.tabs.left div.name div.item {
|
|
float:none;
|
|
border-bottom:none;
|
|
}
|
|
div.tabs.left div.page {
|
|
float:left;
|
|
clear:none;
|
|
}
|
|
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;
|
|
}
|