1
0
mirror of https://shylinux.com/x/volcanos synced 2025-04-25 16:58:06 +08:00
This commit is contained in:
harveyshao 2022-11-11 17:41:13 +08:00
parent 7e658a4206
commit 6d8459e767
7 changed files with 72 additions and 87 deletions

View File

@ -36,66 +36,52 @@ table.content th { background-color:steelblue; padding:2px 6px; }
table.content td { padding:2px 6px; }
table.content.action th:last-child { position:sticky; right:0; }
table.content.action td:last-child { background-color:steelblue; position:sticky; right:0; }
div.code { background-color:#343a3445; color:white; padding:10px; border:solid 2px green; }
div.story[data-type=spark] { background-color:#2169a9a6; color:white; padding:5px 10px; border-left:solid 5px blue; margin:10px; }
div.code { background-color:#343a3445; color:white; padding:10px; border:solid 2px green; }
form.option>div.item.textarea { height:unset; }
// form.option>div.item { height:31px; }
// div.action>div.item { height:31px; }
div.output { position:relative; }
div.output div.project div.item { padding:2px 10px; }
div.output div.project div.list { margin-left:10px; }
div.output div.project div.switch { width:12px; float:left; transform: rotate(90deg) translate(1px, 0px); }
div.output div.project div.switch { transform: rotate(90deg) translate(1px, 0px); width:12px; float:left; }
div.output div.project div.switch.open { transform: rotate(180deg) translate(-4px, 4px); }
div.output div.project div.zone>div.name { background-color:steelblue; color:white; text-align:center; padding:3px; clear:both; }
div.output div.project div.item>div.name { padding-left:20px; }
div.output div.project div.zone>div.action>div.item { float:right; clear:none; padding:0; margin:0; }
div.output div.project div.zone>div.action>div.item { padding:0; margin:0; float:right; clear:none; }
div.output div.project div.zone>div.action>div.item input[type=text] { background-color:#ff000000; padding-left:10px; color:white; }
fieldset.plugin { background-color:#061c3c9e; padding:10px; margin:10px; }
fieldset.float { background-color:#0e3369; color:white; padding:0; margin:0; }
fieldset.full { background-color:#0e3369; color:white; padding:0; margin:0; left:0; top:0; overflow:auto; }
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; }
fieldset.plugin>form.option input[type=button][name=close]{ display:none; }
// fieldset.plugin.word fieldset.story>form.option input[type=button][name=close]{ display:none; }
fieldset.float>form.option input[type=button][name=close]{ display:block; }
fieldset.full>form.option input[type=button][name=close]{ display:block; }
fieldset.plug>form.option input[type=button][name=close]{ display:block; }
// fieldset.plugin>div.status { border-top:1px solid darkcyan; height:30px; }
fieldset.plugin>div.status { border-top:1px solid darkcyan; }
fieldset.story>div.status { border-top:1px solid darkcyan; }
fieldset.output { padding:0; margin:0; }
fieldset.output>form.option { display:none; }
fieldset.output>div.action { display:none; }
fieldset.output>div.status { display:none; }
fieldset.output div.toggle { display:none; }
fieldset.story.full { margin-top:0px; }
fieldset.input.key { overflow:auto; }
fieldset.input.key div.action { display:none; }
fieldset.input.key.simple div.status { display:none; }
fieldset.input.key.simple th { display:none; }
fieldset.input.key.simple td { min-width:40px; }
fieldset.input.date select { width:63px; }
fieldset.input.date select[name=year] { width:88px; }
fieldset.input.date select[name=month] { width:70px; }
fieldset.input.date table { text-align:center; width:280px; }
fieldset.input.date div.action div.space { width:0; clear:both; }
fieldset.input.date div.output td { padding:2px 10px; }
fieldset.input.date div.output td.prev { color:gray; }
fieldset.input.date div.output td.next { color:gray; }
fieldset.input.date div.output td { padding:2px 10px; }
fieldset.input.date div.output td span.lunar { font-size:8px; display:block; clear:both; }
fieldset.input.date div.output td span.lunar.fest { color:red; }
fieldset.input.date div.output td span.lunar.term { color:green; }
fieldset.input.date div.status { text-align:center; }
fieldset.input.date table { text-align:center; width:280px; }
fieldset.input.date select { width:63px; }
fieldset.input.date select[name=month] { width:70px; }
fieldset.input.date select[name=year] { width:88px; }
body>div.toast div.action>div.item.space { height:unset; }
body>div.float { background-color:#0e3369b3; color:white; padding:5px; }
body>div.toast div.title { color:yellow; float:left; }
body>div.toast div.duration { color:gray; float:right; }
@ -103,6 +89,7 @@ body>div.toast div.content { text-align:center; color:yellow; }
body>div.toast div.progress { border:solid 2px green; margin-left:-2px; height:10px; clear:both; }
body>div.toast div.progress div.current { background-color:red; height:10px; }
body>div.toast div.action { display:block; }
body>div.toast div.action>div.item.space { height:unset; }
body>div.carte { padding:0; }
body>div.carte div.item { background-color:#0e3369b3; padding:3px 12px; }
body>div.carte div.space { border-bottom:solid 1px gray; }
@ -110,10 +97,10 @@ body>div.input div.content { overflow:auto; }
body>div.input td { padding:5px; }
body>div.input select { width:181px; }
body>div.input input[type=text] { width:171px; }
body>div.input input[name=password] { padding:5px; border:0; width:171px; background:white; }
body>div.input input[name=password] { padding:5px; border:0; width:171px; background-color:white; }
body>div.input input[name=username] { padding:5px; border:0; width:171px; }
body>div.input textarea { height:120px; width:171px; }
body>div.input.login { padding:10px; background:steelblue; }
body>div.input.login { padding:10px; background-color:steelblue; }
body>div.upload div.item { float:left; }
body>div.upload div.output { border:solid 1px red; }
body>div.upload div.progress { background-color:red; height:10px; width:0; }
@ -126,14 +113,11 @@ body>div.upload input[type=file] { width:320px; }
* { tab-size:4; }
textarea { tab-size:2; height:60px; }
legend { font-size:1.2rem; height:31px; }
select { font-size:1.1rem; height:31px; }
input { font-size:1.1rem; height:31px; }
select, input { font-size:1.1rem; height:31px; }
table.content th, table.content td, div.zone>div.name, div.item, div.code, code.story, div.story[data-type=spark] { font-size:1.1rem; font-family:monospace; }
div.status>div.item>label { font-size:0.6rem; font-family:monospace; }
fieldset.plugin>form.option>div.item:not(.textarea) { height:31px; }
fieldset.plugin>div.action>div.item:not(.textarea) { height:31px; }
div.status>div.item { padding:4px; height:22px; }
div.action>div.tabs { padding:5px 10px; height:21px; }
div.status>div.item { padding:4px; height:22px; }
div.status>div.item>label { font-size:0.6rem; font-family:monospace; }
svg { font-family:monospace; }
/* display */
@ -147,28 +131,20 @@ div.code, div.story, div.item { text-align:left; }
/* position cursor */
fieldset.auto, fieldset.full, fieldset.float, fieldset.input, body>div.toast, body>div.carte, body>div.input, body>div.upload { position:fixed; z-index:10; }
legend, select, input[type=button], div.item, div.tabs, th, td, h1, h2, h3 { cursor:pointer; }
legend, select, input[type=button], div.tabs, div.item, th, td, h1, h2, h3 { cursor:pointer; }
div.title, div.story[data-type=spark] { cursor:copy; }
/* box-shadow */
// fieldset.plugin { box-shadow:2px 2px 10px 4px #626bd0; }
// fieldset.plugin:hover { box-shadow:4px 4px 12px 6px #626bd0; }
// fieldset.story { box-shadow:4px 4px 10px 1px #626bd0; }
// fieldset.story:hover { box-shadow:12px 12px 12px 6px #5764efd1; }
// select, textarea, input[type=text], div.code, div.story[data-type=spark] { box-shadow:4px 4px 20px 4px #626bd0; }
select, textarea, input[type=text] { box-shadow:4px 4px 20px 4px #626bd0; }
/* hover */
legend:hover { background-color:skyblue; }
select:hover { background-color:gray; color:cyan; }
input[type=text]:hover { background-color:white; }
input[name=cmd]:hover { background-color:cyan; color:black; }
input[type=button]:hover { background-color:gray; }
div.story[data-type=spark] span:hover { background-color:deepskyblue; box-shadow:4px 4px 20px 4px #29318e; }
select, textarea, input[type=text] { box-shadow:4px 4px 20px 4px #626bd0; }
table.content tr.select, table.content tr:hover, h1:hover, h2:hover, h3:hover, div.item.select, div.item:hover, div.tabs.select, div.tabs:hover, .select { background-color:steelblue; }
table.content th:hover, table.content td.select, table.content td:hover { background-color:cornflowerblue; }
div.story[data-type=spark] span:hover { background-color:deepskyblue; box-shadow:4px 4px 20px 4px #29318e; }
body>div.carte div.item:hover { background-color:cornflowerblue; }
div.action>div.tabs:hover { background-color:steelblue; }
/* scrollbar */
body { overflow:-moz-scrollbars-none; -ms-overflow-style:none; }
@ -179,11 +155,11 @@ div.project::-webkit-scrollbar { width:0 !important; height:0 !important; }
div.content::-webkit-scrollbar { width:0 !important; height:0 !important; }
/* table card */
div.output.card div.item.stop { color:gray; }
div.output.card div.item { padding:10px; border:solid 1px #e7e7e7; margin:10px; width:240px; float:left; }
div.output.card div.item>div.title { font-size:1.2rem; font-weight:bold; padding:10px; border-bottom:solid 1px #e7e7e7; }
div.output.card div.item>div.content { padding:10px; height:45px; }
body.white div.output.card div.item input[type=button] { background-color:#ff000000; }
div.output.card div.item.stop { color:gray; }
/* white */
body.white { background-color:rgba(5,34,56,0.75); color:white; }
@ -213,15 +189,15 @@ body.white input[type=text]:hover { background-color:cyan; }
body.white input[name=cmd]:hover { background-color:white; color:black; }
body.white input[type=button]:hover { background-color:#1b7acc8c; }
body.white table.content tr:hover { background-color:#4682b46b; }
body.white table.content.action td:last-child { background-color:skyblue; }
body.white h1:hover { background-color:#4682b46b; }
body.white h2:hover { background-color:#4682b46b; }
body.white h3:hover { background-color:#4682b46b; }
body.white table.content th:hover { background-color:#6495ed63; }
body.white table.content td:hover { background-color:#6495ed63; }
body.white table.content td.select { background-color:#6495ed63; }
body.white table.content.action td:last-child { background-color:skyblue; }
body.white div.item:hover { background-color:#4682b46b; }
body.white div.item.select { background-color:#4682b46b; }
body.white h1:hover { background-color:#4682b46b; }
body.white h2:hover { background-color:#4682b46b; }
body.white h3:hover { background-color:#4682b46b; }
/* print */
body.print { background-color:white; color:black; }
@ -234,13 +210,12 @@ body.print div.list div.item { background-color:white; }
body.print div.list div.item.select { background-color:lightgray; }
body.print div.item.select { background-color:lightgray; }
body.print div.story[data-type=spark] { background-color:lightgray; }
body.print fieldset.plugin { background:white; color:black; }
body.print fieldset.panel { background:white; color:black; }
body.print fieldset.plugin { background-color:white; color:black; }
body.print fieldset.panel { background-color:white; color:black; }
body.print fieldset.draw div.output div.content svg { background-color:lightgray; }
body.print fieldset.draw div.output { background-color:lightgray; }
body.mobile { overflow:auto; }
// body.mobile.black { background-color:black; }
body.mobile.simple { overflow:hidden; }
body.mobile legend { font-size:1.6rem; height:38px; }
body.mobile select { font-size:1.4rem; height:38px; border-radius:0; margin-right:10; }
@ -299,18 +274,6 @@ body.mobile div.output.card div.item { height:160px; float:none; }
body.mobile.landscape div.output.card div.item { width:auto; float:left; }
body.mobile.landscape.simple div.output.card div.item { width:auto; float:left; }
/* misc */
body.mobile.simple div.output.card div.item { width:-webkit-fill-available; }
fieldset.panel.Search div.story[data-type=spark] { padding:0px; margin:0px; }
fieldset.panel.Action.cmd>div.toggle.project { display:none; }
fieldset.plugin.config form.option input[name=key] { width:240px; }
fieldset.plugin.parse.cmd>legend { display:none; }
fieldset.plugin.parse.cmd>form.option { display:none; }
fieldset.plugin.parse.cmd>div.action { display:none; }
fieldset.plugin.parse.cmd>div.status { display:none; }
body.mobile fieldset.plan>div.action { display:none; }
body.white fieldset.panel.Search a { color:yellow; }
body.black a { color:yellow; }
body.simple fieldset.Header { border-bottom:solid 1px #e7e7e7; height:60px; display:block; }
body.simple fieldset.River { border-right:solid 1px #e7e7e7; }
@ -334,8 +297,6 @@ body.simple div.output.card div.item { border-radius:5px; box-shadow:2px 2px 6px
body.simple div.output.card div.item>div.title { border-bottom:solid 1px #e7e7e7; }
body.simple fieldset.feel.float { top:0; }
div.output div.row div.col { float:left; border:solid 1px green; }
body.white.simple div.profile { background-color:whitesmoke; }
body.white.simple div.profile { color:black; }
body.white.simple div.display { background-color:whitesmoke; }
@ -356,8 +317,20 @@ body.white div.project.auto { background-color:whitesmoke; }
body.white div.profile.auto { background-color:whitesmoke; }
body.black div.project.auto { background-color:#1d3349; }
body.black div.profile.auto { background-color:#1d3349; }
/* div.project.auto { position:absolute; left:0; z-index:10; } */
/* div.profile.auto { position:absolute; right:0; z-index:10; } */
fieldset.plugin.location>div.action input[type=text] { width:40px; }
/* misc */
div.output div.row div.col { float:left; border:solid 1px green; }
fieldset.panel.Action.cmd>div.toggle.project { display:none; }
fieldset.panel.Search div.story[data-type=spark] { padding:0px; margin:0px; }
fieldset.plugin.location>div.action input[type=text] { width:40px; }
fieldset.plugin.config form.option input[name=key] { width:240px; }
fieldset.plugin.parse.cmd>legend { display:none; }
fieldset.plugin.parse.cmd>form.option { display:none; }
fieldset.plugin.parse.cmd>div.action { display:none; }
fieldset.plugin.parse.cmd>div.status { display:none; }
fieldset.xterm div.toggle { display:none; }
body.black a { color:yellow; }
body.white fieldset.panel.Search a { color:yellow; }
body.mobile fieldset.plan>div.action { display:none; }
body.mobile.simple div.output.card div.item { width:-webkit-fill-available; }

View File

@ -1,8 +1,8 @@
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>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; }
@ -40,21 +40,23 @@ 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; float:left; }
fieldset.Header action>div.tabs { padding:0; margin-left:20px; display:contents; }
fieldset.Header action>div.tabs:hover { background:none; }
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:#6495ed63; }
/* fieldset.iframe>div.output { overflow:hidden; } */
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: 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 { 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; }

View File

@ -1,4 +1,4 @@
fieldset.Search { background:#041a25bd; padding:10px; position:fixed; left:0px; top:31px; display:none; }
fieldset.Search { background-color:#041a25bd; padding:10px; position:fixed; left:0px; top:31px; display:none; }
fieldset.Search input.word { width:-webkit-fill-available; }
fieldset.panel.Search>div.status { border-top:1px solid darkcyan; }
fieldset.panel.Search>div.output table { width:-webkit-fill-available; }

View File

@ -355,9 +355,15 @@ Volcanos(chat.ONSYNTAX, {help: "语法高亮",
"textarea": code.KEYWORD,
"input": code.KEYWORD,
"table": code.KEYWORD,
"thead": code.KEYWORD,
"tbody": code.KEYWORD,
"tr": code.KEYWORD,
"th": code.KEYWORD,
"td": code.KEYWORD,
"svg": code.KEYWORD,
"h1": code.KEYWORD,
"h2": code.KEYWORD,
"h3": code.KEYWORD,
"background-color": code.FUNCTION,
"font-family": code.FUNCTION,
@ -413,6 +419,10 @@ Volcanos(chat.ONSYNTAX, {help: "语法高亮",
"red": code.CONSTANT,
"green": code.CONSTANT,
"magenta": code.CONSTANT,
"steelblue": code.CONSTANT,
"cadetblue": code.CONSTANT,
"darkcyan": code.CONSTANT,
"skyblue": code.CONSTANT,
"monospace": code.CONSTANT,
"hidden": code.CONSTANT,

View File

@ -17,10 +17,10 @@ fieldset.vimer>div.output div.complete div.pre {
font-size:1.1rem; color:#f0f8ff00; margin-left:5px; float:left;
}
fieldset.vimer>div.output div.complete table {
background:darkblue; max-height:400px; max-width:800px; overflow:auto; display:block; float:left;
background-color:darkblue; max-height:400px; max-width:800px; overflow:auto; display:block; float:left;
}
body.white fieldset.vimer>div.output div.complete table {
background:aliceblue; max-height:400px; max-width:800px; overflow:auto; display:block; float:left;
background-color:aliceblue; max-height:400px; max-width:800px; overflow:auto; display:block; float:left;
}
fieldset.vimer>div.output div.complete table.content th {
display:none;

View File

@ -14,7 +14,7 @@ fieldset.word ul.story { font-family:monospace; text-align:left; }
fieldset.word ul.story li.H2 { font-size:1.4em; font-weight:bold; }
fieldset.word ul.story li.H3 { font-size:1.2em; }
fieldset.word ul.story[data-type=premenu] { cursor:pointer; }
fieldset.word ul.story[data-type=premenu] li:hover { background:cyan; color:blue; }
fieldset.word ul.story[data-type=premenu] li:hover { background-color:cyan; color:blue; }
fieldset.word ul.story[data-type=endmenu] { clear:both; }
fieldset.word p.story[data-name=inner] { background-color:#4b6c8a7a; padding:4px 10px; border-left:solid 4px blue; margin:10px 0px; }
fieldset.word p.story[data-name=inner]:hover { background-color:#c10c8a; cursor:copy; }
@ -39,7 +39,7 @@ fieldset.word.float { padding:0; margin:0; position:fixed; left:0; top:0; z-inde
fieldset.word.float>div.action { display:contents; }
fieldset.word.float>div.status { clear:none; display:block; }
fieldset.word.float>div.output { background-color:#f0f8ff80; text-align:center; overflow:auto; }
fieldset.word.float>div.output>div.project { background:#4682b46b; padding:10px; position:fixed; right:0; top:31px; z-index:10; }
fieldset.word.float>div.output>div.project { background-color:#4682b46b; padding:10px; position:fixed; right:0; top:31px; z-index:10; }
fieldset.word.float div.content div.page { text-align:center; margin-top:31px; display:none; }
fieldset.word.float div.content div.page.show { display:block; }
fieldset.word.float div.content.grid div.page { background-color:#a4cbecb5; margin:10px; height:200px; width:200px; overflow:auto; display:block; float:left; }

View File

@ -141,7 +141,7 @@ var chat = {
HEADER: "Header", ACTION: "Action",
libs: ["/lib/base.js", "/lib/core.js", "/lib/misc.js", "/lib/page.js", "/lib/user.js"],
panel_list: [
{name: "Header", pos: "head", state: ["time", "usernick", "avatar"]},
{name: "Header", pos: "head", state: ["avatar", "usernick", "time"]},
{name: "River", pos: "left"}, {name: "Action", pos: "main"}, {name: "Search", pos: "auto"},
{name: "Footer", pos: "foot", state: ["ncmd", "ntip"]},
],