Files
sow-nodebb-theme/scss/westgate/_responsive.scss
T
archvillainette 499fbd0484 Flat purple panels, themed 404, global gold links (#23)
- Replaces the diagonal plum/velvet panel gradients with flat subtle purples (anchored to the group-card tone `rgb(24,20,29)`); the topbar uses the same flat tone so it meshes with the panels.
- Adds a Westgate-themed 404 page ("You've wandered off the map." / Night Masks warning) with a mask icon, vertically centered in the content area. Strings live in `languages/en-GB/westgate.json`.
- Sets Bootstrap link CSS variables globally so utility-classed links (`alert-link`, `link-*`) get the wiki gold like plain anchors already did. Topic-title parchment override is untouched.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Reviewed-on: #23
Co-authored-by: vickydotbat <vickydotbat@tutamail.com>
Co-committed-by: vickydotbat <vickydotbat@tutamail.com>
2026-07-14 20:59:20 +00:00

57 lines
1.0 KiB
SCSS

@include media-breakpoint-down(lg) {
#panel {
background: rgba(17, 14, 21, 0.98);
}
ul.categories-list,
ul.westgate-categories-list {
padding-left: 0;
}
li[component="categories/category"],
li[component="category/topic"],
li[component="post"] .post-container {
padding: var(--wg-space-sm) !important;
}
li[component="categories/category"] h2.title {
font-size: 1.1rem !important;
}
.category-children-item > div {
width: 100%;
}
.topic-list-header > .card {
align-items: stretch !important;
}
.topic-list-header [component="category/controls"] {
width: 100%;
}
// keep the guest "Log in to post / reply" CTA on one line
[component="category/post/guest"],
[component="topic/reply/guest"] {
white-space: nowrap;
}
}
@include media-breakpoint-down(md) {
.category-header {
padding: var(--wg-space-sm);
}
li[component="post"] .content,
li[component="post"] .content p,
.topic-text,
.post-content {
font-size: 1rem;
line-height: 1.58;
}
.bottombar-nav {
box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.28);
}
}