feat(ecma): Modulated JavaScript to native ECMAScript importing.
This commit is contained in:
parent
1c43e093e9
commit
a7a2247b82
@ -1,5 +1,14 @@
|
||||
.main-menu [data-icon=web]::before{content : "\f0ac"; font-family : "FA6FS";}
|
||||
.main-menu [data-icon=git]::before{content : "\f841"; font-family : "FA6FB";}
|
||||
.main-menu [data-icon=home]::before{content : "\f015"; font-family : "FA6FS";}
|
||||
.main-menu [data-icon=game]::before{content : "\f11b"; font-family : "FA6FS";}
|
||||
.main-menu [data-icon=blog]::before{content : "\f27a"; font-family : "FA6FR";}
|
||||
.anp .main-menu [data-icon=web]::before{content : "\f0ac"; font-family : "FA6FS";}
|
||||
.anp .main-menu [data-icon=git]::before{content : "\f841"; font-family : "FA6FB";}
|
||||
.anp .main-menu [data-icon=home]::before{content : "\f015"; font-family : "FA6FS";}
|
||||
.anp .main-menu [data-icon=game]::before{content : "\f11b"; font-family : "FA6FS";}
|
||||
.anp .main-menu [data-icon=blog]::before{content : "\f27a"; font-family : "FA6FR";}
|
||||
.anp .gui-controls [data-icon=zoom_less]:before{content : "\f010"; font-family : "FA6FS";}
|
||||
.anp .gui-controls [data-icon=zoom_reset]:before{content : "\f002"; font-family : "FA6FS";}
|
||||
.anp .gui-controls [data-icon=zoom_mode]:before{content : "\e521"; font-family : "FA6FS";}
|
||||
.anp .gui-controls [data-icon=zoom_more]:before{content : "\f00e"; font-family : "FA6FS";}
|
||||
.anp .gui-controls [data-icon=gui_mode]:before{content : "\f013"; font-family : "FA6FS";}
|
||||
.anp .gui-controls [data-icon=more_options]:before{content : "\f013"; font-family : "FA6FS";}
|
||||
[data-gui-mode=default] .gui-controls [data-icon=gui_mode]:before{content : "\f009"; font-family : "FA6FS";}
|
||||
[data-gui-mode=dark] .gui-controls [data-icon=gui_mode]:before{content : "\f0c8"; font-family : "FA6FS";}
|
||||
[data-gui-mode=light] .gui-controls [data-icon=gui_mode]:before{content : "\f0c8"; font-family : "FA6FR";}
|
||||
@ -11,11 +11,35 @@
|
||||
*/
|
||||
|
||||
/**
|
||||
* @callback wmarkdown_preload_callback
|
||||
* @param {?HTMLElement} element
|
||||
* @param {!boolean} asynchronous
|
||||
* @param {!integer} error
|
||||
* @returns {void}
|
||||
*/
|
||||
|
||||
/**
|
||||
* @callback wmarkdown_element_event_callback
|
||||
* @param {!HTMLElement} element
|
||||
* @param {!Event} event
|
||||
* @returns {void}
|
||||
*/
|
||||
|
||||
/**
|
||||
* @class
|
||||
* @constructor
|
||||
* @param {?string|Object.<string, any|null>} [inputs]
|
||||
* @returns {void}
|
||||
* @access public
|
||||
*/
|
||||
export const WMarkDown = (function(){
|
||||
|
||||
/**
|
||||
* @constructs WMarkDown
|
||||
* @param {?string|Object.<string, any|null>} [inputs]
|
||||
* @returns {void}
|
||||
* @access private
|
||||
*/
|
||||
const WMarkDown = function(inputs){
|
||||
|
||||
/** @type {WMarkDown} */
|
||||
@ -45,7 +69,10 @@ const WMarkDown = function(inputs){
|
||||
dictionary_item_mark = ["###@==_", "_==@###", /\#{3}\@\={2}_([0-9]+)_\={2}\@\#{3}/g],
|
||||
/** @type {number} */
|
||||
dictionary_z = 500,
|
||||
dictionary_boxes = [];
|
||||
/** @type {Array.<string>} */
|
||||
dictionary_boxes = [],
|
||||
/** @type {boolean|null} */
|
||||
check_gui_controls = null;
|
||||
|
||||
/**
|
||||
* @returns {void}
|
||||
@ -69,7 +96,7 @@ const WMarkDown = function(inputs){
|
||||
*/
|
||||
end = () => ++ loaded == dictionaries.length && (dictionary_loaded = true);
|
||||
|
||||
dictionaries.forEach(url => WMarkDown.prototype.get(url, data => {
|
||||
dictionaries.forEach(url => WMarkDown.get(url, data => {
|
||||
try{
|
||||
self.add_to_dictionary(JSON.parse(data));
|
||||
}catch(exception){
|
||||
@ -98,12 +125,12 @@ const WMarkDown = function(inputs){
|
||||
if(!dictionary_done.includes(text)){
|
||||
if(i === null)
|
||||
dictionary[i = dictionary.length] = {
|
||||
patterns : [[WMarkDown.prototype.format_pattern(pattern), text]],
|
||||
patterns : [[WMarkDown.format_pattern(pattern), text]],
|
||||
definition : typeof definition == "string" ? definition : definition.join(""),
|
||||
links : links
|
||||
};
|
||||
else
|
||||
dictionary[i].patterns.push([WMarkDown.prototype.format_pattern(pattern), text]);
|
||||
dictionary[i].patterns.push([WMarkDown.format_pattern(pattern), text]);
|
||||
};
|
||||
});
|
||||
|
||||
@ -179,7 +206,9 @@ const WMarkDown = function(inputs){
|
||||
/** @type {Array.<number, RegExpMatchArray, string>} */
|
||||
const [k, matches, text] = items[Number(j)];
|
||||
|
||||
return `<span class="wmd-dictionary-item" data-i="` + k + `" data-hash="` + self.get_hash() + `" onclick="wmarkdown.dictionary_over(this, event);">` + text + `</span>`;
|
||||
return `<span class="wmd-dictionary-item" data-role="link" data-i="` + k + `" data-hash="` + self.get_hash() + `" data-preload="` + self.preload_hash(span => {
|
||||
span.addEventListener("click", self.dictionary_over);
|
||||
}) + `">` + text + `</span>`;
|
||||
});
|
||||
|
||||
};
|
||||
@ -232,7 +261,7 @@ const WMarkDown = function(inputs){
|
||||
button.setAttribute("data-i18n", i18n);
|
||||
button.setAttribute("data-i18n-without", true);
|
||||
button.setAttribute("title", text);
|
||||
button.setAttribute("onclick", action);
|
||||
button.addEventListener("click", action);
|
||||
button.innerHTML = (`
|
||||
<span data-icon="` + i18n + `"></span>
|
||||
<span data-i18n="` + i18n + `">` + text + `</span>
|
||||
@ -257,7 +286,7 @@ const WMarkDown = function(inputs){
|
||||
const data = box.querySelector(".data");
|
||||
|
||||
box.querySelector("li[data-i18n=type]>.value").innerHTML = name;
|
||||
add_button_data(data, "view_switch", "View switch", "WMarkDown.prototype.view_switch(this, event);");
|
||||
add_button_data(data, "view_switch", "View switch", event => WMarkDown.view_switch(event.target, event));
|
||||
|
||||
buttons && buttons.forEach(([i18n, text, action]) => add_button_data(data, i18n, text, action));
|
||||
|
||||
@ -282,6 +311,11 @@ const WMarkDown = function(inputs){
|
||||
return box;
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {HTMLElement} item
|
||||
* @returns {HTMLElement|null}
|
||||
* @access public
|
||||
*/
|
||||
this.get_anp = item => {
|
||||
|
||||
while(!item.classList.contains("anp") && (item = item.parentNode))
|
||||
@ -293,14 +327,7 @@ const WMarkDown = function(inputs){
|
||||
return item;
|
||||
};
|
||||
|
||||
/**
|
||||
* @returns {void}
|
||||
* @access private
|
||||
*/
|
||||
const thread_method = () => {
|
||||
|
||||
/** @type {HTMLBodyElement} */
|
||||
const body = document.querySelector("body");
|
||||
const code_block_format = () => {
|
||||
|
||||
document.querySelectorAll(".wmd-code-block[data-processed=false]").forEach(block => {
|
||||
|
||||
@ -314,7 +341,7 @@ const WMarkDown = function(inputs){
|
||||
anp_item = self.get_anp(block),
|
||||
/** @type {Boolean} */
|
||||
dark_mode = (
|
||||
anp_item ? (anp_item.getAttribute("data-gui_mode") == "dark" || (anp_item.getAttribute("data-gui-mode") == "default" && anp_item.getAttribute("data-dark-mode") == "true")) :
|
||||
anp_item ? (anp_item.getAttribute("data-gui-mode") == "dark" || (anp_item.getAttribute("data-gui-mode") == "default" && anp_item.getAttribute("data-dark-mode") == "true")) :
|
||||
window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
||||
|
||||
block.setAttribute("data-processed", true);
|
||||
@ -351,6 +378,10 @@ const WMarkDown = function(inputs){
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
const build_dictionary_items = () => {
|
||||
|
||||
if(dictionary_loaded){
|
||||
|
||||
/** @type {HTMLElement} */
|
||||
@ -373,15 +404,15 @@ const WMarkDown = function(inputs){
|
||||
|
||||
};
|
||||
|
||||
document.querySelectorAll("[data-list-unprocessed=true]").forEach(list => {
|
||||
};
|
||||
|
||||
const process_lists = () => document.querySelectorAll("[data-list-unprocessed=true]").forEach(list => {
|
||||
|
||||
/** @type {HTMLSpanElement} */
|
||||
const deployer = list.parentNode.insertBefore(document.createElement("span"), list.parentNode.childNodes[0]);
|
||||
|
||||
[
|
||||
["data-deployed", list.getAttribute("data-deployed")],
|
||||
["onclick", "WMarkDown.prototype.deploy(this, event);"]
|
||||
].forEach(([key, value]) => deployer.setAttribute(key, value));
|
||||
deployer.addEventListener("click", WMarkDown.deploy);
|
||||
deployer.setAttribute("data-deployed", list.getAttribute("data-deployed"));
|
||||
deployer.innerHTML = (`
|
||||
<span data-icon="deploy"></span>
|
||||
<span data-i18n="deploy">Deploy</span>
|
||||
@ -391,11 +422,7 @@ const WMarkDown = function(inputs){
|
||||
|
||||
});
|
||||
|
||||
document.querySelectorAll(".wmd-media[data-status=unprocessed]").forEach(item => item.setAttribute("data-status", "unloaded"));
|
||||
|
||||
if(body){
|
||||
|
||||
document.querySelectorAll(".wmd-media[data-status=unloaded]").forEach((item, i) => {
|
||||
const autoload_media = body => document.querySelectorAll(".wmd-media[data-status=unloaded]").forEach((item, i) => {
|
||||
|
||||
/** @type {DOMRect} */
|
||||
const bounds = item.getBoundingClientRect();
|
||||
@ -411,18 +438,37 @@ const WMarkDown = function(inputs){
|
||||
item.setAttribute("data-status", "loading");
|
||||
|
||||
if(main_item.tagName.toLowerCase() == "img"){
|
||||
[
|
||||
["onload", "WMarkDown.prototype.image_loaded(this, event);"],
|
||||
["onerror", "WMarkDown.prototype.image_load(this, event);"]
|
||||
].forEach(([key, value]) => main_item.setAttribute(key, value));
|
||||
main_item.addEventListener("load", event => WMarkDown.image_loaded(event.target, event));
|
||||
main_item.addEventListener("error", event => WMarkDown.image_loaded(event.target, event));
|
||||
item.setAttribute("data-status", "loading");
|
||||
self.image_load(main_item);
|
||||
WMarkDown.image_load(main_item);
|
||||
};
|
||||
|
||||
};
|
||||
|
||||
});
|
||||
|
||||
/**
|
||||
* @returns {void}
|
||||
* @access private
|
||||
*/
|
||||
const thread_method = () => {
|
||||
|
||||
/** @type {HTMLBodyElement} */
|
||||
const body = document.querySelector("body");
|
||||
|
||||
code_block_format();
|
||||
|
||||
build_dictionary_items();
|
||||
|
||||
process_lists();
|
||||
|
||||
document.querySelectorAll(".wmd-media[data-status=unprocessed]").forEach(item => item.setAttribute("data-status", "unloaded"));
|
||||
|
||||
if(body){
|
||||
|
||||
autoload_media(body);
|
||||
|
||||
document.querySelectorAll(".wmarkdown[data-menu-processed=false]").forEach(block => {
|
||||
if(block.getAttribute("data-menu-processed") == "true")
|
||||
return;
|
||||
@ -449,15 +495,18 @@ const WMarkDown = function(inputs){
|
||||
menu.setAttribute("data-visible", false);
|
||||
menu = menu.childNodes[0];
|
||||
|
||||
addEventListener("click", WMarkDown.prototype.hide_menu);
|
||||
addEventListener("click", WMarkDown.hide_menu);
|
||||
|
||||
button.innerHTML += (`
|
||||
<span data-i18n="menu" data-i18n-without="true" title="Menu" onclick="WMarkDown.prototype.show_menu(this, event);">
|
||||
<span data-i18n="menu" data-i18n-without="true" title="Menu" data-preload="` + self.preload_hash(span => {
|
||||
span.addEventListener("click", event => WMarkDown.show_menu(event.target, event));
|
||||
}) + `">
|
||||
<span data-icon="menu"></span>
|
||||
<span data-i18n="menu">Menu</span>
|
||||
</span>
|
||||
`);
|
||||
button.setAttribute("class", "wmd-main-menu-button");
|
||||
button.setAttribute("data-role", "link");
|
||||
|
||||
};
|
||||
|
||||
@ -490,11 +539,12 @@ const WMarkDown = function(inputs){
|
||||
menu = subblock.appendChild(document.createElement("ul"));
|
||||
|
||||
button_deployer.setAttribute("data-deployed", false);
|
||||
button_deployer.setAttribute("onclick", "WMarkDown.prototype.deploy(this, event);");
|
||||
button_deployer.addEventListener("click", WMarkDown.deploy);
|
||||
button_deployer.innerHTML = (`
|
||||
<span data-icon="deploy"></span>
|
||||
<span data-i18n="deploy">Deploy</span>
|
||||
`);
|
||||
button_deployer.setAttribute("data-role", "link");
|
||||
|
||||
};
|
||||
|
||||
@ -524,15 +574,38 @@ const WMarkDown = function(inputs){
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {!HTMLElement} item
|
||||
* @param {!HTMLElement} box
|
||||
* @returns {number}
|
||||
* @access public
|
||||
*/
|
||||
this.get_next_z = box => {
|
||||
|
||||
/** @type {number} */
|
||||
let z = 10;
|
||||
|
||||
box.childNodes.forEach(node => {
|
||||
if(node && node.style){
|
||||
|
||||
/** @type {number} */
|
||||
const item_z = Number(node.style.zIndex) || 0;
|
||||
|
||||
item_z >= z && (z = item_z + 1);
|
||||
|
||||
};
|
||||
});
|
||||
|
||||
return z;
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {!MouseEvent} event
|
||||
* @returns {void}
|
||||
* @access public
|
||||
*/
|
||||
this.dictionary_over = (item, event) => setTimeout(() => {
|
||||
this.dictionary_over = event => setTimeout(() => {
|
||||
|
||||
/** @type {string|null} */
|
||||
const hash = item.getAttribute("data-hash");
|
||||
const hash = event.target.getAttribute("data-hash");
|
||||
|
||||
if(!hash || dictionary_boxes.includes(hash))
|
||||
return;
|
||||
@ -542,13 +615,14 @@ const WMarkDown = function(inputs){
|
||||
/** @type {HTMLDivElement} */
|
||||
box = document.querySelector("body").appendChild(document.createElement("div")),
|
||||
/** @type {DOMRect} */
|
||||
bounds = item.getBoundingClientRect(),
|
||||
bounds = event.target.getBoundingClientRect(),
|
||||
/** @type {number} */
|
||||
x = bounds.x + (bounds.width / 2),
|
||||
/** @type {number} */
|
||||
y = bounds.y + (bounds.height / 2),
|
||||
/** @type {number} */
|
||||
i = Number(item.getAttribute("data-i")),
|
||||
i = Number(event.target.getAttribute("data-i")),
|
||||
/** @type {string} */
|
||||
own_keys = [];
|
||||
|
||||
box.setAttribute("class", "wmd-dictionary-box");
|
||||
@ -568,7 +642,8 @@ const WMarkDown = function(inputs){
|
||||
) + `" style="background-image:url('` + link.match(/^[^\:]+\:\/{2}[^\/]+/)[0] + `/favicon.ico');"></a>`).join("") + `</nav>
|
||||
`);
|
||||
|
||||
box.style.zIndex = dictionary_z ++;
|
||||
// box.style.zIndex = dictionary_z ++;
|
||||
box.style.zIndex = self.get_next_z(box.parentNode);
|
||||
if(x > body.offsetWidth / 2)
|
||||
box.style.right = (body.offsetWidth - x) + "px";
|
||||
else
|
||||
@ -583,7 +658,6 @@ const WMarkDown = function(inputs){
|
||||
}, 100);
|
||||
|
||||
/**
|
||||
* @param {!HTMLElement} item
|
||||
* @param {!MouseEvent} event
|
||||
* @returns {void}
|
||||
* @access public
|
||||
@ -645,6 +719,25 @@ const WMarkDown = function(inputs){
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {!wmarkdown_preload_callback} callback
|
||||
* @returns {string}
|
||||
* @access public
|
||||
*/
|
||||
this.preload_hash = callback => {
|
||||
|
||||
/** @type {string} */
|
||||
const hash = self.get_hash();
|
||||
|
||||
WMarkDown.preload("[data-preload=" + hash + "]", item => {
|
||||
item && item.removeAttribute("data-preload");
|
||||
hashes.splice(hashes.indexOf(hash), 1);
|
||||
callback(item);
|
||||
});
|
||||
|
||||
return hash;
|
||||
};
|
||||
|
||||
constructor();
|
||||
|
||||
};
|
||||
@ -655,7 +748,7 @@ const WMarkDown = function(inputs){
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.format_pattern = pattern => {
|
||||
WMarkDown.format_pattern = pattern => {
|
||||
|
||||
/** @type {RegExpMatchArray} */
|
||||
const matches = pattern.match(/^\/(.+)\/([a-z]*)$/);
|
||||
@ -672,7 +765,7 @@ WMarkDown.prototype.format_pattern = pattern => {
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.get = (url, callback) => {
|
||||
WMarkDown.get = (url, callback) => {
|
||||
|
||||
/** @type {boolean} */
|
||||
let ended = false;
|
||||
@ -712,13 +805,18 @@ WMarkDown.prototype.get = (url, callback) => {
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {!HTMLSpanElement} item
|
||||
* @param {!MouseEvent} event
|
||||
* @returns {void}
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.deploy = (item, event) => item.setAttribute("data-deployed", item.getAttribute("data-deployed") == "false");
|
||||
WMarkDown.deploy = event => {
|
||||
|
||||
const item = event.target.hasAttribute("data-deployed") ? event.target : event.target.parentNode;
|
||||
|
||||
item.setAttribute("data-deployed", item.getAttribute("data-deployed") == "false");
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {!HTMLImageElement} item
|
||||
@ -727,7 +825,7 @@ WMarkDown.prototype.deploy = (item, event) => item.setAttribute("data-deployed",
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.image_load = (item, event) => {
|
||||
WMarkDown.image_load = (item, event) => {
|
||||
|
||||
/** @type {Array.<string>} */
|
||||
const images = JSON.parse(atob(item.getAttribute("data-sources"))),
|
||||
@ -751,7 +849,7 @@ WMarkDown.prototype.image_load = (item, event) => {
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.image_loaded = (item, event) => {
|
||||
WMarkDown.image_loaded = (item, event) => {
|
||||
|
||||
/** @type {HTMLSpanElement|Null} */
|
||||
const span_image = item.parentNode.querySelector(".image");
|
||||
@ -763,13 +861,12 @@ WMarkDown.prototype.image_loaded = (item, event) => {
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {!HTMLElement} [item]
|
||||
* @param {!EventTarget} [event]
|
||||
* @returns {void}
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.show_menu = (item, event) => document.querySelector(".wmd-main-menu").setAttribute("data-visible", true);
|
||||
WMarkDown.show_menu = event => document.querySelector(".wmd-main-menu").setAttribute("data-visible", true);
|
||||
|
||||
/**
|
||||
* @param {!EventTarget} event
|
||||
@ -777,7 +874,7 @@ WMarkDown.prototype.show_menu = (item, event) => document.querySelector(".wmd-ma
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.hide_menu = event => {
|
||||
WMarkDown.hide_menu = event => {
|
||||
if(
|
||||
event.target.parentNode.parentNode.classList &&
|
||||
event.target.parentNode.parentNode.classList.contains("wmd-main-menu-button")
|
||||
@ -807,7 +904,7 @@ WMarkDown.prototype.hide_menu = event => {
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.prototype.view_switch = (item, event) => {
|
||||
WMarkDown.view_switch = (item, event) => {
|
||||
|
||||
/** @type {HTMLDivElement} */
|
||||
const box = item.parentNode.parentNode.querySelector(".code");
|
||||
@ -824,3 +921,52 @@ WMarkDown.prototype.view_switch = (item, event) => {
|
||||
["lines", "content"].forEach(key => box.querySelector("." + key).setAttribute("data-visible", !visible));
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {!(string|HTMLElement)} selector
|
||||
* @param {!wmarkdown_preload_callback} callback
|
||||
* @returns {void}
|
||||
* @access public
|
||||
* @static
|
||||
*/
|
||||
WMarkDown.preload = (selector, callback) => {
|
||||
if(typeof callback == "function"){
|
||||
if(!selector)
|
||||
callback(null, false, 1 << 1);
|
||||
else if(selector.tagName || selector.nodeName)
|
||||
callback(selector, false, 0);
|
||||
else if(typeof selector == "string"){
|
||||
|
||||
/** @type {HTMLElement|null} */
|
||||
let item = null;
|
||||
|
||||
try{
|
||||
if(item = document.querySelector(selector)){
|
||||
callback(item, false, 0);
|
||||
return;
|
||||
};
|
||||
}catch(exception){
|
||||
callback(null, false, 1 << 0);
|
||||
return;
|
||||
};
|
||||
|
||||
/** @type {number} */
|
||||
const date = Date.now(),
|
||||
/** @type {number} */
|
||||
interval = setInterval(() => {
|
||||
if(item = document.querySelector(selector)){
|
||||
clearInterval(interval);
|
||||
callback(item, true, 0);
|
||||
}else if(Date.now() - date > 2000){
|
||||
clearInterval(interval);
|
||||
callback(null, false, 1 << 2);
|
||||
};
|
||||
}, 250);
|
||||
|
||||
}else
|
||||
callback(null, false, 1 << 3);
|
||||
};
|
||||
};
|
||||
|
||||
return WMarkDown;
|
||||
})();
|
||||
@ -54,7 +54,7 @@
|
||||
.wmd-code-block .content {
|
||||
position: absolute;
|
||||
top: 0em;
|
||||
left: 4.3em;
|
||||
left: 6.3em;
|
||||
right: 0em;
|
||||
margin: 0em;
|
||||
font-family: monospace;
|
||||
@ -170,7 +170,7 @@
|
||||
.wmd-list [data-icon=deploy] + [data-i18n], .wmd-main-menu [data-icon=deploy] + [data-i18n] {
|
||||
display: none; }
|
||||
|
||||
.wmd-dictionary-item[onclick] {
|
||||
.wmd .wmd-dictionary-item[data-role], .wmd-dictionary-box .wmd-dictionary-item[data-role] {
|
||||
cursor: help; }
|
||||
|
||||
.wmd-dictionary-box {
|
||||
@ -274,8 +274,13 @@
|
||||
display: none; }
|
||||
|
||||
.wmd-code-doc {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: .85em;
|
||||
border: none; }
|
||||
border: none;
|
||||
min-inline-size: auto;
|
||||
overflow-x: auto;
|
||||
box-sizing: border-box; }
|
||||
.wmd-code-doc legend {
|
||||
display: none; }
|
||||
.wmd-code-doc .description {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -54,7 +54,7 @@ $transition-out : 1s;
|
||||
.content{
|
||||
position : absolute;
|
||||
top : 0em;
|
||||
left : 4.3em;
|
||||
left : 6.3em;
|
||||
right : 0em;
|
||||
margin : 0em;
|
||||
font-family : monospace;
|
||||
@ -137,18 +137,6 @@ $transition-out : 1s;
|
||||
}
|
||||
}
|
||||
|
||||
// .wmd-dictionary-item{
|
||||
// // text-decoration : underline dotted;
|
||||
// opacity : .8;
|
||||
// cursor : pointer;
|
||||
// transition-duration : $transition-out;
|
||||
// transition-property : opacity;
|
||||
// &:hover{
|
||||
// opacity : 1;
|
||||
// transition-duration : $transition-in;
|
||||
// }
|
||||
// }
|
||||
|
||||
.wmd-table{
|
||||
padding : 1em 0em;
|
||||
margin-left : 5%;
|
||||
@ -198,7 +186,7 @@ $transition-out : 1s;
|
||||
}
|
||||
}
|
||||
|
||||
.wmd-dictionary-item[onclick]{cursor : help;}
|
||||
.wmd,.wmd-dictionary-box{.wmd-dictionary-item[data-role]{cursor : help;}}
|
||||
.wmd-dictionary-box{
|
||||
position : absolute;
|
||||
max-width : 15em;
|
||||
@ -319,9 +307,14 @@ $transition-out : 1s;
|
||||
}
|
||||
|
||||
.wmd-code-doc{
|
||||
display : block;
|
||||
width : 100%;
|
||||
font-size : .85em;
|
||||
border : none;
|
||||
min-inline-size : auto;
|
||||
// border-radius : .5em;
|
||||
overflow-x : auto;
|
||||
box-sizing : border-box;
|
||||
legend{display : none;}
|
||||
.description{
|
||||
font-family : monospace;
|
||||
|
||||
@ -26,19 +26,19 @@ html, body {
|
||||
.wmarkdown-web[data-gui-mode=light], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] {
|
||||
background-color: #EFEFEF;
|
||||
color: #222; }
|
||||
.wmarkdown-web[data-gui-mode=light] a[href], .wmarkdown-web[data-gui-mode=light] [onclick], .wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit] {
|
||||
.wmarkdown-web[data-gui-mode=light] a[href], .wmarkdown-web[data-gui-mode=light] [onclick], .wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=light] [data-role=link], .wmarkdown-web[data-gui-mode=light] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=link], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button] {
|
||||
color: #008844; }
|
||||
.wmarkdown-web[data-gui-mode=light] a[href]:hover, .wmarkdown-web[data-gui-mode=light] [onclick]:hover, .wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover {
|
||||
.wmarkdown-web[data-gui-mode=light] a[href]:hover, .wmarkdown-web[data-gui-mode=light] [onclick]:hover, .wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover {
|
||||
color: #880044; }
|
||||
.wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown] {
|
||||
color: #115533; }
|
||||
.wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover {
|
||||
color: #551133; }
|
||||
.wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit] {
|
||||
border-color: 0.1em solid #008844;
|
||||
.wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=light] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button] {
|
||||
border: 0.1em solid #008844;
|
||||
box-shadow: 0em 0em 0.4em #008844; }
|
||||
.wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover {
|
||||
border-color: 0.1em solid #880044;
|
||||
.wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover {
|
||||
border-color: #880044;
|
||||
box-shadow: 0em 0em 0.4em #880044; }
|
||||
.wmarkdown-web[data-gui-mode=light] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-item {
|
||||
color: #115533; }
|
||||
@ -54,19 +54,19 @@ html, body {
|
||||
.wmarkdown-web[data-gui-mode=dark], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] {
|
||||
background-color: #222;
|
||||
color: #EFEFEF; }
|
||||
.wmarkdown-web[data-gui-mode=dark] a[href], .wmarkdown-web[data-gui-mode=dark] [onclick], .wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit] {
|
||||
.wmarkdown-web[data-gui-mode=dark] a[href], .wmarkdown-web[data-gui-mode=dark] [onclick], .wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=dark] [data-role=link], .wmarkdown-web[data-gui-mode=dark] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=link], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button] {
|
||||
color: #309d66; }
|
||||
.wmarkdown-web[data-gui-mode=dark] a[href]:hover, .wmarkdown-web[data-gui-mode=dark] [onclick]:hover, .wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover {
|
||||
.wmarkdown-web[data-gui-mode=dark] a[href]:hover, .wmarkdown-web[data-gui-mode=dark] [onclick]:hover, .wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover {
|
||||
color: #9d3066; }
|
||||
.wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown] {
|
||||
color: #90c6ab; }
|
||||
.wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover {
|
||||
color: #c690ab; }
|
||||
.wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit] {
|
||||
border-color: 0.1em solid #309d66;
|
||||
.wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=dark] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button] {
|
||||
border: 0.1em solid #309d66;
|
||||
box-shadow: 0em 0em 0.4em #309d66; }
|
||||
.wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover {
|
||||
border-color: 0.1em solid #9d3066;
|
||||
.wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover {
|
||||
border-color: #9d3066;
|
||||
box-shadow: 0em 0em 0.4em #9d3066; }
|
||||
.wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-item {
|
||||
color: #90c6ab; }
|
||||
@ -79,17 +79,17 @@ html, body {
|
||||
box-shadow: 0.1em 0.1em 0.2em #EFEFEF; }
|
||||
.wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-box a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-box a[href] {
|
||||
background-color: rgba(255, 255, 255, 0.1); }
|
||||
.wmarkdown-web a[href] {
|
||||
.wmarkdown-web a[href], .wmarkdown-web [data-role=link] {
|
||||
text-decoration: none;
|
||||
word-break: break-word; }
|
||||
.wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit] {
|
||||
.wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=link], .wmarkdown-web [data-role=button] {
|
||||
cursor: pointer;
|
||||
transition-duration: 1s; }
|
||||
.wmarkdown-web a[href]:hover, .wmarkdown-web [onclick]:hover, .wmarkdown-web [onmouseover]:hover, .wmarkdown-web [onmousedown]:hover, .wmarkdown-web button:hover, .wmarkdown-web [type=button]:hover, .wmarkdown-web [type=reset]:hover, .wmarkdown-web [type=submit]:hover {
|
||||
.wmarkdown-web a[href]:hover, .wmarkdown-web [onclick]:hover, .wmarkdown-web [onmouseover]:hover, .wmarkdown-web [onmousedown]:hover, .wmarkdown-web button:hover, .wmarkdown-web [type=button]:hover, .wmarkdown-web [type=reset]:hover, .wmarkdown-web [type=submit]:hover, .wmarkdown-web [data-role=link]:hover, .wmarkdown-web [data-role=button]:hover {
|
||||
transition-duration: 0.2s; }
|
||||
.wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit] {
|
||||
.wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=link], .wmarkdown-web [data-role=button] {
|
||||
transition-property: color; }
|
||||
.wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit] {
|
||||
.wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=button] {
|
||||
transition-property: color,border-color,box-shadow; }
|
||||
.wmarkdown-web h2 {
|
||||
font-size: 2.6em; }
|
||||
@ -144,6 +144,9 @@ html, body {
|
||||
overflow: auto;
|
||||
box-sizing: border-box; }
|
||||
.wmarkdown-web footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-items: center;
|
||||
bottom: 0em;
|
||||
height: 2.5em;
|
||||
z-index: 30; }
|
||||
@ -161,14 +164,11 @@ html, body {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0em;
|
||||
bottom: 0em;
|
||||
width: 100%;
|
||||
flex: auto;
|
||||
text-align: center;
|
||||
padding: .1em .2em;
|
||||
font-weight: 900;
|
||||
font-size: .85em;
|
||||
font-size: .65em;
|
||||
box-sizing: border-box; }
|
||||
.wmarkdown-web .license {
|
||||
display: flex;
|
||||
@ -184,8 +184,29 @@ html, body {
|
||||
vertical-align: middle; }
|
||||
.wmarkdown-web .license img {
|
||||
width: auto;
|
||||
height: 2.5em;
|
||||
height: 3em;
|
||||
margin: .2em .2em; }
|
||||
.wmarkdown-web .gui-controls {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-items: center;
|
||||
align-items: stretch;
|
||||
flex-grow: 0;
|
||||
order: -1;
|
||||
border: none;
|
||||
font-size: .85em; }
|
||||
.wmarkdown-web .gui-controls button[data-i18n=zoom_less], .wmarkdown-web .gui-controls button[data-i18n=zoom_reset], .wmarkdown-web .gui-controls button[data-i18n=zoom_more], .wmarkdown-web .gui-controls span[data-i18n], .wmarkdown-web .gui-controls legend {
|
||||
display: none; }
|
||||
.wmarkdown-web .gui-controls [data-icon]::before {
|
||||
margin: 0em; }
|
||||
.wmarkdown-web .gui-controls [type=number] {
|
||||
display: none;
|
||||
width: 3em;
|
||||
font-family: "Roboto Mono"; }
|
||||
.wmarkdown-web .gui-controls button[data-i18n=zoom_mode] {
|
||||
border-radius: 0.3em 0em 0em 0.3em; }
|
||||
.wmarkdown-web .gui-controls > :last-child {
|
||||
border-radius: 0em 0.3em 0.3em 0em; }
|
||||
.wmarkdown-web main {
|
||||
overflow: auto; }
|
||||
.wmarkdown-web footer > .licenses {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"mappings": "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",
|
||||
"sources": ["WMarkDown.web.scss","../../../AnP/Public/scss/AnP.common.scss","../../../AnP/Public/scss/AnP.settings.scss"],
|
||||
"names": [],
|
||||
"file": "WMarkDown.web.css"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user