调整大量CSS
This commit is contained in:
parent
f159bc2256
commit
6301fc60ea
Binary file not shown.
Binary file not shown.
|
|
@ -181,11 +181,8 @@ label[for="merge-skill"]::after{
|
|||
.type-name[data-type-name='9']::after{
|
||||
content: "Special Protection";
|
||||
}
|
||||
.control-box .datasource-label::before{
|
||||
content: "🕹️Data source:";
|
||||
}
|
||||
.control-box .datasource-updatetime::before{
|
||||
content: "🗓️Update Time:";
|
||||
label[for="datasource"]::after{
|
||||
content: "Game:";
|
||||
}
|
||||
.control-box .btn-solo-link::before{
|
||||
content: "🧑Jump To Solo Mode";
|
||||
|
|
@ -381,7 +378,6 @@ label[for="fix-main-color"]::after{
|
|||
}
|
||||
.search-box .awoken-clear::before,
|
||||
.search-box .sawoken-clear::before,
|
||||
.special-div .special-clear::before,
|
||||
#attr-clear::before
|
||||
{
|
||||
content: "Clear";
|
||||
|
|
@ -417,15 +413,6 @@ label[for="box-have"]::after
|
|||
{
|
||||
content: "Emphasize my box";
|
||||
}
|
||||
.special-div .special-add::before {
|
||||
content: "➕";
|
||||
}
|
||||
.special-div .special-star::before {
|
||||
content: "☆";
|
||||
}
|
||||
.special-div .special-star.marked::before {
|
||||
content: "★";
|
||||
}
|
||||
.control-div .search-start::before{
|
||||
content: "🔍Start Search";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -174,11 +174,8 @@ label[for="merge-skill"]::after{
|
|||
.type-name[data-type-name='9']::after{
|
||||
content: "特別保護";
|
||||
}
|
||||
.control-box .datasource-label::before{
|
||||
content: "🕹️データ ソース:";
|
||||
}
|
||||
.control-box .datasource-updatetime::before{
|
||||
content: "🗓️更新時刻:";
|
||||
label[for="datasource"]::after{
|
||||
content: "ゲーム:";
|
||||
}
|
||||
.control-box .btn-solo-link::before{
|
||||
content: "🧑ソロモードに移動";
|
||||
|
|
@ -375,7 +372,6 @@ label[for="fix-main-color"]::after{
|
|||
}
|
||||
.search-box .awoken-clear::before,
|
||||
.search-box .sawoken-clear::before,
|
||||
.special-div .special-clear::before,
|
||||
#attr-clear::before
|
||||
{
|
||||
content: "クリア";
|
||||
|
|
@ -411,15 +407,6 @@ label[for="box-have"]::after
|
|||
{
|
||||
content: "ケースに所有することを強調";
|
||||
}
|
||||
.special-div .special-add::before {
|
||||
content: "➕";
|
||||
}
|
||||
.special-div .special-star::before {
|
||||
content: "☆";
|
||||
}
|
||||
.special-div .special-star.marked::before {
|
||||
content: "★";
|
||||
}
|
||||
.control-div .search-start::before{
|
||||
content: "🔍検索の開始";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -170,11 +170,8 @@ label[for="merge-skill"]::after{
|
|||
.type-name[data-type-name='9']::after{
|
||||
content: "특별 보호";
|
||||
}
|
||||
.control-box .datasource-label::before{
|
||||
content: "🕹️데이터 소스:";
|
||||
}
|
||||
.control-box .datasource-updatetime::before{
|
||||
content: "🗓️업데이트 시간:";
|
||||
label[for="datasource"]::after{
|
||||
content: "게임:";
|
||||
}
|
||||
.control-box .btn-solo-link::before{
|
||||
content: "🧑1인 모드 이동";
|
||||
|
|
@ -370,7 +367,6 @@ label[for="fix-main-color"]::after{
|
|||
}
|
||||
.search-box .awoken-clear::before,
|
||||
.search-box .sawoken-clear::before,
|
||||
.special-div .special-clear::before,
|
||||
#attr-clear::before
|
||||
{
|
||||
content: "명확한";
|
||||
|
|
@ -402,15 +398,6 @@ label[for="not-weapon"]::after
|
|||
{
|
||||
content: "무기가 아님";
|
||||
}
|
||||
.special-div .special-add::before {
|
||||
content: "➕";
|
||||
}
|
||||
.special-div .special-star::before {
|
||||
content: "☆";
|
||||
}
|
||||
.special-div .special-star.marked::before {
|
||||
content: "★";
|
||||
}
|
||||
.control-div .search-start::before{
|
||||
content: "🔍검색 시작";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -176,11 +176,8 @@ label[for="merge-skill"]::after{
|
|||
.type-name[data-type-name='9']::after{
|
||||
content: "特別保護";
|
||||
}
|
||||
.control-box .datasource-label::before{
|
||||
content: "🕹️数据来源：";
|
||||
}
|
||||
.control-box .datasource-updatetime::before{
|
||||
content: "🗓️更新时间：";
|
||||
label[for="datasource"]::after{
|
||||
content: "游戏：";
|
||||
}
|
||||
.control-box .btn-solo-link::before{
|
||||
content: "🧑转到单人游戏";
|
||||
|
|
@ -375,7 +372,6 @@ label[for="fix-main-color"]::after{
|
|||
}
|
||||
.search-box .awoken-clear::before,
|
||||
.search-box .sawoken-clear::before,
|
||||
.special-div .special-clear::before,
|
||||
#attr-clear::before
|
||||
{
|
||||
content: "清除";
|
||||
|
|
@ -411,15 +407,6 @@ label[for="box-have"]::after
|
|||
{
|
||||
content: "强调箱子拥有";
|
||||
}
|
||||
.special-div .special-add::before {
|
||||
content: "➕";
|
||||
}
|
||||
.special-div .special-star::before {
|
||||
content: "☆";
|
||||
}
|
||||
.special-div .special-star.marked::before {
|
||||
content: "★";
|
||||
}
|
||||
.control-div .search-start::before{
|
||||
content: "🔍开始搜索";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -176,11 +176,8 @@ label[for="merge-skill"]::after{
|
|||
.type-name[data-type-name='9']::after{
|
||||
content: "特別保護";
|
||||
}
|
||||
.control-box .datasource-label::before{
|
||||
content: "🕹️數據來源：";
|
||||
}
|
||||
.control-box .datasource-updatetime::before{
|
||||
content: "🗓️更新時間：";
|
||||
label[for="datasource"]::after{
|
||||
content: "遊戲：";
|
||||
}
|
||||
.control-box .btn-solo-link::before{
|
||||
content: "🧑轉到單人遊戲";
|
||||
|
|
@ -376,7 +373,6 @@ label[for="fix-main-color"]::after{
|
|||
}
|
||||
.search-box .awoken-clear::before,
|
||||
.search-box .sawoken-clear::before,
|
||||
.special-div .special-clear::before,
|
||||
#attr-clear::before
|
||||
{
|
||||
content: "清除";
|
||||
|
|
@ -412,15 +408,6 @@ label[for="box-have"]::after
|
|||
{
|
||||
content: "强調箱子擁有";
|
||||
}
|
||||
.special-div .special-add::before {
|
||||
content: "➕";
|
||||
}
|
||||
.special-div .special-star::before {
|
||||
content: "☆";
|
||||
}
|
||||
.special-div .special-star.marked::before {
|
||||
content: "★";
|
||||
}
|
||||
.control-div .search-start::before{
|
||||
content: "🔍開始搜索";
|
||||
}
|
||||
|
|
|
|||
36
multi.html
36
multi.html
|
|
@ -53,11 +53,11 @@ const teamsCount = 2;
|
|||
<noscript>您的浏览器不支持 JavaScript！<br/>Your browser does not support JavaScript!</noscript>
|
||||
<div class="control-box">
|
||||
<div>
|
||||
<label class="languages-label fa" for="languages"></label><select class="languages" id="languages"></select>
|
||||
<label class="datasource-label"><select class="datasource"></select></label>
|
||||
<button onclick="loadData(true);" class="datasource-updatetime" title="强制刷新数据"></button>
|
||||
<a class="help-link fa" target="_blank" href="doc/index.html"></a>
|
||||
<a class="feedback-link fa" target="_blank" href="https://github.com/Mapaler/PADDashFormation/issues"></a>
|
||||
<label for="languages"></label><select class="languages" id="languages"></select>
|
||||
<label for="datasource"></label><select class="datasource" id="datasource"></select>
|
||||
<button onclick="loadData(true);" id="datasource-updatetime" title="强制刷新数据"></button>
|
||||
<a class="help-link" target="_blank" href="doc/index.html"></a>
|
||||
<a class="feedback-link" target="_blank" href="https://github.com/Mapaler/PADDashFormation/issues"></a>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn-clear-data" onclick="clearData();"></button>
|
||||
|
|
@ -110,7 +110,7 @@ const teamsCount = 2;
|
|||
<div>
|
||||
<span class="lbl-henshin-change"><button class="btn-henshin" data-step="-1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button><button class="btn-henshin" data-step="+1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button></span>
|
||||
<span class="lbl-remove-assist"><button class="btn-remove-assist" onclick="formation.removeAssist();"></span>
|
||||
<button id="btn-set-dungeon-enchance" class="fa"></button>
|
||||
<button id="btn-set-dungeon-enchance"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="formation-box">
|
||||
|
|
@ -1226,20 +1226,28 @@ const teamsCount = 2;
|
|||
</ul>
|
||||
</details>
|
||||
</div>
|
||||
<div class="special-div">
|
||||
<button class="special-add brown-button"></button>
|
||||
<button class="special-clear brown-button"></button>
|
||||
<button class="special-star brown-button"></button>
|
||||
<ul class="special-filter-list">
|
||||
<li><select class="special-filter"></select></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="fast-switch">
|
||||
<input type="checkbox" name="can-assist" id="can-assist"><label for="can-assist"></label>
|
||||
<input type="checkbox" name="can-level-limit-breakthrough" id="can-level-limit-breakthrough"><label for="can-level-limit-breakthrough"></label>
|
||||
<input type="checkbox" name="have-8-latent-slot" id="have-8-latent-slot"><label for="have-8-latent-slot"></label>
|
||||
<input type="checkbox" name="not-weapon" id="not-weapon"><label for="not-weapon"></label>
|
||||
</div>
|
||||
<div class="special-div">
|
||||
<div class="button-div">
|
||||
<button class="special-add brown-button"></button>
|
||||
<button class="special-clear brown-button"></button>
|
||||
<button class="special-star brown-button"></button>
|
||||
</div>
|
||||
<ul class="special-filter-list">
|
||||
<li>
|
||||
<select class="special-filter"></select>
|
||||
<button class="copy-filter"></button>
|
||||
<button class="shift-up-filter"></button>
|
||||
<button class="shift-down-filter"></button>
|
||||
<button class="remove-filter"></button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="control-div"><!--控制栏-->
|
||||
<div class="button-div"><!--额外显示栏-->
|
||||
<button class="search-close"><!--关闭搜索--></button>
|
||||
|
|
|
|||
55
script.js
55
script.js
|
|
@ -2155,7 +2155,7 @@ function loadData(force = false)
|
|||
{
|
||||
if (controlBox)
|
||||
{
|
||||
const updateTime = controlBox.querySelector(".datasource-updatetime");
|
||||
const updateTime = controlBox.querySelector("#datasource-updatetime");
|
||||
updateTime.textContent = new Date(currentCkey.updateTime).toLocaleString(undefined, { hour12: false });
|
||||
clearInterval(controlBoxHook);
|
||||
}
|
||||
|
|
@ -2683,7 +2683,7 @@ function initialize() {
|
|||
}
|
||||
|
||||
//▼添加语言列表开始
|
||||
const langSelectDom = controlBox.querySelector(".languages");
|
||||
const langSelectDom = controlBox.querySelector("#languages");
|
||||
languageList.forEach(lang =>
|
||||
langSelectDom.options.add(new Option(lang.name, lang.i18n))
|
||||
);
|
||||
|
|
@ -2693,7 +2693,7 @@ function initialize() {
|
|||
|
||||
//▲添加语言列表结束
|
||||
//▼添加数据来源列表开始
|
||||
const dataSelectDom = controlBox.querySelector(".datasource");
|
||||
const dataSelectDom = controlBox.querySelector("#datasource");
|
||||
dataSourceList.forEach(ds =>
|
||||
dataSelectDom.options.add(new Option(ds.source, ds.code))
|
||||
);
|
||||
|
|
@ -4689,6 +4689,40 @@ function initialize() {
|
|||
const specialFilterUl = s_specialDiv.querySelector(".special-filter-list");
|
||||
const specialFilterFirstLi = specialFilterUl.querySelector("li");
|
||||
const specialFirstSelect = specialFilterFirstLi.querySelector(".special-filter");
|
||||
function filterCopy() {
|
||||
const target = this.parentElement;
|
||||
const newFilter = target.cloneNode(true);
|
||||
const newSelect = newFilter.querySelector(".special-filter");
|
||||
newSelect.selectedIndex = target.querySelector(".special-filter").selectedIndex;
|
||||
filterBindOnclick(newFilter);
|
||||
target.insertAdjacentElement('afterend', newFilter);
|
||||
return newSelect;
|
||||
}
|
||||
function filterShiftUp() {
|
||||
const parent = this.parentElement;
|
||||
const target = parent.previousElementSibling;
|
||||
if (target) {
|
||||
target.insertAdjacentElement('beforebegin', parent);
|
||||
}
|
||||
}
|
||||
function filterShiftDown() {
|
||||
const parent = this.parentElement;
|
||||
const target = parent.nextElementSibling;
|
||||
if (target) {
|
||||
target.insertAdjacentElement('afterend', parent);
|
||||
}
|
||||
}
|
||||
function filterRemove() {
|
||||
this.parentElement.remove();
|
||||
}
|
||||
//给这个特殊搜索绑定函数
|
||||
function filterBindOnclick(li) {
|
||||
li.querySelector(".copy-filter").onclick = filterCopy;
|
||||
li.querySelector(".shift-up-filter").onclick = filterShiftUp;
|
||||
li.querySelector(".shift-down-filter").onclick = filterShiftDown;
|
||||
li.querySelector(".remove-filter").onclick = filterRemove;
|
||||
}
|
||||
filterBindOnclick(specialFilterFirstLi);
|
||||
|
||||
function newSpecialSearchOption(func, idx1, idx2)
|
||||
{
|
||||
|
|
@ -4764,7 +4798,6 @@ function initialize() {
|
|||
specialFilterUl.appendChild(specialFilterLi);
|
||||
return specialFilterSelection;
|
||||
}
|
||||
//specialAdd.onclick(); //先运行一次产生两个
|
||||
specialClear.onclick = function() {
|
||||
searchMonList.customAddition = null;
|
||||
specialFilterUl.innerHTML = "";
|
||||
|
|
@ -4773,6 +4806,8 @@ function initialize() {
|
|||
}
|
||||
specialStar.onclick = function() {
|
||||
const indexs = specialFirstSelect.value.split("|").map(Number);
|
||||
if (indexs[0] === 0 && indexs.length === 1) return;
|
||||
|
||||
let markIdx = markedFilter.findIndex(arr=>arr[0] === indexs[0] && arr[1] === indexs[1]);
|
||||
if (markIdx >= 0) {//已经存在的收藏
|
||||
markedFilter.splice(markIdx,1);
|
||||
|
|
@ -4955,7 +4990,7 @@ function initialize() {
|
|||
const specialFilterSelections = Array.from(specialFilterUl.querySelectorAll(".special-filter"));
|
||||
//将筛选个数增加到需要的个数
|
||||
for (let i = specialFilterSelections.length; i < specialFilters.length; i++) {
|
||||
specialFilterSelections.push(specialAdd.onclick());
|
||||
specialFilterSelections.push(specialAdd.onclick.onclick());
|
||||
}
|
||||
//将每一个搜索都设置好
|
||||
for (let i = 0; i < specialFilters.length; i++) {
|
||||
|
|
@ -5587,14 +5622,12 @@ function initialize() {
|
|||
};
|
||||
|
||||
//语言选择
|
||||
const langList = controlBox.querySelector(".languages");
|
||||
langList.onchange = function() {
|
||||
langSelectDom.onchange = function() {
|
||||
createNewUrl({ "language": this.value });
|
||||
history.go();
|
||||
};
|
||||
//数据源选择
|
||||
const dataList = controlBox.querySelector(".datasource");
|
||||
dataList.onchange = function() {
|
||||
dataSelectDom.onchange = function() {
|
||||
createNewUrl({ datasource: this.value });
|
||||
history.go();
|
||||
};
|
||||
|
|
@ -5603,7 +5636,7 @@ function initialize() {
|
|||
const languageJS = document.head.appendChild(document.createElement("script"));
|
||||
languageJS.id = "language-js";
|
||||
languageJS.type = "text/javascript";
|
||||
languageJS.src = "languages/" + currentLanguage.i18n + ".js";
|
||||
languageJS.src = `languages/${currentLanguage.i18n}.js`;
|
||||
|
||||
if (isGuideMod) //图鉴模式直接打开搜索框
|
||||
{
|
||||
|
|
@ -7551,7 +7584,7 @@ function fastShowSkill(event) {
|
|||
function localisation($tra) {
|
||||
if (!$tra) return;
|
||||
document.title = $tra.webpage_title;
|
||||
controlBox.querySelector(".datasource-updatetime").title = $tra.force_reload_data;
|
||||
controlBox.querySelector("#datasource-updatetime").title = $tra.force_reload_data;
|
||||
formationBox.querySelector(".title-box .title-code").placeholder = $tra.title_blank;
|
||||
formationBox.querySelector(".title-box .title-display").setAttribute("placeholder",$tra.title_blank);
|
||||
formationBox.querySelector(".detail-box .detail-code").placeholder = $tra.detail_blank;
|
||||
|
|
|
|||
|
|
@ -32289,9 +32289,13 @@ const cachesMap = new Map([
|
|||
"sound/voice/ko/padv999.wav",
|
||||
"698cf604dfbcb60921bcbea85b8e8feb"
|
||||
],
|
||||
[
|
||||
"fonts/fa-regular-400.woff2",
|
||||
"2d89b49ac28614e9ccd9c81308b5120c"
|
||||
],
|
||||
[
|
||||
"fonts/fa-solid-900.woff2",
|
||||
"1ec0ba058c021acf7feaa18081445d63"
|
||||
"237f4a0afbdb652fb2330ee7e1567dd3"
|
||||
],
|
||||
[
|
||||
"fonts/FOT-KurokaneStd-EB.woff2",
|
||||
|
|
@ -32311,7 +32315,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"multi.html",
|
||||
"20f7503e67106e457882ddd5848e422f"
|
||||
"ef8b77ed22257043aa2feb5011d50711"
|
||||
],
|
||||
[
|
||||
"script-custom_elements.js",
|
||||
|
|
@ -32331,11 +32335,11 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"script.js",
|
||||
"4f423034d218b6443b52cd4ad053aa3e"
|
||||
"669ff567d056349838dd31918ba5d518"
|
||||
],
|
||||
[
|
||||
"solo.html",
|
||||
"4973f9f1a8169d2660cf06205e1f814b"
|
||||
"c56f8538c50ca10224097ec96487a7ca"
|
||||
],
|
||||
[
|
||||
"style-monsterimages.css",
|
||||
|
|
@ -32343,7 +32347,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"style.css",
|
||||
"2074baa0c03382beb5858ae76469b4df"
|
||||
"1a5c25f37b6f053d824f69a95ff2f0ac"
|
||||
],
|
||||
[
|
||||
"temp.js",
|
||||
|
|
@ -32351,11 +32355,11 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"triple.html",
|
||||
"57ff5938b64613dc98dc842cc182c10f"
|
||||
"ee62c5f5155957f3677e91cbe0cf9c42"
|
||||
],
|
||||
[
|
||||
"languages/en.css",
|
||||
"8e6a6b48781076a0f548169412cbfc96"
|
||||
"303c429e4dbff852fa693ee3554d50c7"
|
||||
],
|
||||
[
|
||||
"languages/en.js",
|
||||
|
|
@ -32363,7 +32367,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"languages/ja.css",
|
||||
"86b9631b90553cfd9f876d48911e0719"
|
||||
"cf65de21289e398c959063a2d08c833b"
|
||||
],
|
||||
[
|
||||
"languages/ja.js",
|
||||
|
|
@ -32371,7 +32375,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"languages/ko.css",
|
||||
"c931cfd2d7f370991513b7ee8f7066c3"
|
||||
"10b25940cb5923fd63b39a9c02b4b957"
|
||||
],
|
||||
[
|
||||
"languages/ko.js",
|
||||
|
|
@ -32383,7 +32387,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"languages/zh-hans.css",
|
||||
"e402033bd75079423d580b6ad652d071"
|
||||
"4c9116d3e9d22a171271346d8f79a2ae"
|
||||
],
|
||||
[
|
||||
"languages/zh-hans.js",
|
||||
|
|
@ -32391,7 +32395,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"languages/zh-hant.css",
|
||||
"f7f098fd4f3959ba2d0d1185e0b296d0"
|
||||
"a7ce01454f8233168f34fa711d35f349"
|
||||
],
|
||||
[
|
||||
"languages/zh-hant.js",
|
||||
|
|
|
|||
44
solo.html
44
solo.html
|
|
@ -33,11 +33,11 @@ const teamsCount = 1;
|
|||
<noscript>您的浏览器不支持 JavaScript！<br/>Your browser does not support JavaScript!</noscript>
|
||||
<div class="control-box">
|
||||
<div>
|
||||
<label class="languages-label fa" for="languages"></label><select class="languages" id="languages"></select>
|
||||
<label class="datasource-label"><select class="datasource"></select></label>
|
||||
<button onclick="loadData(true);" class="datasource-updatetime" title="强制刷新数据"></button>
|
||||
<a class="help-link fa" target="_blank" href="doc/index.html"></a>
|
||||
<a class="feedback-link fa" target="_blank" href="https://github.com/Mapaler/PADDashFormation/issues"></a>
|
||||
<label for="languages"></label><select class="languages" id="languages"></select>
|
||||
<label for="datasource"></label><select class="datasource" id="datasource"></select>
|
||||
<button onclick="loadData(true);" id="datasource-updatetime" title="强制刷新数据"></button>
|
||||
<a class="help-link" target="_blank" href="doc/index.html"></a>
|
||||
<a class="feedback-link" target="_blank" href="https://github.com/Mapaler/PADDashFormation/issues"></a>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn-clear-data" onclick="clearData();"></button>
|
||||
|
|
@ -89,7 +89,7 @@ const teamsCount = 1;
|
|||
<div>
|
||||
<span class="lbl-henshin-change"><button class="btn-henshin" data-step="-1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button><button class="btn-henshin" data-step="+1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button></span>
|
||||
<span class="lbl-remove-assist"><button class="btn-remove-assist" onclick="formation.removeAssist();"></span>
|
||||
<button id="btn-set-dungeon-enchance" class="fa"></button>
|
||||
<button id="btn-set-dungeon-enchance"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="formation-box">
|
||||
|
|
@ -963,20 +963,28 @@ const teamsCount = 1;
|
|||
</ul>
|
||||
</details>
|
||||
</div>
|
||||
<div class="special-div">
|
||||
<button class="special-add brown-button"></button>
|
||||
<button class="special-clear brown-button"></button>
|
||||
<button class="special-star brown-button"></button>
|
||||
<ul class="special-filter-list">
|
||||
<li><select class="special-filter"></select></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="fast-switch">
|
||||
<input type="checkbox" name="can-assist" id="can-assist"><label for="can-assist"></label>
|
||||
<input type="checkbox" name="can-level-limit-breakthrough" id="can-level-limit-breakthrough"><label for="can-level-limit-breakthrough"></label>
|
||||
<input type="checkbox" name="have-8-latent-slot" id="have-8-latent-slot"><label for="have-8-latent-slot"></label>
|
||||
<input type="checkbox" name="not-weapon" id="not-weapon"><label for="not-weapon"></label>
|
||||
</div>
|
||||
<div class="special-div">
|
||||
<div class="button-div">
|
||||
<button class="special-add brown-button"></button>
|
||||
<button class="special-clear brown-button"></button>
|
||||
<button class="special-star brown-button"></button>
|
||||
</div>
|
||||
<ul class="special-filter-list">
|
||||
<li>
|
||||
<select class="special-filter"></select>
|
||||
<button class="copy-filter brown-button"></button>
|
||||
<button class="shift-up-filter brown-button"></button>
|
||||
<button class="shift-down-filter brown-button"></button>
|
||||
<button class="remove-filter brown-button"></button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="control-div"><!--控制栏-->
|
||||
<div class="button-div"><!--额外显示栏-->
|
||||
<button class="search-close"><!--关闭搜索--></button>
|
||||
|
|
@ -1216,10 +1224,10 @@ const teamsCount = 1;
|
|||
</div>
|
||||
</div>
|
||||
<div class="button-box">
|
||||
<button class="button-null"><!--留空格子--></button>
|
||||
<button class="button-delay"><!--应对威吓--></button>
|
||||
<button class="button-done"><!--确认修改--></button>
|
||||
<button class="button-cancel"><!--取消修改--></button>
|
||||
<button class="button-null brown-button"><!--留空格子--></button>
|
||||
<button class="button-delay brown-button"><!--应对威吓--></button>
|
||||
<button class="button-cancel brown-button"><!--取消修改--></button>
|
||||
<button class="button-done brown-button"><!--确认修改--></button>
|
||||
</div>
|
||||
|
||||
<template id="template-card-a">
|
||||
|
|
|
|||
151
style.css
151
style.css
|
|
@ -18,7 +18,7 @@
|
|||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Font Awesome';
|
||||
font-family: 'Font Awesome Solid';
|
||||
src:
|
||||
local("FontAwesome"),
|
||||
url("fonts/fa-solid-900.woff2") format("woff2");
|
||||
|
|
@ -26,6 +26,15 @@
|
|||
font-weight: 900;
|
||||
font-display: block;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Font Awesome Regular';
|
||||
src:
|
||||
local("FontAwesome"),
|
||||
url("fonts/fa-regular-400.woff2") format("woff2");
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: block;
|
||||
}
|
||||
@keyframes rotate-animate{
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
|
|
@ -39,7 +48,8 @@ body{
|
|||
--head-block-height: 108px;
|
||||
--search-icon-unchecked: 0.4;
|
||||
--font-family : "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||||
--icon-font-family : 'Font Awesome', "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||||
--icon-font-family : 'Font Awesome Solid', "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||||
--icon-regular-font-family : 'Font Awesome Regular', "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||||
--game-font-family : 'FOT-KurokaneStd-EB',"Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||||
--border-width: 2px;
|
||||
|
||||
|
|
@ -53,10 +63,6 @@ body{
|
|||
details>summary:hover {
|
||||
background-color: #00000044;
|
||||
}
|
||||
.fa::before {
|
||||
font-family: var(--icon-font-family);
|
||||
margin-right: 3px;
|
||||
}
|
||||
.control-box,
|
||||
.formation-box
|
||||
{
|
||||
|
|
@ -79,6 +85,17 @@ details>summary:hover {
|
|||
details>summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
.control-box :where(
|
||||
label,
|
||||
button,
|
||||
a,
|
||||
)::before {
|
||||
font-family: var(--icon-font-family);
|
||||
}
|
||||
|
||||
.help-link {
|
||||
cursor: help;
|
||||
}
|
||||
.help-link::before{
|
||||
content: "\f05a";
|
||||
}
|
||||
|
|
@ -382,9 +399,10 @@ ul{
|
|||
border-style: solid;
|
||||
border-width: 2px;
|
||||
border-image: linear-gradient(to bottom,#C38E5F,#2F2008) 1;
|
||||
border-radius: 5px;
|
||||
clip-path: inset(0 round 5px);
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
vertical-align: middle;
|
||||
color: white;
|
||||
font-family: var(--game-font-family);
|
||||
|
|
@ -392,6 +410,9 @@ ul{
|
|||
cursor: pointer;
|
||||
transition: transform 0.1s;
|
||||
}
|
||||
.brown-button:hover {
|
||||
color: lightgreen;
|
||||
}
|
||||
.brown-button:active
|
||||
{
|
||||
transform: scale(1.1);
|
||||
|
|
@ -1786,6 +1807,9 @@ label[for="search-string"]::before {
|
|||
grid-template-columns: 100px min-content 30px auto;
|
||||
grid-gap: 3px;
|
||||
}
|
||||
#search-attr .monster {
|
||||
cursor: help;
|
||||
}
|
||||
#search-attr .options {
|
||||
grid-column: 1 / 5;
|
||||
grid-row: 2 / 3;
|
||||
|
|
@ -2024,12 +2048,15 @@ label[for="search-string"]::before {
|
|||
min-height: 32px;
|
||||
box-sizing: border-box;
|
||||
min-width: 320px;
|
||||
background-color: #00000044;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
border-radius: 6px;
|
||||
box-shadow: inset black 0 0 3px;
|
||||
display: inline-grid;
|
||||
vertical-align: bottom;
|
||||
grid-gap: 0;
|
||||
grid-gap: 1px;
|
||||
}
|
||||
.selected-awokens-div .awoken-clear {
|
||||
font-size: 1em;
|
||||
}
|
||||
/*.search-box .awoken-div::before{
|
||||
content: "觉醒";
|
||||
|
|
@ -2055,19 +2082,17 @@ label[for="search-string"]::before {
|
|||
min-width: unset;
|
||||
background-size: 100px 100px;
|
||||
background-position-y: 40px;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
padding: 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.search-box .rare-clear,
|
||||
.search-box .special-add,
|
||||
.search-box .special-clear,
|
||||
.search-box .special-star
|
||||
{
|
||||
min-width: 50px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
.search-box :where(
|
||||
.rare-clear,
|
||||
.special-add,
|
||||
.special-clear,
|
||||
.special-star
|
||||
) {
|
||||
font-size: 1em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
@keyframes awoken-appear {
|
||||
|
|
@ -2227,14 +2252,62 @@ input[disabled]+.awoken-icon:active,
|
|||
display: inline list-item;
|
||||
}
|
||||
|
||||
.special-div .button-div {
|
||||
display: inline-flex;
|
||||
column-gap: 5px;
|
||||
}
|
||||
.special-div .button-div button,
|
||||
.special-filter-list button {
|
||||
font-family: var(--icon-font-family);
|
||||
}
|
||||
.special-div .button-div .brown-button,
|
||||
.special-filter-list .brown-button {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.special-div .special-add::before {
|
||||
content: "\002b";
|
||||
}
|
||||
.special-div .special-clear::before {
|
||||
content: "\f1f8";
|
||||
}
|
||||
.special-div .special-star::before {
|
||||
content: "\f005";
|
||||
}
|
||||
.special-div .special-star:not(.marked) {
|
||||
/*未选中时显示线条*/
|
||||
font-family: var(--icon-regular-font-family);
|
||||
}
|
||||
.special-filter-list>li{
|
||||
margin-bottom: 5px;
|
||||
margin-right: 3px;
|
||||
display: grid;
|
||||
gap: 2px;
|
||||
grid-template-columns: auto max-content max-content max-content max-content;
|
||||
}
|
||||
.special-filter-list select{
|
||||
.special-filter-list :where(select, button) {
|
||||
font-size: 1.25em;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.special-filter-list .copy-filter::before {
|
||||
content: "\f24d";
|
||||
}
|
||||
.special-filter-list .shift-up-filter::before {
|
||||
content: "\f077";
|
||||
}
|
||||
.special-filter-list .shift-down-filter::before {
|
||||
content: "\f078";
|
||||
}
|
||||
.special-filter-list .remove-filter::before {
|
||||
content: "\f146";
|
||||
}
|
||||
.special-filter-list>li:first-child .remove-filter,
|
||||
.special-filter-list>li:first-child .shift-up-filter,
|
||||
.special-filter-list>li:last-child .shift-down-filter {
|
||||
filter: grayscale(100%);
|
||||
opacity: var(--search-icon-unchecked);
|
||||
pointer-events: none;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.control-div button{
|
||||
|
|
@ -2959,29 +3032,26 @@ a.series-search::before {
|
|||
}
|
||||
|
||||
.edit-box .button-box{
|
||||
border-top: black solid 3px;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
padding: 5px;
|
||||
height: 50px;
|
||||
display: grid;
|
||||
gap: 5px;
|
||||
grid-template-columns: max-content max-content auto max-content max-content;
|
||||
}
|
||||
.edit-box .button-box .button-null,
|
||||
.edit-box .button-box .button-delay,
|
||||
.edit-box .button-box .button-cancel,
|
||||
.edit-box .button-box .button-done{
|
||||
height: 50px;
|
||||
box-sizing: border-box;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
font-size: 1.5em;
|
||||
border-width: 4px;
|
||||
}
|
||||
.edit-box .button-box .button-null,
|
||||
.edit-box .button-box .button-delay{
|
||||
float: left;
|
||||
margin-right:5px;
|
||||
.edit-box .button-box .button-cancel{
|
||||
grid-column: 4 / 5;
|
||||
}
|
||||
.edit-box .button-box .button-cancel,
|
||||
.edit-box .button-box .button-done{
|
||||
float: right;
|
||||
margin-left:5px;
|
||||
grid-column: 5 / 6;
|
||||
}
|
||||
/*.edit-box .button-box .button-null::after{
|
||||
content: "留空格子";
|
||||
|
|
@ -3131,6 +3201,12 @@ label[for="languages"]::before{
|
|||
label[for="languages"]::after{
|
||||
content: "Lanuage:";
|
||||
}
|
||||
label[for="datasource"]::before{
|
||||
content: "\f11b";
|
||||
}
|
||||
#datasource-updatetime::before{
|
||||
content: "\f073";
|
||||
}
|
||||
|
||||
/*
|
||||
.control-box .btn-show-mon-skill-cd::before{
|
||||
|
|
@ -3151,17 +3227,20 @@ label[for="languages"]::after{
|
|||
font-size: 1.5em;
|
||||
}
|
||||
.control-box .btn-henshin::before{
|
||||
content: "▷";
|
||||
content: "\f04e";
|
||||
font-family: var(--icon-font-family);
|
||||
}
|
||||
.control-box .btn-henshin[data-step^="-"]::before{
|
||||
content: "◁";
|
||||
content: "\f04a";
|
||||
}
|
||||
#btn-set-dungeon-enchance {
|
||||
font-size: 1.2em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
#btn-set-dungeon-enchance::before
|
||||
{
|
||||
content: "\f6d9";
|
||||
font-family: var(--icon-font-family);
|
||||
}
|
||||
.control-box .btn-remove-assist{
|
||||
vertical-align: bottom;
|
||||
|
|
|
|||
36
triple.html
36
triple.html
|
|
@ -43,11 +43,11 @@ const teamsCount = 3;
|
|||
<noscript>您的浏览器不支持 JavaScript！<br/>Your browser does not support JavaScript!</noscript>
|
||||
<div class="control-box">
|
||||
<div>
|
||||
<label class="languages-label fa" for="languages"></label><select class="languages" id="languages"></select>
|
||||
<label class="datasource-label"><select class="datasource"></select></label>
|
||||
<button onclick="loadData(true);" class="datasource-updatetime" title="强制刷新数据"></button>
|
||||
<a class="help-link fa" target="_blank" href="doc/index.html"></a>
|
||||
<a class="feedback-link fa" target="_blank" href="https://github.com/Mapaler/PADDashFormation/issues"></a>
|
||||
<label for="languages"></label><select class="languages" id="languages"></select>
|
||||
<label for="datasource"></label><select class="datasource" id="datasource"></select>
|
||||
<button onclick="loadData(true);" id="datasource-updatetime" title="强制刷新数据"></button>
|
||||
<a class="help-link" target="_blank" href="doc/index.html"></a>
|
||||
<a class="feedback-link" target="_blank" href="https://github.com/Mapaler/PADDashFormation/issues"></a>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn-clear-data" onclick="clearData();"></button>
|
||||
|
|
@ -100,7 +100,7 @@ const teamsCount = 3;
|
|||
<div>
|
||||
<span class="lbl-henshin-change"><button class="btn-henshin" data-step="-1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button><button class="btn-henshin" data-step="+1" onclick="henshinStep(parseInt(this.dataset.step,10));"></button></span>
|
||||
<span class="lbl-remove-assist"><button class="btn-remove-assist" onclick="formation.removeAssist();"></span>
|
||||
<button id="btn-set-dungeon-enchance" class="fa"></button>
|
||||
<button id="btn-set-dungeon-enchance"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="formation-box">
|
||||
|
|
@ -1909,20 +1909,28 @@ const teamsCount = 3;
|
|||
</ul>
|
||||
</details>
|
||||
</div>
|
||||
<div class="special-div">
|
||||
<button class="special-add brown-button"></button>
|
||||
<button class="special-clear brown-button"></button>
|
||||
<button class="special-star brown-button"></button>
|
||||
<ul class="special-filter-list">
|
||||
<li><select class="special-filter"></select></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="fast-switch">
|
||||
<input type="checkbox" name="can-assist" id="can-assist"><label for="can-assist"></label>
|
||||
<input type="checkbox" name="can-level-limit-breakthrough" id="can-level-limit-breakthrough"><label for="can-level-limit-breakthrough"></label>
|
||||
<input type="checkbox" name="have-8-latent-slot" id="have-8-latent-slot"><label for="have-8-latent-slot"></label>
|
||||
<input type="checkbox" name="not-weapon" id="not-weapon"><label for="not-weapon"></label>
|
||||
</div>
|
||||
<div class="special-div">
|
||||
<div class="button-div">
|
||||
<button class="special-add brown-button"></button>
|
||||
<button class="special-clear brown-button"></button>
|
||||
<button class="special-star brown-button"></button>
|
||||
</div>
|
||||
<ul class="special-filter-list">
|
||||
<li>
|
||||
<select class="special-filter"></select>
|
||||
<button class="copy-filter"></button>
|
||||
<button class="shift-up-filter"></button>
|
||||
<button class="shift-down-filter"></button>
|
||||
<button class="remove-filter"></button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="control-div"><!--控制栏-->
|
||||
<div class="button-div"><!--额外显示栏-->
|
||||
<button class="search-close"><!--关闭搜索--></button>
|
||||
|
|
|
|||
Loading…
Reference in New Issue