Remove references
This commit is contained in:
@@ -1,97 +0,0 @@
|
|||||||
.wg-latest-strip {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
gap: 1rem;
|
|
||||||
width: 100%;
|
|
||||||
margin: 0 0 1.35rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-card {
|
|
||||||
position: relative;
|
|
||||||
min-width: 0;
|
|
||||||
padding: 1rem 1.1rem;
|
|
||||||
overflow: hidden;
|
|
||||||
background:
|
|
||||||
linear-gradient(100deg, rgba(32, 19, 30, 0.96), rgba(13, 12, 17, 0.98)),
|
|
||||||
rgba(13, 12, 17, 0.98);
|
|
||||||
border: 1px solid rgba(194, 163, 90, 0.2);
|
|
||||||
border-radius: 6px;
|
|
||||||
box-shadow:
|
|
||||||
inset 0 1px 0 rgba(255, 244, 221, 0.04),
|
|
||||||
0 14px 30px rgba(0, 0, 0, 0.26);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-card::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
inset: 0 auto 0 0;
|
|
||||||
width: 3px;
|
|
||||||
background: rgba(194, 163, 90, 0.58);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-card--patch::before {
|
|
||||||
background: rgba(143, 178, 119, 0.58);
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-kicker {
|
|
||||||
margin-bottom: 0.45rem;
|
|
||||||
color: #c2a35a;
|
|
||||||
font-family: var(--wg-font-display, Georgia, serif);
|
|
||||||
font-size: 0.82rem;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-title {
|
|
||||||
display: block;
|
|
||||||
color: var(--wg-text, #e6e0d6);
|
|
||||||
font-family: var(--wg-font-display, Georgia, serif);
|
|
||||||
font-size: 1.08rem;
|
|
||||||
font-weight: 600;
|
|
||||||
line-height: 1.25;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-title:hover,
|
|
||||||
.wg-latest-title:focus {
|
|
||||||
color: #fff4dd;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-meta {
|
|
||||||
min-height: 1.15rem;
|
|
||||||
margin-top: 0.35rem;
|
|
||||||
color: rgba(185, 178, 166, 0.78);
|
|
||||||
font-family: var(--wg-font-ui, system-ui, sans-serif);
|
|
||||||
font-size: 0.78rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-excerpt {
|
|
||||||
display: -webkit-box;
|
|
||||||
margin: 0.55rem 0 0;
|
|
||||||
overflow: hidden;
|
|
||||||
color: rgba(216, 208, 196, 0.84);
|
|
||||||
font-family: var(--wg-font-text, Georgia, serif);
|
|
||||||
font-size: 0.9rem;
|
|
||||||
line-height: 1.45;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-card.is-loading .wg-latest-title,
|
|
||||||
.wg-latest-card.is-empty .wg-latest-title {
|
|
||||||
color: rgba(185, 178, 166, 0.74);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
.wg-latest-strip {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
gap: 0.75rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wg-latest-card {
|
|
||||||
padding: 0.9rem 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,190 +0,0 @@
|
|||||||
(() => {
|
|
||||||
const WESTGATE_LATEST_CONFIG = [
|
|
||||||
{
|
|
||||||
key: 'announcement',
|
|
||||||
cid: 1,
|
|
||||||
emptyTitle: 'No announcements yet',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 'patch',
|
|
||||||
cid: 10,
|
|
||||||
emptyTitle: 'No patch notes yet',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const getRelativePath = () => {
|
|
||||||
return window.config && window.config.relative_path ? window.config.relative_path : '';
|
|
||||||
};
|
|
||||||
|
|
||||||
const unwrap = (payload) => {
|
|
||||||
return payload && payload.response ? payload.response : payload;
|
|
||||||
};
|
|
||||||
|
|
||||||
const textFromHtml = (html) => {
|
|
||||||
const el = document.createElement('div');
|
|
||||||
el.innerHTML = html || '';
|
|
||||||
|
|
||||||
const firstParagraph = Array.from(el.querySelectorAll('p'))
|
|
||||||
.map((p) => (p.textContent || '').replace(/\s+/g, ' ').trim())
|
|
||||||
.find(Boolean);
|
|
||||||
|
|
||||||
return (firstParagraph || el.textContent || '').replace(/\s+/g, ' ').trim();
|
|
||||||
};
|
|
||||||
|
|
||||||
const truncate = (text, limit = 240) => {
|
|
||||||
if (!text || text.length <= limit) {
|
|
||||||
return text || '';
|
|
||||||
}
|
|
||||||
|
|
||||||
return `${text.slice(0, limit).replace(/\s+\S*$/, '')}...`;
|
|
||||||
};
|
|
||||||
|
|
||||||
const formatDate = (value) => {
|
|
||||||
const timestamp = Number(value);
|
|
||||||
if (!timestamp) {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
const date = new Date(timestamp);
|
|
||||||
if (Number.isNaN(date.getTime())) {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
return new Intl.DateTimeFormat(undefined, {
|
|
||||||
month: 'short',
|
|
||||||
day: 'numeric',
|
|
||||||
}).format(date);
|
|
||||||
};
|
|
||||||
|
|
||||||
const getJSON = async (url) => {
|
|
||||||
const response = await fetch(url, {
|
|
||||||
credentials: 'same-origin',
|
|
||||||
headers: {
|
|
||||||
accept: 'application/json',
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error(`Request failed: ${response.status}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
return unwrap(await response.json());
|
|
||||||
};
|
|
||||||
|
|
||||||
const getTopicExcerpt = async (topic) => {
|
|
||||||
const relativePath = getRelativePath();
|
|
||||||
const topicPath = topic.slug || topic.tid;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const topicData = await getJSON(`${relativePath}/api/topic/${topicPath}?page=1&sort=oldest_to_newest`);
|
|
||||||
const firstPost = topicData.posts && topicData.posts[0];
|
|
||||||
const firstPostText = textFromHtml(firstPost && firstPost.content);
|
|
||||||
|
|
||||||
if (firstPostText) {
|
|
||||||
return truncate(firstPostText);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.warn('[Westgate latest widget original post excerpt]', error);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (topic.mainPost && topic.mainPost.content) {
|
|
||||||
const mainPostText = textFromHtml(topic.mainPost.content);
|
|
||||||
if (mainPostText) {
|
|
||||||
return truncate(mainPostText);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (topic.teaser && topic.teaser.content) {
|
|
||||||
return truncate(textFromHtml(topic.teaser.content));
|
|
||||||
}
|
|
||||||
|
|
||||||
return '';
|
|
||||||
};
|
|
||||||
|
|
||||||
const getLatestTopic = async (cid) => {
|
|
||||||
const relativePath = getRelativePath();
|
|
||||||
const category = await getJSON(`${relativePath}/api/v3/categories/${cid}/topics?sort=recently_created&after=0`);
|
|
||||||
const topic = category.topics && category.topics[0];
|
|
||||||
|
|
||||||
if (!topic) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
let excerpt = '';
|
|
||||||
|
|
||||||
try {
|
|
||||||
excerpt = await getTopicExcerpt(topic);
|
|
||||||
} catch (error) {
|
|
||||||
console.warn('[Westgate latest widget excerpt]', error);
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
title: topic.titleRaw || topic.title || 'Untitled',
|
|
||||||
url: `${relativePath}/topic/${topic.slug || topic.tid}`,
|
|
||||||
author: topic.user && (topic.user.displayname || topic.user.username),
|
|
||||||
date: formatDate(topic.timestamp || topic.lastposttime),
|
|
||||||
excerpt,
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
const renderCard = async (root, source) => {
|
|
||||||
const card = root.querySelector(`[data-card="${source.key}"]`);
|
|
||||||
if (!card) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const title = card.querySelector('.wg-latest-title');
|
|
||||||
const meta = card.querySelector('.wg-latest-meta');
|
|
||||||
const excerpt = card.querySelector('.wg-latest-excerpt');
|
|
||||||
|
|
||||||
card.classList.add('is-loading');
|
|
||||||
card.classList.remove('is-empty');
|
|
||||||
title.textContent = 'Loading...';
|
|
||||||
title.removeAttribute('href');
|
|
||||||
meta.textContent = '';
|
|
||||||
excerpt.textContent = '';
|
|
||||||
|
|
||||||
try {
|
|
||||||
const topic = await getLatestTopic(source.cid);
|
|
||||||
|
|
||||||
if (!topic) {
|
|
||||||
card.classList.remove('is-loading');
|
|
||||||
card.classList.add('is-empty');
|
|
||||||
title.textContent = source.emptyTitle;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
title.textContent = topic.title;
|
|
||||||
title.href = topic.url;
|
|
||||||
meta.textContent = [topic.author, topic.date].filter(Boolean).join(' · ');
|
|
||||||
excerpt.textContent = topic.excerpt || '';
|
|
||||||
card.classList.remove('is-loading', 'is-empty');
|
|
||||||
} catch (error) {
|
|
||||||
console.warn('[Westgate latest widget]', error);
|
|
||||||
card.classList.remove('is-loading');
|
|
||||||
card.classList.add('is-empty');
|
|
||||||
title.textContent = source.emptyTitle;
|
|
||||||
meta.textContent = 'Unable to load right now';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const renderLatestStrip = () => {
|
|
||||||
const root = document.querySelector('[data-westgate-latest]');
|
|
||||||
|
|
||||||
if (!root || root.dataset.loaded === '1') {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
root.dataset.loaded = '1';
|
|
||||||
WESTGATE_LATEST_CONFIG.forEach((source) => renderCard(root, source));
|
|
||||||
};
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', renderLatestStrip);
|
|
||||||
window.addEventListener('load', renderLatestStrip);
|
|
||||||
|
|
||||||
if (window.jQuery) {
|
|
||||||
window.jQuery(window).on('action:ajaxify.end', renderLatestStrip);
|
|
||||||
}
|
|
||||||
|
|
||||||
renderLatestStrip();
|
|
||||||
})();
|
|
||||||
File diff suppressed because it is too large
Load Diff
+215
-283
@@ -1,37 +1,37 @@
|
|||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
background: var(--wg-bg);
|
background: var(--wg-bg);
|
||||||
color: var(--wg-text-soft);
|
color: var(--wg-text-soft);
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: var(--wg-font-text);
|
font-family: var(--wg-font-text);
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
#panel {
|
#panel {
|
||||||
background: var(--wg-bg);
|
background: var(--wg-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-container,
|
.layout-container,
|
||||||
#content {
|
#content {
|
||||||
color: var(--wg-text-soft);
|
color: var(--wg-text-soft);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--wg-gold);
|
color: var(--wg-gold);
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
color: #e0c878;
|
color: #e0c878;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-muted,
|
.text-muted,
|
||||||
.text-secondary,
|
.text-secondary,
|
||||||
.link-secondary {
|
.link-secondary {
|
||||||
color: var(--wg-text-muted) !important;
|
color: var(--wg-text-muted) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-body,
|
.bg-body,
|
||||||
@@ -39,9 +39,9 @@ a {
|
|||||||
.card,
|
.card,
|
||||||
.card-header,
|
.card-header,
|
||||||
.list-group-item {
|
.list-group-item {
|
||||||
background-color: var(--wg-panel) !important;
|
background-color: var(--wg-panel) !important;
|
||||||
color: var(--wg-text-soft);
|
color: var(--wg-text-soft);
|
||||||
border-color: var(--wg-border-soft) !important;
|
border-color: var(--wg-border-soft) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.westgate-surface,
|
.westgate-surface,
|
||||||
@@ -52,210 +52,118 @@ li[component="category/topic"],
|
|||||||
li[component="post"] .post-container,
|
li[component="post"] .post-container,
|
||||||
.quick-reply textarea,
|
.quick-reply textarea,
|
||||||
textarea[component="topic/quickreply/text"] {
|
textarea[component="topic/quickreply/text"] {
|
||||||
background: var(--wg-velvet-panel) !important;
|
background: var(--wg-velvet-panel) !important;
|
||||||
border: 1px solid var(--wg-border) !important;
|
border: 1px solid var(--wg-border) !important;
|
||||||
border-radius: 8px !important;
|
border-radius: 8px !important;
|
||||||
box-shadow: var(--wg-velvet-shadow) !important;
|
box-shadow: var(--wg-velvet-shadow) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.westgate-surface-hover,
|
.westgate-surface-hover,
|
||||||
li[component="categories/category"]:hover,
|
li[component="categories/category"]:hover,
|
||||||
li[component="category/topic"]:hover,
|
li[component="category/topic"]:hover,
|
||||||
li[component="post"] .post-container:hover {
|
li[component="post"] .post-container:hover {
|
||||||
background: var(--wg-velvet-panel-hover) !important;
|
background: var(--wg-velvet-panel-hover) !important;
|
||||||
border-color: rgba(194, 163, 90, 0.22) !important;
|
border-color: rgba(194, 163, 90, 0.22) !important;
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.035),
|
inset 0 1px 0 rgba(255, 255, 255, 0.035),
|
||||||
inset 0 0 38px rgba(120, 36, 84, 0.14),
|
inset 0 0 38px rgba(120, 36, 84, 0.14),
|
||||||
0 12px 30px rgba(0, 0, 0, 0.3) !important;
|
0 12px 30px rgba(0, 0, 0, 0.3) !important;
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-by {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 10px;
|
|
||||||
padding: 10px 0 14px;
|
|
||||||
color: var(--wg-text-muted);
|
|
||||||
font-family: var(--wg-font-ui);
|
|
||||||
font-size: 0.875rem;
|
|
||||||
letter-spacing: 0;
|
|
||||||
line-height: 1.2;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-pill {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 7px;
|
|
||||||
min-height: 32px;
|
|
||||||
padding: 6px 12px;
|
|
||||||
background: var(--wg-velvet-panel) !important;
|
|
||||||
border: 1px solid var(--wg-border) !important;
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: var(--wg-velvet-shadow) !important;
|
|
||||||
color: var(--wg-text-muted);
|
|
||||||
line-height: 1;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-pill:hover,
|
|
||||||
.westgate-powered-pill:focus {
|
|
||||||
background: var(--wg-velvet-panel-hover) !important;
|
|
||||||
border-color: rgba(194, 163, 90, 0.22) !important;
|
|
||||||
box-shadow:
|
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.035),
|
|
||||||
inset 0 0 38px rgba(120, 36, 84, 0.14),
|
|
||||||
0 12px 30px rgba(0, 0, 0, 0.3) !important;
|
|
||||||
color: #efe7da;
|
|
||||||
text-decoration: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-pill:focus-visible {
|
|
||||||
border-color: rgba(216, 194, 138, 0.38) !important;
|
|
||||||
box-shadow:
|
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.035),
|
|
||||||
inset 0 0 38px rgba(120, 36, 84, 0.14),
|
|
||||||
0 0 0 2px rgba(194, 163, 90, 0.18),
|
|
||||||
0 12px 30px rgba(0, 0, 0, 0.3) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-by .powered-label {
|
|
||||||
color: var(--wg-ledger-ink);
|
|
||||||
font-weight: 600;
|
|
||||||
opacity: 0.95;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-pill:hover .powered-label,
|
|
||||||
.westgate-powered-pill:focus .powered-label {
|
|
||||||
color: #efe7da;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-by .nodebb-logo,
|
|
||||||
.westgate-powered-by .ckeditor-logo {
|
|
||||||
display: block;
|
|
||||||
width: auto;
|
|
||||||
opacity: 0.95;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-by .nodebb-logo {
|
|
||||||
height: 14px;
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-by .ckeditor-logo {
|
|
||||||
height: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-pill:hover .nodebb-logo,
|
|
||||||
.westgate-powered-pill:focus .nodebb-logo,
|
|
||||||
.westgate-powered-pill:hover .ckeditor-logo,
|
|
||||||
.westgate-powered-pill:focus .ckeditor-logo {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.westgate-powered-by .ckeditor-logo path[fill="#1C2331"] {
|
|
||||||
fill: #f2edf7;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-strip {
|
.wg-latest-strip {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 0 1.35rem;
|
margin: 0 0 1.35rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-card {
|
.wg-latest-card {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
padding: 1rem 1.1rem;
|
padding: 1rem 1.1rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background:
|
background:
|
||||||
linear-gradient(to bottom, rgba(255, 244, 221, 0.018), rgba(0, 0, 0, 0.08)),
|
linear-gradient(to bottom, rgba(255, 244, 221, 0.018), rgba(0, 0, 0, 0.08)),
|
||||||
var(--wg-velvet-panel) !important;
|
var(--wg-velvet-panel) !important;
|
||||||
border: 1px solid rgba(194, 163, 90, 0.2);
|
border: 1px solid rgba(194, 163, 90, 0.2);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-shadow: var(--wg-velvet-shadow);
|
box-shadow: var(--wg-velvet-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-card::before {
|
.wg-latest-card::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0 auto 0 0;
|
inset: 0 auto 0 0;
|
||||||
width: 3px;
|
width: 3px;
|
||||||
background: rgba(194, 163, 90, 0.58);
|
background: rgba(194, 163, 90, 0.58);
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-card--patch::before {
|
.wg-latest-card--patch::before {
|
||||||
background: rgba(143, 178, 119, 0.58);
|
background: rgba(143, 178, 119, 0.58);
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-kicker {
|
.wg-latest-kicker {
|
||||||
margin-bottom: 0.45rem;
|
margin-bottom: 0.45rem;
|
||||||
color: var(--wg-gold);
|
color: var(--wg-gold);
|
||||||
font-family: var(--wg-font-display);
|
font-family: var(--wg-font-display);
|
||||||
font-size: 0.82rem;
|
font-size: 0.82rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 0.08em;
|
letter-spacing: 0.08em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-title {
|
.wg-latest-title {
|
||||||
display: block;
|
display: block;
|
||||||
color: var(--wg-text);
|
color: var(--wg-text);
|
||||||
font-family: var(--wg-font-display);
|
font-family: var(--wg-font-display);
|
||||||
font-size: 1.08rem;
|
font-size: 1.08rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-title:hover,
|
.wg-latest-title:hover,
|
||||||
.wg-latest-title:focus {
|
.wg-latest-title:focus {
|
||||||
color: #fff4dd;
|
color: #fff4dd;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-meta {
|
.wg-latest-meta {
|
||||||
min-height: 1.15rem;
|
min-height: 1.15rem;
|
||||||
margin-top: 0.35rem;
|
margin-top: 0.35rem;
|
||||||
color: rgba(185, 178, 166, 0.78);
|
color: rgba(185, 178, 166, 0.78);
|
||||||
font-family: var(--wg-font-ui);
|
font-family: var(--wg-font-ui);
|
||||||
font-size: 0.78rem;
|
font-size: 0.78rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-excerpt {
|
.wg-latest-excerpt {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
margin: 0.55rem 0 0;
|
margin: 0.55rem 0 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: rgba(216, 208, 196, 0.84);
|
color: rgba(216, 208, 196, 0.84);
|
||||||
font-family: var(--wg-font-text);
|
font-family: var(--wg-font-text);
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
line-height: 1.45;
|
line-height: 1.45;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 3;
|
-webkit-line-clamp: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-card.is-loading .wg-latest-title,
|
.wg-latest-card.is-loading .wg-latest-title,
|
||||||
.wg-latest-card.is-empty .wg-latest-title {
|
.wg-latest-card.is-empty .wg-latest-title {
|
||||||
color: rgba(185, 178, 166, 0.74);
|
color: rgba(185, 178, 166, 0.74);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.wg-latest-strip {
|
.wg-latest-strip {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
gap: 0.75rem;
|
gap: 0.75rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wg-latest-card {
|
.wg-latest-card {
|
||||||
padding: 0.9rem 1rem;
|
padding: 0.9rem 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge,
|
.badge,
|
||||||
@@ -268,8 +176,8 @@ li[component="post"] .post-container:hover {
|
|||||||
.category-tools,
|
.category-tools,
|
||||||
.meta.stats,
|
.meta.stats,
|
||||||
.timeago {
|
.timeago {
|
||||||
font-family: var(--wg-font-ui);
|
font-family: var(--wg-font-ui);
|
||||||
letter-spacing: 0;
|
letter-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
@@ -281,11 +189,13 @@ h5,
|
|||||||
.topic-title,
|
.topic-title,
|
||||||
li[component="categories/category"] h2.title,
|
li[component="categories/category"] h2.title,
|
||||||
li[component="category/topic"] h3[component="topic/header"] {
|
li[component="category/topic"] h3[component="topic/header"] {
|
||||||
color: var(--wg-text);
|
color: var(--wg-text);
|
||||||
font-family: var(--wg-font-display);
|
font-family: var(--wg-font-display);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 0;
|
letter-spacing: 0;
|
||||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9), 0 0 10px rgba(104, 32, 76, 0.16);
|
text-shadow:
|
||||||
|
0 1px 0 rgba(0, 0, 0, 0.9),
|
||||||
|
0 0 10px rgba(104, 32, 76, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
p,
|
p,
|
||||||
@@ -295,7 +205,7 @@ li,
|
|||||||
.topic-text,
|
.topic-text,
|
||||||
[component="post/content"],
|
[component="post/content"],
|
||||||
[component="chat/message/body"] {
|
[component="chat/message/body"] {
|
||||||
font-family: var(--wg-font-text);
|
font-family: var(--wg-font-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
code,
|
code,
|
||||||
@@ -303,29 +213,29 @@ kbd,
|
|||||||
pre,
|
pre,
|
||||||
samp,
|
samp,
|
||||||
.text-tabular {
|
.text-tabular {
|
||||||
font-family: var(--wg-font-code) !important;
|
font-family: var(--wg-font-code) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
--bs-breadcrumb-divider-color: var(--wg-gold-soft);
|
--bs-breadcrumb-divider-color: var(--wg-gold-soft);
|
||||||
color: var(--wg-text-muted);
|
color: var(--wg-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.breadcrumb a,
|
.breadcrumb a,
|
||||||
.breadcrumb-item.active {
|
.breadcrumb-item.active {
|
||||||
color: var(--wg-text-muted);
|
color: var(--wg-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert {
|
.alert {
|
||||||
background: rgba(194, 163, 90, 0.08);
|
background: rgba(194, 163, 90, 0.08);
|
||||||
border-color: rgba(194, 163, 90, 0.18);
|
border-color: rgba(194, 163, 90, 0.18);
|
||||||
color: var(--wg-text-soft);
|
color: var(--wg-text-soft);
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert-danger {
|
.alert-danger {
|
||||||
background: rgba(142, 52, 56, 0.16);
|
background: rgba(142, 52, 56, 0.16);
|
||||||
border-color: rgba(142, 52, 56, 0.32);
|
border-color: rgba(142, 52, 56, 0.32);
|
||||||
color: #d8b1b1;
|
color: #d8b1b1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar,
|
.avatar,
|
||||||
@@ -333,64 +243,73 @@ samp,
|
|||||||
.user-icon,
|
.user-icon,
|
||||||
.avatar-tooltip .avatar,
|
.avatar-tooltip .avatar,
|
||||||
.avatar-tooltip img {
|
.avatar-tooltip img {
|
||||||
border: 1px solid rgba(216, 194, 138, 0.32);
|
border: 1px solid rgba(216, 194, 138, 0.32);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 1px 0 rgba(255, 242, 204, 0.2),
|
inset 0 1px 0 rgba(255, 242, 204, 0.2),
|
||||||
inset 0 0 0 1px rgba(18, 15, 22, 0.58),
|
inset 0 0 0 1px rgba(18, 15, 22, 0.58),
|
||||||
inset 0 -3px 6px rgba(0, 0, 0, 0.48),
|
inset 0 -3px 6px rgba(0, 0, 0, 0.48),
|
||||||
0 0 0 1px rgba(53, 46, 49, 0.92),
|
0 0 0 1px rgba(53, 46, 49, 0.92),
|
||||||
0 0 0 2px rgba(124, 105, 62, 0.22),
|
0 0 0 2px rgba(124, 105, 62, 0.22),
|
||||||
0 7px 16px rgba(0, 0, 0, 0.36) !important;
|
0 7px 16px rgba(0, 0, 0, 0.36) !important;
|
||||||
filter: saturate(0.88) contrast(1.08);
|
filter: saturate(0.88) contrast(1.08);
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-icon {
|
.user-icon {
|
||||||
background-image:
|
background-image:
|
||||||
radial-gradient(circle at 34% 22%, rgba(255, 238, 190, 0.22), transparent 25%),
|
radial-gradient(
|
||||||
linear-gradient(145deg, rgba(111, 86, 45, 0.36), rgba(30, 29, 34, 0.28) 42%, rgba(44, 17, 34, 0.2)) !important;
|
circle at 34% 22%,
|
||||||
text-shadow:
|
rgba(255, 238, 190, 0.22),
|
||||||
0 1px 0 rgba(0, 0, 0, 0.78),
|
transparent 25%
|
||||||
0 -1px 0 rgba(255, 238, 190, 0.16),
|
),
|
||||||
0 0 8px rgba(0, 0, 0, 0.24);
|
linear-gradient(
|
||||||
|
145deg,
|
||||||
|
rgba(111, 86, 45, 0.36),
|
||||||
|
rgba(30, 29, 34, 0.28) 42%,
|
||||||
|
rgba(44, 17, 34, 0.2)
|
||||||
|
) !important;
|
||||||
|
text-shadow:
|
||||||
|
0 1px 0 rgba(0, 0, 0, 0.78),
|
||||||
|
0 -1px 0 rgba(255, 238, 190, 0.16),
|
||||||
|
0 0 8px rgba(0, 0, 0, 0.24);
|
||||||
}
|
}
|
||||||
|
|
||||||
li[component="post"] .avatar,
|
li[component="post"] .avatar,
|
||||||
li[component="category/topic"] .avatar,
|
li[component="category/topic"] .avatar,
|
||||||
li[component="category/topic"] .user-icon {
|
li[component="category/topic"] .user-icon {
|
||||||
border-radius: 999px !important;
|
border-radius: 999px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 0 2px var(--wg-status-ring),
|
0 0 0 2px var(--wg-status-ring),
|
||||||
0 0 0 3px rgba(216, 194, 138, 0.14),
|
0 0 0 3px rgba(216, 194, 138, 0.14),
|
||||||
0 0 12px rgba(0, 0, 0, 0.34);
|
0 0 12px rgba(0, 0, 0, 0.34);
|
||||||
|
|
||||||
&.online {
|
&.online {
|
||||||
color: var(--wg-status-online) !important;
|
color: var(--wg-status-online) !important;
|
||||||
background-color: var(--wg-status-online) !important;
|
background-color: var(--wg-status-online) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.away {
|
&.away {
|
||||||
color: var(--wg-status-away) !important;
|
color: var(--wg-status-away) !important;
|
||||||
background-color: var(--wg-status-away) !important;
|
background-color: var(--wg-status-away) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.dnd {
|
&.dnd {
|
||||||
color: var(--wg-status-dnd) !important;
|
color: var(--wg-status-dnd) !important;
|
||||||
background-color: var(--wg-status-dnd) !important;
|
background-color: var(--wg-status-dnd) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.offline {
|
&.offline {
|
||||||
color: var(--wg-status-offline) !important;
|
color: var(--wg-status-offline) !important;
|
||||||
background-color: var(--wg-status-offline) !important;
|
background-color: var(--wg-status-offline) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-circle.status {
|
.fa-circle.status {
|
||||||
text-shadow:
|
text-shadow:
|
||||||
0 0 0 2px var(--wg-status-ring),
|
0 0 0 2px var(--wg-status-ring),
|
||||||
0 0 10px rgba(0, 0, 0, 0.34);
|
0 0 10px rgba(0, 0, 0, 0.34);
|
||||||
}
|
}
|
||||||
|
|
||||||
.account,
|
.account,
|
||||||
@@ -404,7 +323,7 @@ li[component="category/topic"] .user-icon {
|
|||||||
.user-profile,
|
.user-profile,
|
||||||
.user-card,
|
.user-card,
|
||||||
.profile-card {
|
.profile-card {
|
||||||
color: var(--wg-text-soft);
|
color: var(--wg-text-soft);
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-dropdown .notification-list > :where(div, li),
|
.notifications-dropdown .notification-list > :where(div, li),
|
||||||
@@ -412,22 +331,26 @@ li[component="category/topic"] .user-icon {
|
|||||||
.chats-dropdown [component="chat/recent/room"],
|
.chats-dropdown [component="chat/recent/room"],
|
||||||
.chats-list [component="chat/recent/room"],
|
.chats-list [component="chat/recent/room"],
|
||||||
[component="chat/public/room"] {
|
[component="chat/public/room"] {
|
||||||
background:
|
background:
|
||||||
linear-gradient(to bottom, rgba(255, 241, 196, 0.018), rgba(8, 7, 10, 0.08)),
|
linear-gradient(
|
||||||
var(--wg-velvet-panel) !important;
|
to bottom,
|
||||||
border: 1px solid rgba(194, 163, 90, 0.14) !important;
|
rgba(255, 241, 196, 0.018),
|
||||||
border-radius: 8px !important;
|
rgba(8, 7, 10, 0.08)
|
||||||
box-shadow:
|
),
|
||||||
inset 0 1px 0 rgba(255, 244, 221, 0.028),
|
var(--wg-velvet-panel) !important;
|
||||||
0 8px 18px rgba(0, 0, 0, 0.18) !important;
|
border: 1px solid rgba(194, 163, 90, 0.14) !important;
|
||||||
color: var(--wg-text-soft) !important;
|
border-radius: 8px !important;
|
||||||
|
box-shadow:
|
||||||
|
inset 0 1px 0 rgba(255, 244, 221, 0.028),
|
||||||
|
0 8px 18px rgba(0, 0, 0, 0.18) !important;
|
||||||
|
color: var(--wg-text-soft) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-dropdown .notification-list > :where(div, li) + :where(div, li),
|
.notifications-dropdown .notification-list > :where(div, li) + :where(div, li),
|
||||||
.notifications-list > :where(div, li) + :where(div, li),
|
.notifications-list > :where(div, li) + :where(div, li),
|
||||||
.chats-dropdown [component="chat/recent/room"] + hr,
|
.chats-dropdown [component="chat/recent/room"] + hr,
|
||||||
.chats-list [component="chat/recent/room"] + hr {
|
.chats-list [component="chat/recent/room"] + hr {
|
||||||
margin-top: 0.4rem !important;
|
margin-top: 0.4rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-dropdown :where(.btn.btn-ghost, .mark-read),
|
.notifications-dropdown :where(.btn.btn-ghost, .mark-read),
|
||||||
@@ -435,16 +358,20 @@ li[component="category/topic"] .user-icon {
|
|||||||
.chats-dropdown :where(.chat-room-btn, .mark-read),
|
.chats-dropdown :where(.chat-room-btn, .mark-read),
|
||||||
.chats-list :where(.chat-room-btn, .mark-read),
|
.chats-list :where(.chat-room-btn, .mark-read),
|
||||||
[component="chat/public/room"] {
|
[component="chat/public/room"] {
|
||||||
color: var(--wg-text-soft) !important;
|
color: var(--wg-text-soft) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-dropdown .mark-read,
|
.notifications-dropdown .mark-read,
|
||||||
.notifications-list .mark-read,
|
.notifications-list .mark-read,
|
||||||
.chats-dropdown .mark-read,
|
.chats-dropdown .mark-read,
|
||||||
.chats-list .mark-read {
|
.chats-list .mark-read {
|
||||||
border-color: rgba(194, 163, 90, 0.18) !important;
|
border-color: rgba(194, 163, 90, 0.18) !important;
|
||||||
border-radius: 6px !important;
|
border-radius: 6px !important;
|
||||||
background: linear-gradient(to bottom, rgba(255, 244, 221, 0.018), rgba(0, 0, 0, 0.08)) !important;
|
background: linear-gradient(
|
||||||
|
to bottom,
|
||||||
|
rgba(255, 244, 221, 0.018),
|
||||||
|
rgba(0, 0, 0, 0.08)
|
||||||
|
) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-dropdown .mark-read:hover,
|
.notifications-dropdown .mark-read:hover,
|
||||||
@@ -455,16 +382,16 @@ li[component="category/topic"] .user-icon {
|
|||||||
.chats-dropdown .mark-read:focus,
|
.chats-dropdown .mark-read:focus,
|
||||||
.chats-list .mark-read:hover,
|
.chats-list .mark-read:hover,
|
||||||
.chats-list .mark-read:focus {
|
.chats-list .mark-read:focus {
|
||||||
background: rgba(194, 163, 90, 0.08) !important;
|
background: rgba(194, 163, 90, 0.08) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chats-dropdown .chat-room-btn,
|
.chats-dropdown .chat-room-btn,
|
||||||
.chats-list .chat-room-btn,
|
.chats-list .chat-room-btn,
|
||||||
[component="chat/public/room"] {
|
[component="chat/public/room"] {
|
||||||
border: 1px solid rgba(194, 163, 90, 0.12) !important;
|
border: 1px solid rgba(194, 163, 90, 0.12) !important;
|
||||||
border-radius: 8px !important;
|
border-radius: 8px !important;
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.chats-dropdown [component="chat/recent"] .active .chat-room-btn,
|
.chats-dropdown [component="chat/recent"] .active .chat-room-btn,
|
||||||
@@ -472,9 +399,9 @@ li[component="category/topic"] .user-icon {
|
|||||||
[component="chat/public/room"]:hover,
|
[component="chat/public/room"]:hover,
|
||||||
[component="chat/public/room"]:focus,
|
[component="chat/public/room"]:focus,
|
||||||
[component="chat/public/room"].unread {
|
[component="chat/public/room"].unread {
|
||||||
background: rgba(194, 163, 90, 0.08) !important;
|
background: rgba(194, 163, 90, 0.08) !important;
|
||||||
border-color: rgba(194, 163, 90, 0.24) !important;
|
border-color: rgba(194, 163, 90, 0.24) !important;
|
||||||
color: var(--wg-text) !important;
|
color: var(--wg-text) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-dropdown [component="notifications/item/link"],
|
.notifications-dropdown [component="notifications/item/link"],
|
||||||
@@ -484,7 +411,7 @@ li[component="category/topic"] .user-icon {
|
|||||||
.chats-dropdown .teaser-content,
|
.chats-dropdown .teaser-content,
|
||||||
.chats-list .teaser-content,
|
.chats-list .teaser-content,
|
||||||
[component="chat/public/room"] {
|
[component="chat/public/room"] {
|
||||||
color: var(--wg-text-soft) !important;
|
color: var(--wg-text-soft) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications-dropdown [component="notifications/item/link"]:hover,
|
.notifications-dropdown [component="notifications/item/link"]:hover,
|
||||||
@@ -496,63 +423,68 @@ li[component="category/topic"] .user-icon {
|
|||||||
.chats-list .chat-room-btn:hover .room-name,
|
.chats-list .chat-room-btn:hover .room-name,
|
||||||
.chats-list .chat-room-btn:focus .room-name,
|
.chats-list .chat-room-btn:focus .room-name,
|
||||||
[component="chat/public/room"]:hover {
|
[component="chat/public/room"]:hover {
|
||||||
color: var(--wg-text) !important;
|
color: var(--wg-text) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[component="chat/public/room/unread/count"],
|
[component="chat/public/room/unread/count"],
|
||||||
.chats-dropdown .badge.bg-light,
|
.chats-dropdown .badge.bg-light,
|
||||||
.chats-list .badge.bg-light {
|
.chats-list .badge.bg-light {
|
||||||
background:
|
background: linear-gradient(
|
||||||
linear-gradient(to bottom, rgba(216, 194, 138, 0.13), rgba(70, 45, 52, 0.28)) !important;
|
to bottom,
|
||||||
border: 1px solid rgba(194, 163, 90, 0.28) !important;
|
rgba(216, 194, 138, 0.13),
|
||||||
color: var(--wg-ledger-ink) !important;
|
rgba(70, 45, 52, 0.28)
|
||||||
|
) !important;
|
||||||
|
border: 1px solid rgba(194, 163, 90, 0.28) !important;
|
||||||
|
color: var(--wg-ledger-ink) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[component="chat/user/list"] [component="chat/user/list/username"] {
|
[component="chat/user/list"] [component="chat/user/list/username"] {
|
||||||
color: var(--wg-text-muted) !important;
|
color: var(--wg-text-muted) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
[component="chat/user/list"] [data-uid].online [component="chat/user/list/username"] {
|
[component="chat/user/list"]
|
||||||
color: var(--wg-text) !important;
|
[data-uid].online
|
||||||
font-weight: 600;
|
[component="chat/user/list/username"] {
|
||||||
|
color: var(--wg-text) !important;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/filters"] {
|
.page-flags [component="flags/filters"] {
|
||||||
border-bottom-color: rgba(194, 163, 90, 0.12) !important;
|
border-bottom-color: rgba(194, 163, 90, 0.12) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/list"] {
|
.page-flags [component="flags/list"] {
|
||||||
--bs-table-bg: transparent;
|
--bs-table-bg: transparent;
|
||||||
--bs-table-color: var(--wg-text-soft);
|
--bs-table-color: var(--wg-text-soft);
|
||||||
--bs-table-border-color: rgba(194, 163, 90, 0.1);
|
--bs-table-border-color: rgba(194, 163, 90, 0.1);
|
||||||
--bs-table-hover-bg: rgba(194, 163, 90, 0.04);
|
--bs-table-hover-bg: rgba(194, 163, 90, 0.04);
|
||||||
--bs-table-hover-color: var(--wg-text);
|
--bs-table-hover-color: var(--wg-text);
|
||||||
color: var(--wg-text-soft) !important;
|
color: var(--wg-text-soft) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/list"] :where(th, td) {
|
.page-flags [component="flags/list"] :where(th, td) {
|
||||||
color: var(--wg-text-soft) !important;
|
color: var(--wg-text-soft) !important;
|
||||||
border-color: rgba(194, 163, 90, 0.1) !important;
|
border-color: rgba(194, 163, 90, 0.1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/list"] thead :where(th, td) {
|
.page-flags [component="flags/list"] thead :where(th, td) {
|
||||||
color: var(--wg-ledger-ink-muted) !important;
|
color: var(--wg-ledger-ink-muted) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/list"] a.text-reset {
|
.page-flags [component="flags/list"] a.text-reset {
|
||||||
color: var(--wg-text-muted) !important;
|
color: var(--wg-text-muted) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/list"] a.text-reset:hover,
|
.page-flags [component="flags/list"] a.text-reset:hover,
|
||||||
.page-flags [component="flags/list"] a.text-reset:focus {
|
.page-flags [component="flags/list"] a.text-reset:focus {
|
||||||
color: var(--wg-text) !important;
|
color: var(--wg-text) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/list"] input[type="checkbox"] {
|
.page-flags [component="flags/list"] input[type="checkbox"] {
|
||||||
accent-color: var(--wg-gold);
|
accent-color: var(--wg-gold);
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-flags [component="flags/list"] .badge,
|
.page-flags [component="flags/list"] .badge,
|
||||||
.page-flags .card.card-header {
|
.page-flags .card.card-header {
|
||||||
color: var(--wg-text) !important;
|
color: var(--wg-text) !important;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user