forked from x/icebergs
opt theme
This commit is contained in:
parent
74d74886f1
commit
7544359c5c
@ -120,6 +120,7 @@ func init() {
|
||||
m.Option("theme.list", m.Cmd(nfs.DIR, nfs.TemplatePath(m, aaa.THEME)+nfs.PS, nfs.FILE).Appendv(nfs.FILE))
|
||||
m.Option(nfs.REPOS, m.Cmdv(web.SPIDE, nfs.REPOS, web.CLIENT_URL))
|
||||
m.Option("icon.lib", mdb.Conf(m, ICON, kit.Keym(nfs.PATH)))
|
||||
m.Option("diy", mdb.Config(m, "diy"))
|
||||
m.Option(MENUS, mdb.Config(m, MENUS))
|
||||
m.Echo(mdb.Config(m, TITLE))
|
||||
mdb.HashSelect(m, arg...).Sort(mdb.ORDER, ice.INT)
|
||||
|
||||
@ -2,7 +2,7 @@ fieldset.macos.desktop { background-size:cover; background-position:center; }
|
||||
fieldset.macos.desktop>div.output { background-color:transparent; }
|
||||
fieldset.macos.desktop>div.output>fieldset.macos { background-color:var(--plugin-bg-color); }
|
||||
fieldset.macos.desktop>div.output>fieldset.macos>div.output { background-color:transparent; }
|
||||
fieldset.macos.desktop>div.output>fieldset.macos.menu { line-height:25px; border-radius:0; height:25px; width:100%; position:absolute; top:0; overflow:hidden; }
|
||||
fieldset.macos.desktop>div.output>fieldset.macos.menu { line-height:25px; border-radius:0; height:25px; width:100%; position:sticky; top:0; overflow:hidden; }
|
||||
fieldset.macos.desktop>div.output>fieldset.macos.menu div.menu:hover { background-color:var(--hover-bg-color); }
|
||||
fieldset.macos.desktop>div.output>fieldset.macos.menu div.menu.icon { font-size:24px; line-height:20px; height:25px; padding:0 10px; }
|
||||
fieldset.macos.desktop>div.output>fieldset.macos.menu>div.output { overflow:hidden; }
|
||||
|
||||
@ -1,50 +1,47 @@
|
||||
fieldset.web.wiki.portal { --portal-max-width:1200px; --portal-header-height:64px; } fieldset.web.wiki.portal.home { --portal-max-width:1500px; }
|
||||
fieldset.web.wiki.portal { --portal-max-width:1200px; --portal-header-height:64px; --portal-main-padding:40px; --plugin-radius:10px; }
|
||||
fieldset.web.wiki.portal.home { --portal-max-width:1500px; }
|
||||
fieldset.web.wiki.portal>div.output { padding:0; }
|
||||
fieldset.web.wiki.portal>div.output>div.header { background-color:rgb(22 31 49); color:var(--code-fg-color); height:var(--portal-header-height); --hover-bg-color:var(--plugin-bg-color); }
|
||||
fieldset.web.wiki.portal>div.output>div.header { background-color:rgb(22 31 49); height:var(--portal-header-height); --hover-bg-color:var(--plugin-bg-color); }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] { display:flex; justify-content:center; }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item { padding:20px; height:var(--portal-header-height); }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item { text-align:center; padding:var(--legend-padding); height:var(--portal-header-height); }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.select { background-color:var(--output-bg-color); }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item:hover { background-color:var(--output-bg-color); }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.space { padding:0px; margin:0 40px; }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.space { padding:0px; margin:0 var(--portal-main-padding); }
|
||||
fieldset.web.wiki.portal>div.output>div.layout { display:flex; justify-content:center; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.nav { padding:40px 40px; border-right:var(--plugin-border-color) solid 1px; min-width:230px; overflow:auto; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.item { padding:5px; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.list { padding-left:20px; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main { padding:40px; height:600px; min-width:400px; max-width:var(--portal-max-width); overflow:auto; overflow-x:hidden; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.aside { padding:40px 20px; min-width:200px; overflow:auto; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item { padding:5px; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item.section { padding-left:20px; }
|
||||
body.dark fieldset.web.wiki.portal>div.output>div.layout { background-color:var(--plugin-bg-color); --code-bg-color:var(--output-bg-color); }
|
||||
body.dark fieldset.web.wiki.portal>div.output>div.layout>div.nav { border-right:gray solid 1px; }
|
||||
body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.select { background-color:var(--plugin-bg-color); }
|
||||
body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item:hover { background-color:var(--plugin-bg-color); }
|
||||
fieldset.web.wiki.portal.home>div.output>div.layout>div.main p { white-space:pre-wrap; text-align:center; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main>* { margin:20px auto; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main h2 { margin:0; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main ul { margin:20px 40px; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main ol { margin:20px 40px; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main p code { background-color:var(--code-bg-color); color:var(--code-fg-color); padding:0 10px; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column {
|
||||
display:flex; flex-direction:column; justify-content:center;
|
||||
}
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column fieldset.inner>div.output>div.layout>div.layout div.content div.tips {
|
||||
top:10px; right:10px;
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.nav { padding:var(--portal-main-padding); padding-right:var(--button-padding); border-right:var(--box-border); min-width:var(--project-width); overflow:auto; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.item { padding:var(--input-padding); }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu]>div.item { margin-top:var(--button-margin); border-bottom:var(--box-border); }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.nav div.story[data-name=navmenu] div.list { padding-left:var(--legend-padding); }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.aside { padding:var(--portal-main-padding); padding-left:var(--button-padding); min-width:var(--project-width); overflow:auto; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item { padding:var(--input-padding); }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.aside div.item.section { padding-left:var(--legend-padding); }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main { padding:var(--portal-main-padding); height:600px; min-width:390px; max-width:var(--portal-max-width); overflow:auto; overflow-x:hidden; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column { display:flex; flex-direction:column; justify-content:center; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main div.story.column fieldset.inner>div.output>div.layout>div.layout div.content div.tips { top:10px; right:10px; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main fieldset.inner.output div.content {
|
||||
background-color:var(--code-bg-color); color:var(--code-fg-color); padding:var(--input-padding) 0;
|
||||
--code-comment:silver; --code-keyword:orange;
|
||||
--code-function:cyan; --code-constant:silver; --code-string:silver;
|
||||
--code-object:silver; --code-datatype:silver; --code-package:silver;
|
||||
}
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main div.story[data-type=spark][data-name=shell] {
|
||||
background-color:var(--code-bg-color); color:var(--code-fg-color);
|
||||
padding:10px; margin-top:10px;
|
||||
box-shadow:var(--box-shadow);
|
||||
background-color:var(--code-bg-color); color:var(--code-fg-color); padding:var(--input-padding); margin:var(--plugin-margin) 0; box-shadow:var(--box-shadow);
|
||||
}
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main div.story[data-type=spark][data-name=shell] kbd { color:silver; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main div.story[data-type=spark][data-name=shell] kbd:hover { color:white; }
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main fieldset.inner.output div.content {
|
||||
background-color:var(--code-bg-color); color:var(--code-fg-color); padding:10px 0;
|
||||
--code-comment:silver; --code-keyword:orange; --code-package:silver;
|
||||
--code-datatype:silver; --code-function:cyan;
|
||||
--code-constant:silver; --code-string:silver; --code-object:silver;
|
||||
fieldset.web.wiki.portal>div.output>div.layout>div.main table.content div.story[data-type=spark][data-name=shell] {
|
||||
margin-top:unset;
|
||||
}
|
||||
body.cmd.web.wiki.portal { background-color:rgb(22 31 49); }
|
||||
fieldset.web.wiki.portal.home>div.output>div.layout>div.main p { white-space:pre-wrap; text-align:center; }
|
||||
|
||||
body.dark fieldset.web.wiki.portal>div.output>div.layout { background-color:var(--plugin-bg-color); --code-bg-color:var(--output-bg-color); }
|
||||
body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item.select { background-color:var(--plugin-bg-color); }
|
||||
body.dark fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item:hover { background-color:var(--plugin-bg-color); }
|
||||
body.white fieldset.web.wiki.portal>div.output>div.header { color:silver; }
|
||||
body.light fieldset.web.wiki.portal>div.output>div.header { color:white; }
|
||||
body.light fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] { --hover-fg-color:black; }
|
||||
fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] { --hover-fg-color:white; }
|
||||
|
||||
body.mobile fieldset.web.wiki.portal { --portal-main-padding:10px; --legend-padding:10px; }
|
||||
body.mobile fieldset.web.wiki.portal>div.output>div.layout { display:block; }
|
||||
body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.nav { padding:10px; height:unset; }
|
||||
body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.main { padding:10px; height:unset; min-width:unset; }
|
||||
body.mobile fieldset.web.wiki.portal>div.output>div.header div.story[data-name=navmenu] div.item { padding:10px; }
|
||||
body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.nav { height:unset; }
|
||||
body.mobile fieldset.web.wiki.portal>div.output>div.layout>div.main { height:unset; }
|
||||
|
||||
@ -3,7 +3,8 @@ Volcanos(chat.ONIMPORT, {
|
||||
can.db.prefix = location.pathname.indexOf(p) > 0? location.pathname.split(p)[0]+p: "/wiki/portal/"
|
||||
can.db.current = can.isCmdMode()? can.base.trimPrefix(location.pathname, can.db.prefix+"/", can.db.prefix): can.Option(nfs.PATH)
|
||||
can.sup.onexport.link = function() { return can.db.prefix }
|
||||
can.require(["/plugin/local/wiki/word.js"]), can.Conf(html.PADDING, can.user.isMobile? 10: 40)
|
||||
can.require(["/plugin/local/wiki/word.js"])
|
||||
can.Conf(html.PADDING, can.page.styleValueInt(can, "--portal-main-padding", can._output))
|
||||
can.onmotion.clear(can), can.isCmdMode() && can.onappend.style(can, html.OUTPUT)
|
||||
can.ui = can.onappend.layout(can, [html.HEADER, [html.NAV, html.MAIN, html.ASIDE]], html.FLOW), can.onimport._scroll(can)
|
||||
can.ui.header.innerHTML = msg.Append(html.HEADER), can.ui.nav.innerHTML = msg.Append(html.NAV)
|
||||
@ -52,6 +53,7 @@ Volcanos(chat.ONIMPORT, {
|
||||
},
|
||||
layout: function(can, height, width) { can.onmotion.delay(can, function() { padding = can.Conf(html.PADDING)
|
||||
can.ui.layout(height, width), can.ConfHeight(can.ui.main.offsetHeight), can.ConfWidth(can.ui.main.offsetWidth)
|
||||
can.Conf(html.PADDING, can.page.styleValueInt(can, "--portal-main-padding", can._output))
|
||||
if (can.user.isMobile && can.isCmdMode()) {
|
||||
can.page.style(can, can.ui.nav, html.HEIGHT, "", html.WIDTH, can.page.width())
|
||||
can.page.style(can, can.ui.main, html.HEIGHT, "", html.WIDTH, can.page.width())
|
||||
|
||||
@ -1,10 +1,6 @@
|
||||
fieldset.web.code.git.search>div.output>div.item div.title { display:flex; }
|
||||
fieldset.web.code.git.search>div.output>div.item div.title>img { height:48px; width:48px; margin-right:10px; }
|
||||
fieldset.web.code.git.search>div.output>div.item div.title>div.name { height:48px; }
|
||||
fieldset.web.code.git.search>div.output>div.item div.title span.name { line-height:32px; }
|
||||
fieldset.web.code.git.search>div.output>div.item div.title div.label { font-size:12px; font-weight:normal; }
|
||||
fieldset.web.code.git.search>div.output>div.item div.title div.label span { padding:5px; padding-right:10px; }
|
||||
fieldset.web.code.git.search>div.output>div.item div.content { height:90px; }
|
||||
fieldset.web.code.git.search.zone>div.output>div.item { display:flex; padding:5px; }
|
||||
fieldset.web.code.git.search.zone>div.output>div.item>img { margin-right:5px; }
|
||||
fieldset.web.code.git.search.zone>div.output>div.item>span { line-height:32px; }
|
||||
fieldset.web.code.git.search>div.output>div.item div.title div.label { font-size:var(--status-font-size); font-weight:normal; margin-top:var(--input-margin); }
|
||||
fieldset.web.code.git.search>div.output>div.item div.title div.label span { padding:var(--input-padding); padding-right:var(--input-margin); }
|
||||
fieldset.web.code.git.search>div.output>div.item div.content { height:70px; }
|
||||
fieldset.web.code.git.search.zone>div.output>div.item { display:flex; padding:var(--input-padding); }
|
||||
fieldset.web.code.git.search.zone>div.output>div.item>img { margin-right:var(--input-margin); }
|
||||
fieldset.web.code.git.search.zone>div.output>div.item>span { line-height:var(--action-height); }
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user