opt page/index.css

page/index.css

@@ -206,37 +206,35 @@ body.print fieldset.draw div.output { background-color:lightgray; }
 body.mobile * { border-radius:0; }
 body.mobile legend { font-size:1.6rem; height:38px; }
 body.mobile select { font-size:1.4rem; height:38px; }
-body.mobile textarea { font-size:1.2rem; }
 body.mobile input { font-size:1.2rem; height:38px; }
-body.mobile table.content th { padding:6px 6px; }
+body.mobile textarea { font-size:1.2rem; }
 body.mobile form.option>div.item { margin:0; height:38px; }
 body.mobile div.action>div.item { margin:0; height:38px; }
 body.mobile div.action { display:none; }
-body.mobile.landscape div.action { display:none; }
+body.mobile table.content th { padding:6px 6px; }
-body.mobile>div.carte div.item { font-size:1.6rem; }
-body.mobile>div.input.login input { font-size:1.4rem; width:264px; }
 body.mobile fieldset.plugin { margin:10px 0; }
 body.mobile fieldset.plugin.full { margin:0; }
 body.mobile fieldset.cmd>div.output { overflow:auto; }
 body.mobile fieldset.input.date div.output td { padding:8px 20px; }
 body.mobile fieldset.word.float>div.output>div.project { top:38px; }
-body.mobile fieldset.Header.head { width:-webkit-fill-available; }
+body.mobile>div.carte div.item { font-size:1.6rem; }
-body.mobile fieldset.Header.head { background-color:#000000b8; font-size:1.6rem; height:3rem; position:fixed; top:0; }
+body.mobile>div.input.login input { font-size:1.4rem; width:264px; }
+body.mobile fieldset.Header.head { background-color:#000000b8; font-size:1.6rem; height:3rem; width:100%; position:fixed; top:0; }
 body.mobile fieldset.Header.head div.output { height:3rem; }
+body.mobile fieldset.Header.head div.output div { height:3rem; margin-left:0; }
 body.mobile fieldset.Header.head div.state.time { display:none; }
-body.mobile fieldset.Header.head div.search>input { background-color:#21181838; color:white; margin:0; height:38px; width:-webkit-fill-available }
+body.mobile fieldset.Header.head div.search { height:3rem; width:100%; }
-body.mobile fieldset.Header.head div.search { height:38px; width:-webkit-fill-available }
+body.mobile fieldset.Header.head div.search>input { background-color:#21181838; color:white; margin:0; width:100%; }
-body.mobile fieldset.Header.head div.output div { height:48px; margin-left:0; }
 body.mobile fieldset.River.left { background-color:#243950bf; font-size:1.6rem; min-width:240px; position:fixed; top:3rem; z-index:10; }
 body.mobile fieldset.River>div.output { width:320px; }
 body.mobile fieldset.River>div.output div.item { font-size:1.6rem; }
-body.mobile fieldset.Action.main { margin-top:3rem; margin-bottom:3rem; }
+body.mobile fieldset.Action.main { margin-top:3rem; margin-bottom:3rem; overflow:hidden; }
 body.mobile fieldset.Action.main.cmd { margin-top:0; margin-bottom:0; }
-body.mobile fieldset.Footer.foot { width:-webkit-fill-available; }
+body.mobile fieldset.Footer.foot { width:100%; }
 body.mobile fieldset.Footer.foot { background-color:#000000b8; font-size:1.6rem; height:3rem; position:fixed; bottom:0; }
 body.mobile fieldset.Footer.foot div.output { height:3rem; }
 body.mobile fieldset.Footer.foot div.output div { height:3rem; }
-body.mobile fieldset.Footer.foot input[name=cmd] { height:38px; }
+body.mobile fieldset.Footer.foot input[name=cmd] { height:3rem; }
 body.mobile.landscape fieldset.Header.head { position:unset; }
 body.mobile.landscape fieldset.Header.head div.state.time { display:block; }
 body.mobile.landscape fieldset.Action.main { margin-top:0; margin-bottom:0; }
@@ -254,12 +252,12 @@ fieldset.plugin.parse.cmd>div.status { display:none; }
 fieldset.plugin.inner.cmd>legend { display:none; }
 fieldset.plugin.inner.cmd>div.action { display:none; }
 fieldset.plugin.inner.cmd>form.option { display:none; }
-fieldset.xterm div.toggle { display:none; }
 fieldset.story.inner.float { background-color:black; }
+fieldset.xterm div.toggle { display:none; }
 /* 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:steelblue; }
+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; }
@@ -299,5 +297,5 @@ div.output.card div.item>div.title { font-size:1.2rem; font-weight:bold; padding
 div.output.card div.item>div.content { padding:10px; height:45px; }
 body.white div.output.card div.item input[type=button] { background-color:#ff000000; }
 body.mobile div.output.card div.item { height:160px; float:none; }
-body.mobile.simple div.output.card div.item { width:-webkit-fill-available; }
+body.mobile.simple div.output.card div.item { width:100%; }
 body.mobile.landscape div.output.card div.item { width:auto; float:left; }

panel/action.css

@@ -1,40 +1,35 @@
 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 { background-color:#4682b46b; width:100%; display:none; }
-fieldset.Action>div.action div { font-size:1.1rem; padding:5px 20px; height:31px; float:left; cursor:pointer; }
+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.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 { display:none; overflow:auto; margin:0; padding:0; }
+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 { float:left; overflow:auto; margin:0; padding:0; }
 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 { float:left; overflow:auto; margin:0; padding:0; }
 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 { float:left; overflow:auto; }
 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; }
@@ -42,23 +37,19 @@ fieldset.Action.grid>div.output>fieldset.plugin>form.option input[type=text] { w
 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.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>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%;
+	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;
 }
-
-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; }
+fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full)>legend { float:none; }
+fieldset.Action.cmd>div.output>fieldset.plugin { padding:0; margin:0; }
+fieldset.Action.cmd>div.output>fieldset.plugin>legend { padding:0 10px; float:left; }
+fieldset.Action.cmd>div.output>fieldset.plugin:not(.float):not(.full)>legend { float:left; }
 
 div.head { background-color:#404040; color:white; padding:5px; height:42px; clear:both; }
 div.head div.username { float:right; margin-right:10px; }
@@ -92,65 +83,3 @@ 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; }
-
-div.tabs:hover {
-	/* background-color:#272727; */
-}
-div.tabs div.name {
-	height:46px; width:-webkit-fill-available;
-	position:sticky; top:5px;
-	z-index:1;
-}
-div.tabs div.name div.item {
-	color:gray; padding:10px; float:left;
-}
-div.tabs div.name div.item.select {
-	background-color:#404040; color:white;
- 	border-bottom:solid red 2px;
-}
-div.tabs div.page {
-	overflow:auto; clear:both;
-}
-div.tabs div.page>div.input {
-	padding:5px; position:sticky; top:0px;
-}
-div.tabs div.page>div.input input {
-	background-color:#212121; color:white; border:0; outline:none; width:230px;
-}
-div.tabs div.page>div.item {
-	background-color:#404040; clear:both; display:none;
-}
-div.tabs div.page>div.list {
-	padding-left:20px; display:none; clear:both;
-}
-div.tabs div.page>div.list.select {
-	background-color:#323232; display:block;
-}
-div.left div.list {
-	padding-left:20px;
-}
-
-div.tabs.left div.name {
-	float:left;
-}
-div.tabs.left div.name div.item {
-	border-bottom:none; float:none;
-}
-div.tabs.left div.name div.item.select {
-	border-right:solid red 2px;
-}
-div.tabs.left div.page {
-	width:-webkit-fill-available;
- 	clear:none; float:left;
-}
-div.tabs.left div.page>div.item {
-	display:block;
-}
-
-div.tabs.void div.name {
-	display:none;
-}
-div.tabs.void div.page>div.item {
-	display:block;
-}
-

panel/footer.css

@@ -1,13 +1,12 @@
 fieldset.Footer { font-size:1.1rem; padding:0 5px; clear:both; }
-fieldset.Footer>div.output { overflow:hidden; }
+fieldset.Footer>div.output { overflow:auto; }
-fieldset.Footer>div.output div { padding:5px; height:31px; cursor:pointer; }
+fieldset.Footer>div.output div { cursor:pointer; padding:5px; height:31px; }
 fieldset.Footer>div.output div:hover { background-color:#2e515f; }
 fieldset.Footer>div.output div.title { float:left; }
 fieldset.Footer>div.output div.state { font-family:monospace; float:right; }
 fieldset.Footer>div.output div.toast { background-color:darkcyan; float:right; }
 fieldset.Footer>div.output div.cmd { padding:0px; float:left; }
-fieldset.Footer>div.output input[name=cmd] { width:120px; border-radius:0; }
+fieldset.Footer>div.output input[name=cmd] { width:120px; }
 fieldset.Footer>div.output input[name=cmd]:focus { width:320px; }
-
-fieldset.story.nlog.float tbody tr.error { color:red; }
 fieldset.story.nlog.float tbody tr.warn { color:yellow; }
+fieldset.story.nlog.float tbody tr.error { color:red; }

panel/header.css

@@ -1,11 +1,11 @@
 fieldset.Header { font-size:1.1rem; padding:0 5px; height:31px; overflow:auto; z-index:10; }
 fieldset.Header>div.output { overflow:hidden; }
-fieldset.Header>div.output div { padding:5px; height:31px; float:left; cursor:pointer; }
+fieldset.Header>div.output div { cursor:pointer; padding:5px; height:31px; float:left; }
 fieldset.Header>div.output div:hover { background-color:#2e515f; }
 fieldset.Header>div.output div.title { float:left; }
 fieldset.Header>div.output div.state { float:right; }
 fieldset.Header>div.output div.state.avatar { padding:0; height:31px; }
 fieldset.Header>div.output div.state.avatar>img { height:31px; }
 fieldset.Header>div.output div.search { margin-left:20px; float:left; }
-fieldset.Header>div.output div.search>input { margin-top:-5px; border-radius:0; }
+fieldset.Header>div.output div.search>input { margin-top:-5px; }
 fieldset.Header>div.output river { margin-right:100px; }

panel/river.css

@@ -1,5 +1,5 @@
 fieldset.River { width:180px; overflow:auto; float:left; }
-fieldset.River>div.action { display:block; padding:0 12px; }
+fieldset.River>div.action { padding:0 12px; display:block; }
 fieldset.River>div.output { width:180px; }
 fieldset.River>div.output div.item { padding:3px 16px; border-left:solid 3px #00ffae; }
 fieldset.River>div.output div.list div.item { border-left:solid 3px #ccdc4c; }

panel/search.css

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

plugin/input/key.js

@@ -13,7 +13,10 @@ Volcanos(chat.ONFIGURE, {key: {
 		name == ctx.INDEX && can.core.Item(can.onengine.plugin.meta, function(key) { msg.Push(ctx.INDEX, can.core.Keys(ice.CAN, key)) })
 		can._show(can, msg, cb, target, name)
 	}) },
-	onclick: function(event, can, meta, target, cbs) { can.onfigure.key.onfocus(event, can, meta, target, cbs) },
+	onclick: function(event, can, meta, target, cbs) {
+		can.onfigure.key.onfocus(event, can, meta, target, cbs)
+		can.onmotion.focus(can, target)
+	},
 	onfocus: function(event, can, meta, target, cbs) { cbs(function(sub, cb) { if (sub.Status(mdb.TOTAL) > 0) { return }
 		meta.msg && meta.msg.Length() > 0? sub._show(sub, meta.msg, cb, target, meta.name): sub._load(event, sub, cb, target, meta.name, target.value)
 	}) },

plugin/local/code/inner/syntax.js

@@ -386,6 +386,7 @@ Volcanos(chat.ONSYNTAX, {
 			"[-0-9]+rem": code.CONSTANT,
 			"[-0-9]+deg": code.CONSTANT,
 			"[-0-9]+px": code.CONSTANT,
+			"[-0-9]+%": code.CONSTANT,
 			"[-0-9]+": code.CONSTANT,
 			"#[^ ;]+": code.CONSTANT,
 		},
@@ -395,206 +396,117 @@ Volcanos(chat.ONSYNTAX, {
 		},
 		keyword: {
 			"body": code.KEYWORD,
-			"legend": code.KEYWORD,
-			"select": code.KEYWORD,
-			"input": code.KEYWORD,
-			"textarea": code.KEYWORD,
 			"fieldset": code.KEYWORD,
+			"legend": code.KEYWORD,
 			"form": code.KEYWORD,
-			"type": code.FUNCTION,
+			"input": code.KEYWORD,
-			"name": code.FUNCTION,
+			"select": code.KEYWORD,
+			"textarea": code.KEYWORD,
 			"table": code.KEYWORD,
 			"thead": code.KEYWORD,
 			"tbody": code.KEYWORD,
 			"tr": code.KEYWORD,
 			"th": code.KEYWORD,
 			"td": code.KEYWORD,
-			"div": code.KEYWORD,
-			"svg": code.KEYWORD,
 			"h1": code.KEYWORD,
 			"h2": code.KEYWORD,
 			"h3": code.KEYWORD,
-
-			"white-space": code.FUNCTION,
-			"z-index": code.FUNCTION,
-			"box-sizing": code.FUNCTION,
-			"border-box": code.CONSTANT,
-			"padding": code.FUNCTION,
-			"border": code.FUNCTION,
-			"margin": code.FUNCTION,
-			"width": code.FUNCTION,
-			"height": code.FUNCTION,
-			"position": code.FUNCTION,
-			"display": code.FUNCTION,
-			"overflow": code.FUNCTION,
-			"top": code.FUNCTION,
-			"right": code.FUNCTION,
-			"sticky": code.CONSTANT,
-			"solid": code.CONSTANT,
-			"relative": code.CONSTANT,
-			"absolute": code.CONSTANT,
-			"lightgray": code.CONSTANT,
-			"min-width": code.FUNCTION,
-			"margin-right": code.FUNCTION,
-			"text-align": code.FUNCTION,
-			"margin-left": code.FUNCTION,
-			"padding-left": code.FUNCTION,
-			"border-top": code.FUNCTION,
-			"border-bottom": code.FUNCTION,
-			"font-family": code.FUNCTION,
-			"tab-size": code.FUNCTION,
-			"monospace": code.FUNCTION,
-			"transform": code.FUNCTION,
-			"rotate": code.FUNCTION,
-			"translate": code.FUNCTION,
-			"border-left": code.FUNCTION,
-
-			"hover": code.DATATYPE,
-
-			"background-color": code.FUNCTION,
-			"color": code.FUNCTION,
-			"font-size": code.FUNCTION,
-			"float": code.FUNCTION,
-			"clear": code.FUNCTION,
-			"center": code.CONSTANT,
-			"none": code.CONSTANT,
-			"both": code.CONSTANT,
-			"left": code.CONSTANT,
-			"black": code.CONSTANT,
-			"white": code.CONSTANT,
-			"cyan": code.CONSTANT,
-			"cadetblue": code.CONSTANT,
-			"steelblue": code.CONSTANT,
-			"skyblue": code.CONSTANT,
-			"span": code.KEYWORD,
-			"cursor": code.FUNCTION,
-			"box-shadow": code.FUNCTION,
-			"blue": code.CONSTANT,
-			"fixed": code.CONSTANT,
-			"yellow": code.CONSTANT,
-			"green": code.CONSTANT,
-			"gray": code.CONSTANT,
-			"red": code.CONSTANT,
-			"auto": code.CONSTANT,
-			"hidden": code.CONSTANT,
-			"block": code.CONSTANT,
-			"darkcyan": code.CONSTANT,
-		},
-		keyword0: {
-			"body": code.KEYWORD,
 			"div": code.KEYWORD,
 			"img": code.KEYWORD,
-			"span": code.KEYWORD,
-			"form": code.KEYWORD,
-			"fieldset": code.KEYWORD,
-			"legend": code.KEYWORD,
-			"select": code.KEYWORD,
-			"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,
+			"span": code.KEYWORD,
-			"h2": code.KEYWORD,
-			"h3": code.KEYWORD,
-
 			"hover": code.DATATYPE,
 			"focus": code.DATATYPE,
 			"not": code.DATATYPE,
+			"type": code.FUNCTION,
+			"name": code.FUNCTION,
 
-			"background-color": code.FUNCTION,
-			"font-family": code.FUNCTION,
-			"font-weight": code.FUNCTION,
-			"font-size": code.FUNCTION,
-			"color": code.FUNCTION,
-			"width": code.FUNCTION,
-			"height": code.FUNCTION,
-			"padding": code.FUNCTION,
-			"border": code.FUNCTION,
-			"margin": code.FUNCTION,
-			"position": code.FUNCTION,
-			"left": code.FUNCTION,
-			"top": code.FUNCTION,
-			"right": code.FUNCTION,
-			"bottom": code.FUNCTION,
 			"display": code.FUNCTION,
 			"overflow": code.FUNCTION,
-			"float": code.FUNCTION,
+			"position": code.FUNCTION,
-			"clear": code.FUNCTION,
-			"cursor": code.FUNCTION,
-			"unset": code.FUNCTION,
-
 			"z-index": code.FUNCTION,
-			"tab-size": code.FUNCTION,
+			"box-sizing": code.FUNCTION,
-			"word-break": code.FUNCTION,
+			"padding": code.FUNCTION,
-			"white-space": code.FUNCTION,
-			"text-align": code.FUNCTION,
-			"vertical-align": code.FUNCTION,
-			"min-width": code.FUNCTION,
-			"max-width": code.FUNCTION,
 			"padding-left": code.FUNCTION,
 			"padding-top": code.FUNCTION,
+			"border": code.FUNCTION,
 			"border-left": code.FUNCTION,
 			"border-top": code.FUNCTION,
-			"border-right": code.FUNCTION,
 			"border-bottom": code.FUNCTION,
-			"border-radius": code.FUNCTION,
+			"margin": code.FUNCTION,
-			"border-spacing": code.FUNCTION,
 			"margin-left": code.FUNCTION,
 			"margin-top": code.FUNCTION,
 			"margin-right": code.FUNCTION,
 			"margin-bottom": code.FUNCTION,
+			"height": code.FUNCTION,
+			"width": code.FUNCTION,
+			"min-width": code.FUNCTION,
+			"left": code.FUNCTION,
+			"top": code.FUNCTION,
+			"right": code.FUNCTION,
+			"bottom": code.FUNCTION,
+			"border-box": code.CONSTANT,
+			"relative": code.CONSTANT,
+			"absolute": code.CONSTANT,
+			"sticky": code.CONSTANT,
+			"fixed": code.CONSTANT,
+			"unset": code.CONSTANT,
+			"solid": code.CONSTANT,
+			"block": code.CONSTANT,
+			"none": code.CONSTANT,
+			"auto": code.CONSTANT,
+			"hidden": code.CONSTANT,
+			"float": code.FUNCTION,
+			"clear": code.FUNCTION,
+			"both": code.CONSTANT,
+			"transform": code.FUNCTION,
+			"rotate": code.FUNCTION,
+			"translate": code.FUNCTION,
+			
+			"background-color": code.FUNCTION,
+			"color": code.FUNCTION,
+			"font-size": code.FUNCTION,
+			"font-family": code.FUNCTION,
+			"text-align": code.FUNCTION,
+			"white-space": code.FUNCTION,
+			"tab-size": code.FUNCTION,
+			"cursor": code.FUNCTION,
 			"box-shadow": code.FUNCTION,
+			"center": code.CONSTANT,
+			"monospace": code.CONSTANT,
+			"black": code.CONSTANT,
+			"white": code.CONSTANT,
+			"gray": code.CONSTANT,
+			"cyan": code.CONSTANT,
+			"blue": code.CONSTANT,
+			"red": code.CONSTANT,
+			"green": code.CONSTANT,
+			"yellow": code.CONSTANT,
+			"skyblue": code.CONSTANT,
+			"cadetblue": code.CONSTANT,
+			"steelblue": code.CONSTANT,
+			"lightgray": code.CONSTANT,
+			"cornflowerblue": code.CONSTANT,
+			"darkcyan": code.CONSTANT,
+			"pointer": code.CONSTANT,
+		},
+		keyword0: {
+
+			"font-weight": code.FUNCTION,
+			"unset": code.FUNCTION,
+
+			"word-break": code.FUNCTION,
+			"white-space": code.FUNCTION,
+			"vertical-align": code.FUNCTION,
 			"outline": code.FUNCTION,
 			"caret-color": code.FUNCTION,
 			
 			"calc": code.FUNCTION,
 			"url": code.FUNCTION,
 
-			"0": code.CONSTANT,
-			"cyan": code.CONSTANT,
-			"gray": code.CONSTANT,
-			"yellow": code.CONSTANT,
-			"black": code.CONSTANT,
-			"white": code.CONSTANT,
-			"blue": code.CONSTANT,
-			"red": code.CONSTANT,
-			"green": code.CONSTANT,
-			"magenta": code.CONSTANT,
-			"steelblue": code.CONSTANT,
-			"cadetblue": code.CONSTANT,
-			"darkcyan": code.CONSTANT,
-			"skyblue": code.CONSTANT,
-			"lightgreen": code.CONSTANT,
-			"teal": code.CONSTANT,
-			"cornflowerblue": code.CONSTANT,
-			"whitesmoke": code.CONSTANT,
-			"lightgray": code.CONSTANT,
-			"royalblue": code.CONSTANT,
-			"lightblue": code.CONSTANT,
-			"darkblue": code.CONSTANT,
-			"aliceblue": code.CONSTANT,
-
-			"monospace": code.CONSTANT,
-			"hidden": code.CONSTANT,
 			"bold": code.CONSTANT,
-			"solid": code.CONSTANT,
-			"none": code.CONSTANT,
-			"block": code.CONSTANT,
-			"contexts": code.CONSTANT,
-			"both": code.CONSTANT,
-			"auto": code.CONSTANT,
-
 			"pointer": code.CONSTANT,
-			"center": code.CONSTANT,
+			"contexts": code.CONSTANT,
-			"relative": code.CONSTANT,
-			"absolute": code.CONSTANT,
-			"sticky": code.CONSTANT,
-			"fixed": code.CONSTANT,
 		},
 	},
 	html: {

plugin/local/wiki/word.css

@@ -57,10 +57,10 @@ div.story[data-type=spark][data-name=field]>div.list { float:left; overflow:auto
 div.story[data-type=spark][data-name=field]>div.menu div.list div.item { padding:0 20px; }
 
 div.story[data-type=spark][data-name=shell] label {
-	-moz-user-select:none; /*火狐*/
 	-webkit-user-select:none; /*webkit浏览器*/
-	-ms-user-select:none; /*IE10*/
 	-khtml-user-select:none; /*早期浏览器*/
+	-moz-user-select:none; /*火狐*/
+	-ms-user-select:none; /*IE10*/
 	user-select:none;
 }