mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 08:48:06 +08:00
111 lines
7.6 KiB
CSS
111 lines
7.6 KiB
CSS
fieldset.Action { min-width:160px; }
|
|
fieldset.Action>div.action { background-color:#4682b46b; width:100%; display:none; }
|
|
fieldset.Action>div.action div { font-size:1.1rem; cursor:pointer; padding:5px 20px; height:31px; float:left; }
|
|
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.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.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 { padding:0; margin:0; display:none; overflow:auto; }
|
|
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 { padding:0; margin:0; overflow:auto; float:left; }
|
|
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 { padding:0; margin:0; overflow:auto; float:left; }
|
|
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 { overflow:auto; float:left; }
|
|
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.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;
|
|
}
|
|
|
|
/* flex */
|
|
div.layout.tabs>div.tabs { display:flex; overflow:auto; }
|
|
div.layout.tabs>div.tabs>div { padding:10px; height:32px; flex:1; }
|
|
div.layout.tabs>div.tabs>div:hover { background-color:steelblue; }
|
|
div.layout.tabs>div.list { width:100%; height:100%; flex:1; }
|
|
div.layout.tabs>div.list>div { height:100%; display:none; }
|
|
div.layout.tabs>div.list>div.select { display:block; }
|
|
div.layout.tabs.left { display:flex; }
|
|
div.layout.tabs.left>div.tabs { flex-direction:column; }
|
|
div.layout.tabs.left>div.tabs>div { writing-mode:tb; }
|
|
div.layout.tabs.right { display:flex; }
|
|
div.layout.tabs.right>div.tabs { flex-direction:column; }
|
|
div.layout.tabs.right>div.tabs>div { writing-mode:tb; }
|
|
div.layout.tabs.box>div.list { height:unset; }
|
|
div.layout.tabs.box>div.tabs { background-color:steelblue; text-align:center; padding:3px; display:block; }
|
|
/* layout */
|
|
table.layout { border-spacing:0; }
|
|
table.layout td { vertical-align:top; }
|
|
table.layout td.content div.toggle { background-color:#4682b46b; color:white; font-size:24px; position:absolute; }
|
|
table.layout td.content div.toggle>div { display:table-cell; }
|
|
table.layout td.content div.toggle.project { padding-top:50px; height:130px; width:15px; top:20%; left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; }
|
|
table.layout td.content div.toggle.profile { padding-top:50px; height:130px; width:15px; top:20%; right:0; border-top-left-radius:10px; border-bottom-left-radius:10px; }
|
|
table.layout td.content div.toggle.display { margin-top:-15px; height:15px; width:130px; left:40%; border-top-left-radius:10px; border-top-right-radius:10px; }
|
|
table.layout td.content div.toggle.display>div { text-align:center; width:130px; rotate:-90deg; translate:5px -5px; }
|
|
body.mobile table.layout div.toggle { font-size:48px; }
|
|
body.mobile table.layout td.content div.toggle.project { width:30px; padding-top:35px; }
|
|
body.mobile table.layout td.content div.toggle.profile { width:30px; padding-top:35px; }
|
|
body.mobile table.layout td.content div.toggle.display { margin-top:-30px; height:30px; }
|
|
body.mobile table.layout td.content div.toggle.display>div { translate:5px -15px; }
|
|
|
|
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:lightgray solid 1px; }
|
|
div.main fieldset.plugin table.content tr:hover { background-color:aliceblue; }
|
|
div.main fieldset.plugin table.content th { background-color:aliceblue; 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; }
|