diff --git a/assets/images/sticker/magnific_black-cat-sits-close-besi_2052525917.png b/assets/images/sticker/magnific_black-cat-sits-close-besi_2052525917.png new file mode 100644 index 0000000..745cfe1 Binary files /dev/null and b/assets/images/sticker/magnific_black-cat-sits-close-besi_2052525917.png differ diff --git a/variety/variety-shows.html b/variety/variety-shows.html index 811b608..f14baaf 100644 --- a/variety/variety-shows.html +++ b/variety/variety-shows.html @@ -46,7 +46,7 @@ transform: translateY(-2px); } - body.variety-shows-page .variety-wiki-table-wrap { + body.variety-shows-page .variety-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; @@ -56,7 +56,7 @@ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); } - body.variety-shows-page .variety-wiki-table { + body.variety-shows-page .variety-table { width: 100%; min-width: 640px; margin: 0; @@ -68,7 +68,7 @@ line-height: 1.45; } - body.variety-shows-page .variety-wiki-table thead th { + body.variety-shows-page .variety-table thead th { background: #fff9e0; color: #303030; font-weight: 700; @@ -79,7 +79,7 @@ white-space: nowrap; } - body.variety-shows-page .variety-wiki-table tbody td { + body.variety-shows-page .variety-table tbody td { padding: 8px 10px; border: 1px solid #d8d8d8; text-align: center; @@ -87,28 +87,40 @@ color: #303030; } - body.variety-shows-page .variety-wiki-table--inner tbody tr:nth-child(even) td { + body.variety-shows-page .variety-table__show-row:nth-child(even) td { background: #fafafa; } - body.variety-shows-page .variety-wiki-table__year-row > td { + body.variety-shows-page .variety-table__year-row>td { padding: 0; text-align: left; - vertical-align: top; + vertical-align: middle; + background: #fff9e0; + transition: background-color 0.15s ease; } - body.variety-shows-page .variety-wiki-table__year-row:nth-child(even) > td { - background: #fffdf5; + body.variety-shows-page .variety-table__year-row .variety-table__year-cell { + padding: 0; + background: #fff9e0; } - body.variety-shows-page .variety-wiki-table__year-toggle { + body.variety-shows-page .variety-table__year-pad { + padding: 0; + background: #fff9e0; + border-left: none; + } + + body.variety-shows-page .variety-table__year-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; + min-height: 44px; + margin: 0; padding: 12px 14px; border: none; + border-radius: 0; background: transparent; cursor: pointer; font: inherit; @@ -117,76 +129,75 @@ box-sizing: border-box; } - body.variety-shows-page .variety-wiki-table__year-toggle:hover, - body.variety-shows-page .variety-wiki-table__year-toggle:focus-visible { - background: rgba(255, 204, 0, 0.12); + body.variety-shows-page .variety-table__year-row:not(.is-open)>td:has(.variety-table__year-toggle:hover), + body.variety-shows-page .variety-table__year-row:not(.is-open)>td:has(.variety-table__year-toggle:focus-visible) { + background: #fff6eb; + } + + body.variety-shows-page .variety-table__year-row.is-open .variety-table__year-toggle:hover, + body.variety-shows-page .variety-table__year-row.is-open .variety-table__year-toggle:focus-visible { + background: #fff6eb; outline: none; } - body.variety-shows-page .variety-wiki-table__year-label { + body.variety-shows-page .variety-table__year-toggle:focus-visible { + outline: none; + } + + body.variety-shows-page .variety-table__year-label { font-weight: 700; font-size: 1.05rem; color: #5a4a12; } - body.variety-shows-page .variety-wiki-table__year-meta { + body.variety-shows-page .variety-table__year-meta { margin-left: auto; font-size: 0.82rem; color: #6a6a6a; } - body.variety-shows-page .variety-wiki-table__year-chevron { + body.variety-shows-page .variety-table__year-chevron { color: #b48c00; font-size: 0.9rem; transition: transform 0.2s ease; } - body.variety-shows-page .variety-wiki-table__year-row.is-open .variety-wiki-table__year-chevron { + body.variety-shows-page .variety-table__year-row.is-open .variety-table__year-chevron { transform: rotate(180deg); } - body.variety-shows-page .variety-wiki-table__year-panel { - padding: 0 10px 12px; - border-top: 1px solid #ececec; - } - - body.variety-shows-page .variety-wiki-table__year-panel[hidden] { + body.variety-shows-page .variety-table__show-row[hidden] { display: none; } - body.variety-shows-page .variety-wiki-table--inner { - margin-top: 8px; - min-width: 0; - } - - body.variety-shows-page .variety-wiki-table .variety-wiki-table__program { + body.variety-shows-page .variety-table .variety-table__program { font-weight: 600; } - body.variety-shows-page .variety-wiki-table a { + body.variety-shows-page .variety-table a { color: #0645ad; text-decoration: none; } - body.variety-shows-page .variety-wiki-table a:hover, - body.variety-shows-page .variety-wiki-table a:focus-visible { + body.variety-shows-page .variety-table a:hover, + body.variety-shows-page .variety-table a:focus-visible { text-decoration: underline; } - body.variety-shows-page .variety-wiki-table a.variety-wiki-table__link--site { + body.variety-shows-page .variety-table a.variety-table__link--site { color: #5a4a12; font-weight: 600; } - body.variety-shows-page .variety-wiki-table .variety-wiki-table__date { + body.variety-shows-page .variety-table .variety-table__date { color: #303030; } - body.variety-shows-page .variety-wiki-table__air-date { + body.variety-shows-page .variety-table__air-date { white-space: nowrap; } - body.variety-shows-page .variety-wiki-table .variety-wiki-table__range-arrow { + body.variety-shows-page .variety-table .variety-table__range-arrow { margin: 0 0.18em; color: #303030; font-size: 0.82em; @@ -231,12 +242,12 @@ } @media (max-width: 720px) { - body.variety-shows-page .variety-wiki-table { + body.variety-shows-page .variety-table { font-size: 0.8rem; } - body.variety-shows-page .variety-wiki-table thead th, - body.variety-shows-page .variety-wiki-table tbody td { + body.variety-shows-page .variety-table thead th, + body.variety-shows-page .variety-table tbody td { padding: 7px 6px; } } @@ -276,269 +287,410 @@
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
播出日期頻道節目名稱出演成員集數
- - -
- - -
- - -
- - -
- - -
-
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
播出日期頻道節目名稱出演成員集數
+ + +
+ + +
+ + +
+ + +
+ + +
+
-
- - - - - - - - - - - - - - - -
播出日期頻道節目名稱出演成員集數
陸續補上；站內專頁例：新西遊記5
-
+
+ + + + + + + + + + + + + + + +
播出日期頻道節目名稱出演成員集數
陸續補上；站內專頁例：新西遊記5
+
@@ -572,8 +724,8 @@ } function setYearOpen(yearRow, open) { - const btn = yearRow.querySelector(".variety-wiki-table__year-toggle"); - const panel = yearRow.querySelector(".variety-wiki-table__year-panel"); + const btn = yearRow.querySelector(".variety-table__year-toggle"); + const panel = yearRow.querySelector(".variety-table__year-panel"); if (!btn || !panel) return; btn.setAttribute("aria-expanded", open ? "true" : "false"); panel.hidden = !open; @@ -584,13 +736,13 @@ const q = (input && input.value.trim().toLowerCase()) || ""; slots.forEach((slot) => { if (slot.hidden) return; - slot.querySelectorAll(".variety-wiki-table__year-row").forEach((yearRow) => { + slot.querySelectorAll(".variety-table__year-row").forEach((yearRow) => { const detailRows = yearRow.querySelectorAll( - ".variety-wiki-table--inner tbody tr" + ".variety-table--inner tbody tr" ); let anyMatch = false; detailRows.forEach((row) => { - const air = row.querySelector(".variety-wiki-table__air-date"); + const air = row.querySelector(".variety-table__air-date"); const airData = air ? `${air.dataset.airStart || ""} ${air.dataset.airEnd || ""}` : ""; @@ -608,9 +760,9 @@ }); } - document.querySelectorAll(".variety-wiki-table__year-toggle").forEach((btn) => { + document.querySelectorAll(".variety-table__year-toggle").forEach((btn) => { btn.addEventListener("click", () => { - const yearRow = btn.closest(".variety-wiki-table__year-row"); + const yearRow = btn.closest(".variety-table__year-row"); const open = btn.getAttribute("aria-expanded") !== "true"; setYearOpen(yearRow, open); }); @@ -637,8 +789,8 @@ tab === "captain" ? "#captain-brothers" : tab === "solo" - ? "#each-rampage" - : ""; + ? "#each-rampage" + : ""; history.replaceState( null, "", @@ -657,4 +809,4 @@ - + \ No newline at end of file