mirror of
https://shylinux.com/x/ContextOS
synced 2025-04-25 16:58:06 +08:00
opt code
This commit is contained in:
parent
439bd78535
commit
07bfa7a98d
@ -5,5 +5,5 @@
|
||||
</head>
|
||||
<body>
|
||||
<script src="/publish/can.js"></script>
|
||||
<script>Volcanos([{"index":"web.code.h2.h2","display":"src/h2/h2.js"}])</script>
|
||||
<script>Volcanos([{"index":"web.code.h2.h2"}])</script>
|
||||
</body>
|
||||
|
||||
68
src/template/web.chat.header/dark.css
Normal file
68
src/template/web.chat.header/dark.css
Normal file
@ -0,0 +1,68 @@
|
||||
body.dark { color:silver }
|
||||
body.dark legend { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none;background-color:#212121 }
|
||||
body.dark legend:hover { color:white }
|
||||
body.dark select { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none }
|
||||
body.dark select:hover { color:white }
|
||||
body.dark input { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none }
|
||||
body.dark input:hover { color:white }
|
||||
body.dark input:not([type=button]) { border-radius:0 }
|
||||
body.dark input:not([type=button]):hover { border:blue solid 1px }
|
||||
body.dark input:not([type=button]):focus { border:blue solid 1px }
|
||||
body.dark input.select:focus { border:blue solid 1px }
|
||||
body.dark input.select:hover { border:blue solid 1px }
|
||||
body.dark textarea:focus { border:blue solid 1px }
|
||||
body.dark textarea:hover { border:blue solid 1px }
|
||||
body.dark textarea { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none }
|
||||
body.dark textarea { border-radius:0 }
|
||||
body.dark form.option div.item.select { background-color:transparent }
|
||||
body.dark form.option div.item:hover { background-color:transparent }
|
||||
body.dark div.output { background-color:#0d1117 }
|
||||
body.dark div.status { background-color:black;color:silver }
|
||||
body.dark div.item.select { background-color:#212121;color:white }
|
||||
body.dark div.item:hover { background-color:#212121;color:white }
|
||||
body.dark span.item.select { background-color:#212121;color:white }
|
||||
body.dark span.item:hover { background-color:#212121;color:white }
|
||||
body.dark div.tabs div { background-color:black }
|
||||
body.dark div.tabs div:hover { background-color:#0d1117 }
|
||||
body.dark div.tabs div:hover { color:white }
|
||||
body.dark div.tabs div.select { background-color:#0d1117 }
|
||||
body.dark div.path { background-color:#0d1117 }
|
||||
body.dark div.path span:hover { background-color:#212121;color:white }
|
||||
body.dark div.plug legend { background-color:#0d1117 }
|
||||
body.dark div.plug legend.select { background-color:black;border-radius:10px }
|
||||
body.dark div.zone>div.item { background-color:black;color:silver }
|
||||
body.dark div.zone>div.item:hover { background-color:black;color:white }
|
||||
body.dark div.zone>div.list>div.zone>div.item { background-color:black;color:silver }
|
||||
body.dark div.zone>div.list>div.zone>div.item:hover { background-color:black;color:white }
|
||||
body.dark div.zone div.item>div.name:hover { color:white }
|
||||
body.dark tr.line.select { background-color:#212121;color:white }
|
||||
body.dark tr.line:hover { background-color:#212121;color:white }
|
||||
body.dark tr.line>td.line { background-color:#0d1117 }
|
||||
body.dark tr.line.select>td.line { background-color:#212121;color:white }
|
||||
body.dark div.complete>table { background-color:black;color:silver }
|
||||
body.dark table.content tr:hover { color:white;background-color:black }
|
||||
body.dark table.content th { background-color:black;color:silver }
|
||||
body.dark table.content.action td:last-child { background-color:black;color:silver }
|
||||
body.dark table.content td.select { background-color:#0d1117 }
|
||||
body.dark table.content td:hover { background-color:#0d1117 }
|
||||
body.dark h1:hover { background-color:#212121;color:white }
|
||||
body.dark h2:hover { background-color:#212121;color:white }
|
||||
body.dark h3:hover { background-color:#212121;color:white }
|
||||
body.dark a { color:blue }
|
||||
body.dark label { color:silver }
|
||||
body.dark fieldset.panel { background-color:black;color:silver }
|
||||
body.dark fieldset.panel>div.output { background-color:black;color:silver }
|
||||
body.dark fieldset.panel.Action div.output { background-color:#0d1117 }
|
||||
body.dark fieldset.plugin { background-color:black;border-radius:10px }
|
||||
body.dark fieldset.plugin >div.status { border-top:gray solid 1px }
|
||||
body.dark fieldset.story { background-color:black;border-radius:10px }
|
||||
body.dark fieldset.story >div.status { border-top:gray solid 1px }
|
||||
body.dark fieldset.input { background-color:black;border-radius:10px }body.dark fieldset.input div.output { background-color:black;border-radius:10px }
|
||||
body.dark fieldset.input { border-radius:0 }
|
||||
body.dark fieldset.input td.select { background-color:#0d1117 }
|
||||
body.dark fieldset.input td:hover { background-color:#212121 }
|
||||
body.dark fieldset.input tr:hover { background-color:#0d1117 }
|
||||
body.dark fieldset.float { background-color:black;border-radius:10px }
|
||||
body.dark div.float { background-color:black;border-radius:10px }
|
||||
body.dark div.carte div.item { background-color:black;color:silver; }
|
||||
body.dark div.carte div.item:hover { background-color:#212121;color:white }
|
||||
68
src/template/web.chat.header/light.css
Normal file
68
src/template/web.chat.header/light.css
Normal file
@ -0,0 +1,68 @@
|
||||
body.light { color:black }
|
||||
body.light legend { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none;background-color:lightsteelblue }
|
||||
body.light legend:hover { color:black }
|
||||
body.light select { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none }
|
||||
body.light select:hover { color:black }
|
||||
body.light input { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none }
|
||||
body.light input:hover { color:black }
|
||||
body.light input:not([type=button]) { border-radius:0 }
|
||||
body.light input:not([type=button]):hover { border:blue solid 1px }
|
||||
body.light input:not([type=button]):focus { border:blue solid 1px }
|
||||
body.light input.select:focus { border:blue solid 1px }
|
||||
body.light input.select:hover { border:blue solid 1px }
|
||||
body.light textarea:focus { border:blue solid 1px }
|
||||
body.light textarea:hover { border:blue solid 1px }
|
||||
body.light textarea { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none }
|
||||
body.light textarea { border-radius:0 }
|
||||
body.light form.option div.item.select { background-color:transparent }
|
||||
body.light form.option div.item:hover { background-color:transparent }
|
||||
body.light div.output { background-color:white }
|
||||
body.light div.status { background-color:aliceblue;color:black }
|
||||
body.light div.item.select { background-color:aliceblue;color:black }
|
||||
body.light div.item:hover { background-color:aliceblue;color:black }
|
||||
body.light span.item.select { background-color:aliceblue;color:black }
|
||||
body.light span.item:hover { background-color:aliceblue;color:black }
|
||||
body.light div.tabs div { background-color:aliceblue }
|
||||
body.light div.tabs div:hover { background-color:white }
|
||||
body.light div.tabs div:hover { color:black }
|
||||
body.light div.tabs div.select { background-color:white }
|
||||
body.light div.path { background-color:white }
|
||||
body.light div.path span:hover { background-color:aliceblue;color:black }
|
||||
body.light div.plug legend { background-color:white }
|
||||
body.light div.plug legend.select { background-color:aliceblue;border-radius:10px }
|
||||
body.light div.zone>div.item { background-color:aliceblue;color:black }
|
||||
body.light div.zone>div.item:hover { background-color:aliceblue;color:black }
|
||||
body.light div.zone>div.list>div.zone>div.item { background-color:aliceblue;color:black }
|
||||
body.light div.zone>div.list>div.zone>div.item:hover { background-color:aliceblue;color:black }
|
||||
body.light div.zone div.item>div.name:hover { color:black }
|
||||
body.light tr.line.select { background-color:aliceblue;color:black }
|
||||
body.light tr.line:hover { background-color:aliceblue;color:black }
|
||||
body.light tr.line>td.line { background-color:white }
|
||||
body.light tr.line.select>td.line { background-color:aliceblue;color:black }
|
||||
body.light div.complete>table { background-color:aliceblue;color:black }
|
||||
body.light table.content tr:hover { color:black;background-color:aliceblue }
|
||||
body.light table.content th { background-color:aliceblue;color:black }
|
||||
body.light table.content.action td:last-child { background-color:aliceblue;color:black }
|
||||
body.light table.content td.select { background-color:white }
|
||||
body.light table.content td:hover { background-color:white }
|
||||
body.light h1:hover { background-color:aliceblue;color:black }
|
||||
body.light h2:hover { background-color:aliceblue;color:black }
|
||||
body.light h3:hover { background-color:aliceblue;color:black }
|
||||
body.light a { color:blue }
|
||||
body.light label { color:black }
|
||||
body.light fieldset.panel { background-color:white;color:black }
|
||||
body.light fieldset.panel>div.output { background-color:white;color:black }
|
||||
body.light fieldset.panel.Action div.output { background-color:white }
|
||||
body.light fieldset.plugin { background-color:aliceblue;border-radius:10px }
|
||||
body.light fieldset.plugin >div.status { border-top:transparent solid 1px }
|
||||
body.light fieldset.story { background-color:aliceblue;border-radius:10px }
|
||||
body.light fieldset.story >div.status { border-top:transparent solid 1px }
|
||||
body.light fieldset.input { background-color:aliceblue;border-radius:10px }body.light fieldset.input div.output { background-color:aliceblue;border-radius:10px }
|
||||
body.light fieldset.input { border-radius:0 }
|
||||
body.light fieldset.input td.select { background-color:white }
|
||||
body.light fieldset.input td:hover { background-color:aliceblue }
|
||||
body.light fieldset.input tr:hover { background-color:white }
|
||||
body.light fieldset.float { background-color:aliceblue;border-radius:10px }
|
||||
body.light div.float { background-color:aliceblue;border-radius:10px }
|
||||
body.light div.carte div.item { background-color:aliceblue;color:black; }
|
||||
body.light div.carte div.item:hover { background-color:white;color:black }
|
||||
@ -1,12 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style type="text/css">%s</style>
|
||||
<meta charset="utf-8"><title>volcanos</title>
|
||||
<style type="text/css">%s</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>%s</script>
|
||||
<script>%s</script>
|
||||
<script>%s</script>
|
||||
<script>%s</script>
|
||||
</body>
|
||||
@ -10,5 +10,5 @@
|
||||
<script>_version = "{{.version}}"</script>
|
||||
<script src="/proto.js{{.version}}"></script>
|
||||
<script src="/page/cache.js{{.version}}"></script>
|
||||
<script>{{.script}}</script>
|
||||
<script src="/require/src/main.js{{.version}}"></script>
|
||||
</body>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user