mapaler
/
PADDashFormation
Not watched
1
0
Fork 0
Code
Releases 163 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
Browse Source

调整大量CSS

pull/3/head
枫谷剑仙 1 year ago
parent
f159bc2256
commit
6301fc60ea
13 changed files with 255 additions and 180 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      fonts/fa-regular-400.woff2
  2. BIN
      fonts/fa-solid-900.woff2
  3. +2
    -15
      languages/en.css
  4. +2
    -15
      languages/ja.css
  5. +2
    -15
      languages/ko.css
  6. +2
    -15
      languages/zh-hans.css
  7. +2
    -15
      languages/zh-hant.css
  8. +22
    -14
      multi.html
  9. +44
    -11
      script.js
  10. +15
    -11
      service-worker.js
  11. +26
    -18
      solo.html
  12. +116
    -37
      style.css
  13. +22
    -14
      triple.html

BIN
fonts/fa-regular-400.woff2 View File


BIN
fonts/fa-solid-900.woff2 View File


+ 2
- 15
languages/en.css View File

@@ -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";
}


+ 2
- 15
languages/ja.css View File

@@ -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: "🔍検索の開始";
}


+ 2
- 15
languages/ko.css View File

@@ -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: "🔍검색 시작";
}


+ 2
- 15
languages/zh-hans.css View File

@@ -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: "🔍开始搜索";
}


+ 2
- 15
languages/zh-hant.css View File

@@ -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: "🔍開始搜索";
}


+ 22
- 14
multi.html View File

@@ -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>


+ 44
- 11
script.js View File

@@ -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;


+ 15
- 11
service-worker.js View File

@@ -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",


+ 26
- 18
solo.html View File

@@ -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">


+ 116
- 37
style.css View File

@@ -16,9 +16,9 @@
url("./fonts/zpix.woff2") format('woff2');
font-weight: normal;
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;


+ 22
- 14
triple.html View File

@@ -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>


Write Preview
Loading…
Cancel
Save