x/volcanos
1
0
Fork 1
mirror of https://shylinux.com/x/volcanos synced 2025-04-26 09:14:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt css

Browse Source
This commit is contained in:
shaoying 2020-12-19 02:39:52 +08:00
parent fc721b51f3
commit de008054b4
6 changed files with 173 additions and 345 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

361
index.css
View File

@ -12,124 +12,93 @@ body.mobile fieldset.Footer.foot {
background-color:#000000b8; background-color:#000000b8;
z-index:10; z-index:10;
} }
body.mobile fieldset.Action fieldset>form.option { body.mobile fieldset.River {
padding:0 5px; background-color:#243950bf;
height:36px; position:fixed; top:48px;
min-width:640px; min-width:240px;
font-size:24px;
z-index:10;
} }
body.mobile fieldset.Action { body.mobile fieldset.Action {
padding-top:48px; padding-top:48px;
} }
body.mobile fieldset.River {
font-size:24px;
min-width:240px;
position:fixed;
z-index:10;
background-color:#243950bf;
top:56px;
}
body.mobile input {
font-size:18px;
}
body.mobile select { body.mobile select {
font-size:18px; font-size:18px;
} }
body.mobile input {
fieldset.River>div.output div.list { font-size:18px;
margin-left:8px;
padding-left:5px;
}
fieldset.River>div.output div.item {
border-left:solid 3px #00ffae;
}
fieldset.River>div.output div.list div.item {
border-left:solid 3px #ccdc4c;
background-color:#073540;
}
fieldset.River>div.output div.list div.item:hover {
cursor:pointer;
background-color:#2e515f;
}
fieldset.River>div.output div.list div.item.select {
border-left:solid 3px #ccdc4c;
background-color:#2e515f;
} }
body { body {
margin:0; padding:0; margin:0; padding:0;
background:black; background:black;
color:cyan;
} }
fieldset { fieldset {
margin:0; border:0; padding:2px; margin:0; border:0; padding:0;
color:cyan;
} }
legend { legend {
margin-left:10px;
box-shadow:4px 4px 20px 4px #626bd0; box-shadow:4px 4px 20px 4px #626bd0;
} }
legend:hover {
cursor:pointer;
background:red;
}
input[type=text] {
background-color:cyan;
color:black;
}
input[type=button] { input[type=button] {
background:black; background-color:black; color:cyan;
color:cyan; letter-spacing:4px;
padding-left:10px;
}
input[type=button]:hover {
background-color:gray; color:cyan;
}
input[type=text] {
box-shadow: 4px 4px 10px 1px #626bd0;
background-color:cyan; color:black;
padding: 0 4px;
}
input[type=text]:hover {
background-color:white;
}
input[name=cmd] {
width:160px;
} }
select { select {
background:black; box-shadow: 4px 4px 10px 1px #626bd0;
color:cyan; background-color:black; color:cyan;
padding:0 10px;
} }
table { table {
border:0; white-space: pre; border:0; white-space:pre;
font-size:14px; font-family:monospace; font-size:14px; font-family:monospace;
cursor:pointer; overflow: auto; cursor:pointer; overflow: auto;
}
table tr {
background:#04272f; background:#04272f;
} }
table tr:hover { table tr:hover {
background-color:#0fbd45; background-color:#0fbd45;
} }
table tr.select {
background-color:#0fbd45;
}
table tr.over {
background:red;
}
table th { table th {
background-color:#0fbd45; background-color:#0fbd45;
padding: 0 10px; padding:2px 6px;
cursor:pointer; }
table th:hover {
background-color:red;
} }
table td { table td {
overflow:auto; max-width:1200px; overflow:auto;
max-width:1200px; padding:2px 6px;
padding:0 10px;
}
table td.done {
background-color:green;
} }
table td:hover { table td:hover {
background-color:red; background-color:red;
} }
table td.select {
background-color:red;
}
table td input {
margin-left:4px;
}
h1 { h1 {
margin:0; margin:0;
} }
div.code { div.code {
box-shadow: 4px 4px 20px 4px #626bd0; background-color:#343a34f2; color:white;
font-size:14px; font-family:monospace; font-size:14px; font-family:monospace;
color:white; background-color:#343a34f2; box-shadow: 4px 4px 20px 4px #626bd0;
padding:10px; border:solid 3px green; padding:10px; border:solid 3px green;
text-align:left; white-space:pre; text-align:left; white-space:pre;
overflow:auto; overflow:auto;
@ -138,18 +107,8 @@ div.hidden {
display:none; display:none;
} }
fieldset>form.option {
padding:0 5px;
}
fieldset>form.option>br {
clear:both;
}
fieldset>form.option>div.item { fieldset>form.option>div.item {
margin-right:3px; float:left; margin-right:3px;
float:left;
}
fieldset>form.option>div.item label {
margin-right:3px;
} }
fieldset>form.option>div.item input.args.char { fieldset>form.option>div.item input.args.char {
width:20px; width:20px;
@ -161,8 +120,7 @@ fieldset>form.option>div.item input.args {
width:80px; width:80px;
} }
fieldset>form.option>div.item input.args.cmd { fieldset>form.option>div.item input.args.cmd {
background-color:black; background-color:black; color:white;
color:white;
width:160px; width:160px;
} }
fieldset>form.option>div.item input.args.long { fieldset>form.option>div.item input.args.long {
@ -175,9 +133,8 @@ fieldset>form.option>div.item input.opts {
width:80px; width:80px;
} }
fieldset>form.option>div.item textarea.args { fieldset>form.option>div.item textarea.args {
width:500px; height:50px;
background-color:cyan; background-color:cyan;
width:500px;
height:50px;
} }
fieldset>form.option>div.item.textarea { fieldset>form.option>div.item.textarea {
margin-top:4px; margin-top:4px;
@ -185,76 +142,51 @@ fieldset>form.option>div.item.textarea {
} }
fieldset>div.action>div.item { fieldset>div.action>div.item {
float:left; float:left; margin:2px 0;
margin:2px 0;
} }
fieldset>div.action>div.item.space { fieldset>div.action>div.item.space {
width:10px; width:10px;
} }
fieldset>div.status>div.item { fieldset>div.status>div.item {
float:left; float:left; padding:4px;
padding:4px;
} }
fieldset>div.status>div.item>label { fieldset>div.status>div.item>label {
font-size:10px; font-size:10px; color:gray;
color:gray;
} }
fieldset>div.output { fieldset>div.output {
margin-top:4px; clear:both; overflow:auto;
clear:both;
overflow:auto;
position:relative; position:relative;
} }
fieldset>div.output div.code a { fieldset>div.output div.code a {
color:yellow; color:yellow;
} }
fieldset>div.output>div.project { fieldset>div.output div.project {
float:left; float:left;
/* position:fixed; */
} }
fieldset>div.output>div.project div.item { fieldset>div.output div.project div.item {
padding:2px 10px; text-align:left;
clear:both; cursor:pointer;
}
fieldset>div.output div.project div.item:hover {
background:red;
}
fieldset>div.output div.project div.list {
margin-left:10px; margin-left:10px;
clear:both;
}
fieldset>div.output>div.project div.item:hover {
border:solid 1px red;
}
fieldset>div.output>div.project div.list {
margin-left:10px;
}
fieldset>div.output>pre.display {
position:sticky; bottom:0;
/* max-height:120px; */
max-height:400px;
clear:both;
}
fieldset>div.output>pre.display:hover {
/* max-height:640px; */
} }
fieldset.input { fieldset.input {
background-color:black; background-color:#30a7a93d;
position:fixed; position:fixed;
} z-index:9;
fieldset.input {
z-index:99;
}
fieldset.input.date {
z-index:101;
} }
fieldset.input.key { fieldset.input.key {
z-index:101; z-index:10;
}
fieldset.input.date {
z-index:11;
} }
fieldset.Header>div.output>div.menus {
margin-left:5px;
cursor:pointer;
float:left;
}
fieldset.Header>div.output>div.menus:hover {
background:gray;
}
div.menu { div.menu {
position:absolute; position:absolute;
background:#295b61; background:#295b61;
@ -268,11 +200,34 @@ div.menu div.item {
div.menu div.item:hover { div.menu div.item:hover {
background:red; background:red;
} }
div.carte {
color:cyan;
background:black;
border:solid 2px red;
position:fixed;
z-index:100;
}
div.carte div.item {
padding:0 5px;
}
div.carte div.item:hover {
background:red;
border:solid 2px yellow;
cursor:pointer;
}
div.upload {
background:black; color:yellow;
position:fixed;
padding:5px;
z-index:100;
}
div.upload div.item {
float:left;
}
div.toast { div.toast {
color:yellow; background:#0e3369b3; color:yellow;
background:#0e3369b3;
border:solid 2px #0c8e4c;
position:fixed; position:fixed;
padding:5px; padding:5px;
z-index:100; z-index:100;
@ -298,70 +253,55 @@ div.toast div.progress div.current {
height:10px; height:10px;
} }
div.carte {
color:cyan;
background:black;
border:solid 2px red;
position:fixed;
z-index:100;
}
div.carte div.item {
padding:0 5px;
}
div.carte div.item:hover {
background:red;
border:solid 2px yellow;
cursor:pointer;
}
div.upload {
color:yellow;
background:black;
border:solid 2px red;
position:fixed;
padding:5px;
z-index:100;
}
div.upload div.item {
float:left;
}
body.white { body.white {
margin:0; padding:0; background-color:#2f3638;
background-color:#0dabda; color:white;
}
body.white input[type=button] {
background-color:#FF9900; color:white;
border-radius:10px 10px 10px 10px;
border:2px solid #FF9900;
}
body.white input[type=button]:hover {
background-color:#FFCC33;
border:2px solid #FFCC33;
} }
body.white input[type=text] { body.white input[type=text] {
border:2px solid #14a58e; background-color:white; color:black;
border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
color:black; background-color:white; border:2px solid #14a58e;
box-shadow: 4px 4px 10px 1px #626bd0;
padding: 0 4px;
} }
body.white input[type=text]:hover { body.white input[type=text]:hover {
background-color:cyan; background-color:cyan;
} }
body.white input[type=button] {
padding:0 20px;
border-radius:10px 10px 10px 10px;
border:2px solid #FF9900;
background-color:#FF9900;
color:white;
}
body.white input[type=button]:hover {
border-radius:10px 10px 10px 10px;
border:2px solid #FFCC33;
background-color:#FFCC33;
}
body.white select { body.white select {
padding:0 10px; background-color:#99CC66; color:white;
margin-top:2px;
border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px;
border:2px solid #99CC66; border:2px solid #99CC66;
background-color:#99CC66;
color:white;
} }
body.white select:hover {
body.white fieldset.plugin table {
background-color:white; color:black;
} }
body.white fieldset.plugin table tr {
background-color:#e1f1ff;
}
body.white fieldset.plugin table tr:hover {
background-color:#99CCFF;
}
body.white fieldset.plugin table th {
background-color:#99CCFF;
}
body.white fieldset.plugin table th:hover {
background-color:#98ecd4;
}
body.white fieldset.plugin table td {
}
body.white fieldset.plugin table td:hover {
background-color:#98ecd4;
}
body.white table input[type=button][value=结束] { body.white table input[type=button][value=结束] {
background:red; background:red;
} }
@ -372,54 +312,3 @@ body.white table input[type=button][value=启动] {
background:#52ce78; background:#52ce78;
} }
body.white fieldset {
/* color:black; */
}
body.white fieldset.pane {
margin:0; border:0;
}
body.white fieldset.plugin {
margin:0; border:0;
border-top:solid 2px #CCCCFF;
background-color:white;
color:black;
}
body.white fieldset.plugin table {
color:black; background-color:white;
}
body.white fieldset.plugin table tr {
background-color:#e1f1ff;
}
body.white fieldset.plugin table tr:hover {
background-color:#99CCFF;
}
body.white fieldset.plugin table tr.select {
background-color:#0fbd45;
}
body.white fieldset.plugin table th {
padding:4px;
background-color:#99CCFF;
}
body.white fieldset.plugin table td {
padding:4px;
}
body.white fieldset.plugin table td:hover {
background-color:#98ecd4;
}
body.white fieldset.editor {
background:#0b2c54ab;
color:white;
}
fieldset.command>form.option>div.item input.args {
width:300px;
}
fieldset.command>form.option>div.item textarea {
height:160px;
}
fieldset.max>form.option>div.item textarea.args {
background-color:cyan;
width:500px;
height:120px;
}

57
pane/Action.css
View File

@ -1,69 +1,36 @@
fieldset.Action { fieldset.Action {
min-width:160px; min-width:160px;
min-height:160px; background-color:#051625;
background:#051625; color:white;
} }
fieldset.Action>div.output {
overflow:auto;
}
fieldset.Action fieldset.plugin { fieldset.Action fieldset.plugin {
margin:5px; box-shadow:2px 2px 10px 4px #626bd0;
background-color:#113c4a; background-color:#113c4a;
box-shadow: 4px 4px 10px 4px #626bd0; margin:8px; padding:4px;
} }
fieldset.Action fieldset.plugin:hover { fieldset.Action fieldset.plugin:hover {
border-color:red; box-shadow:4px 4px 12px 6px #626bd0;
} }
fieldset.Action fieldset.plugin legend { fieldset.Action fieldset.plugin legend {
border:ridge 2px cyan; background-color:#477182; color:white;
margin-top:5px; font-size:16px; font-family:monospace;
margin-top:4px 5px; padding:2px 20px;
} }
fieldset.Action fieldset.plugin form.option div.item { fieldset.Action fieldset.plugin legend:hover {
margin:2px; background:red;
}
fieldset.Action fieldset.plugin div.output {
margin:5px;
color:white;
} }
body.white fieldset.Action { body.white fieldset.Action {
background-color:#0dabda; background-color:#0dabda;
border-top:0;
} }
body.white fieldset.Action fieldset.plugin { body.white fieldset.Action fieldset.plugin {
color:black; background-color:white; background-color:white; color:black;
border:0; border-top:solid 2px #CCCCFF;
box-shadow: 4px 4px 10px 4px #626bd0;
margin:8px 8px;
}
body.white fieldset.Action fieldset.plugin:hover {
border-top:solid 2px #6666FF;
} }
body.white fieldset.Action fieldset.plugin legend { body.white fieldset.Action fieldset.plugin legend {
font-size:16px; font-family:monospace; background-color:#339999; color:white;
color:white; background-color:#339999;
padding:2px 20px; border:2px solid #99CCFF;
border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px;
} }
body.white fieldset.Action fieldset.plugin legend:hover { body.white fieldset.Action fieldset.plugin legend:hover {
background-color:#6ee4e4; background-color:#6ee4e4;
} }
body.white fieldset.Action fieldset.plugin div.output{
color:black;
padding:10px;
}
body.white fieldset.Action fieldset.plugin div.item input[type=button] {
letter-spacing:4px;
}
body.white fieldset.Action fieldset.plugin div.item input {
box-shadow: 4px 4px 10px 1px #626bd0;
}
body.white fieldset.Action fieldset.plugin div.item input[name=cmd] {
width:160px;
}
body.white fieldset.Action fieldset.plugin div.item select {
box-shadow: 4px 4px 10px 1px #626bd0;
margin-top:-2px;
}

19
pane/Footer.css
View File

@ -1,21 +1,20 @@
fieldset.Footer { fieldset.Footer {
height:32px; height:32px; padding:0 5px;
clear:both; clear:both;
} }
fieldset.Footer>div { fieldset.Footer>div.output>div {
margin:7px 0; height:22px; padding:5px;
cursor:pointer;
} }
fieldset.Footer>div.output>div:hover {
border-bottom:solid 2px red;
background-color:#2e515f;
}
fieldset.Footer>div.output div.title { fieldset.Footer>div.output div.title {
margin-left:5px;
float:left; float:left;
} }
fieldset.Footer>div.output div.state { fieldset.Footer>div.output div.state {
margin-right:5px;
float:right; float:right;
} }
body.white fieldset.Footer {
border:solid 2px #1f2224;
background-color:#1f2224;
color:white;
}

43
pane/Header.css
View File

@ -1,50 +1,31 @@
fieldset.Header { fieldset.Header {
height:32px; height:32px; padding:0 5px;
clear:both;
} }
fieldset.Header>div { fieldset.Header>div.output>div {
margin:7px 0; height:22px; padding:5px;
}
fieldset.Header>div.output>div.title {
margin-left:5px;
cursor:pointer; cursor:pointer;
float:left;
} }
fieldset.Header>div.output>div.title:hover { fieldset.Header>div.output>div:hover {
border-bottom:solid 2px red;
background-color:#2e515f; background-color:#2e515f;
} }
fieldset.Header>div.output>div.search {
margin-left:20px; fieldset.Header>div.output>div.title {
float:left; float:left;
} }
fieldset.Header>div.output>div.search {
float:left; margin-left:20px;
}
fieldset.Header>div.output>div.search>input { fieldset.Header>div.output>div.search>input {
width:120px; width:120px;
} }
fieldset.Header>div.output>div.search>input:focus { fieldset.Header>div.output>div.search>input:focus {
width:240px; width:240px;
} }
fieldset.Header>div.output>div.item { fieldset.Header>div.output>div.menus {
margin-left:5px; float:left; margin-left:5px;
cursor:pointer;
float:left;
} }
fieldset.Header>div.output>div.state { fieldset.Header>div.output>div.state {
cursor:pointer;
margin-right:5px;
float:right; float:right;
} }
fieldset.Header>div.output>div.state:hover {
background-color:#2e515f;
}
body.white fieldset.Header {
border:solid 2px #1f2224;
background-color:#2f3638;
color:white;
}
body.white fieldset.Header input[type=text] {
border:2px solid #c4c7ce;
border-radius:10px 10px 10px 10px;
background-color:white;
color:white;
}

28
pane/River.css
View File

@ -1,26 +1,28 @@
fieldset.River { fieldset.River {
min-width:80px; float:left; overflow:auto;
max-width:160px;
min-height:160px;
overflow:auto;
float:left;
}
fieldset.River>div.output {
padding:0;
} }
fieldset.River>div.output div.item { fieldset.River>div.output div.item {
border-left:solid 3px #00ffae;
padding:3px 16px; padding:3px 16px;
cursor:pointer;
} }
fieldset.River>div.output div.item:hover { fieldset.River>div.output div.item:hover {
cursor:pointer;
background-color:#2e515f; background-color:#2e515f;
} }
fieldset.River>div.output div.item.select { fieldset.River>div.output div.item.select {
background-color:#2e515f; background-color:#2e515f;
} }
body.white fieldset.River { fieldset.River>div.output div.list {
border:solid 2px #1f2224; margin-left:8px; padding-left:5px;
background-color:#1f2224; }
color:white; fieldset.River>div.output div.list div.item {
border-left:solid 3px #ccdc4c;
background-color:#073540;
}
fieldset.River>div.output div.list div.item:hover {
background-color:#2e515f;
}
fieldset.River>div.output div.list div.item.select {
background-color:#2e515f;
} }

10
plugin/local/code/inner.css
View File

@ -32,19 +32,9 @@ fieldset.editor>div.output>table>tr>td:hover {
fieldset.editor>div.output div.project { fieldset.editor>div.output div.project {
max-width:180px; overflow:auto; max-width:180px; overflow:auto;
text-align:left; padding:0 10px;
font-size:14px; font-family:monospace; font-size:14px; font-family:monospace;
color:white; color:white;
} }
fieldset.editor>div.output div.project div.item {
cursor:pointer;
}
fieldset.editor>div.output div.project div.item:hover {
border:solid 2px red;
}
fieldset.editor>div.output div.project div.list {
padding-left:10px;
}
fieldset.editor>div.output div.profile { fieldset.editor>div.output div.profile {
padding:0; margin:0; padding:0; margin:0;
position:relative; position:relative;