vorkoth>VorkothWikiImport Vorkoth Wiki homepage and starter content 1.0.0 |
m 1 revision imported |
(No difference)
| |
Revision as of 13:08, 27 September 2026
/* Vorkoth Wiki homepage. All selectors are scoped to .vorkoth-home. */
.vorkoth-home { --vh-gold: #dfbd79; --vh-cream: #f6eedc; --vh-muted: #b4c2cf; --vh-line: rgba(223,189,121,.27); color: var(--vh-cream); }
.vorkoth-home a { color: #f1ce8b; }
.vorkoth-home a:focus-visible { outline: 2px solid #f1ce8b; outline-offset: 3px; }
.vorkoth-home-hero { position: relative; overflow: hidden; padding: clamp(1.7rem, 5vw, 3.6rem); border: 1px solid rgba(223,189,121,.46); border-radius: 14px; background: radial-gradient(circle at 88% 8%, rgba(211,164,82,.20), transparent 37%), linear-gradient(125deg, #142638, #172e40 58%, #132330); box-shadow: 0 18px 48px rgba(0,0,0,.16); }
.vorkoth-home-hero::after { content: ''; pointer-events: none; position: absolute; top: -50px; right: -50px; width: 245px; height: 245px; border: 1px solid rgba(223,189,121,.16); border-radius: 50%; box-shadow: 0 0 0 42px rgba(223,189,121,.035), 0 0 0 90px rgba(223,189,121,.025); }
.vorkoth-home-kicker, .vorkoth-home-card-label, .vorkoth-home-panel-kicker { color: var(--vh-gold); font: 700 .72rem/1.4 system-ui,sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.vorkoth-home-hero-title { max-width: 720px; margin: .65rem 0 .8rem; font: 500 clamp(2.2rem, 5vw, 4.1rem)/1.08 Georgia,serif; letter-spacing: -.025em; color: #fff5df; }
.vorkoth-home-hero-copy { max-width: 630px; font: 1.1rem/1.65 system-ui,sans-serif; color: #d8e1e7; }
.vorkoth-home-hero-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .8rem; margin: 1.65rem 0; }
.vorkoth-home-hero-actions a { display: inline-flex; align-items: center; min-height: 44px; padding: .65rem 1.1rem; border: 1px solid #dfbd79; border-radius: 6px; color: #182530; background: #dfbd79; font: 700 .92rem/1.35 system-ui,sans-serif; text-decoration: none; }
.vorkoth-home-hero-actions a + a { color: #f4e9d3; background: transparent; }
.vorkoth-home-hero-actions a:hover { filter: brightness(1.13); text-decoration: none; }
.vorkoth-home-hero-status { display: inline-block; padding: .52rem .78rem; border: 1px solid var(--vh-line); border-radius: 5px; color: #d9d2c3; font: .83rem/1.4 system-ui,sans-serif; }
.vorkoth-home h2 { margin: 2.2rem 0 1rem; padding: 0 0 .65rem; border-bottom: 1px solid var(--vh-line); color: #f4e9d3; font: 500 1.7rem/1.25 Georgia,serif; }
.vorkoth-home h2 .mw-headline { color: inherit; }
.vorkoth-home-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; }
.vorkoth-home-card { min-height: 155px; padding: 1.2rem 1.3rem; border: 1px solid var(--vh-line); border-radius: 9px; background: linear-gradient(155deg,#1c3447,#162a3a); transition: transform .18s ease, border-color .18s ease; }
.vorkoth-home-card:hover { transform: translateY(-3px); border-color: rgba(223,189,121,.75); }
.vorkoth-home-card > a, .vorkoth-home-card > p > a { display: inline-block; margin: .75rem 0 .4rem; color: #fff2d5; font: 500 1.4rem/1.25 Georgia,serif; text-decoration: none; }
.vorkoth-home-card > a:hover, .vorkoth-home-card > p > a:hover { text-decoration: underline; }
.vorkoth-home-card-copy { color: var(--vh-muted); font: .92rem/1.55 system-ui,sans-serif; }
.vorkoth-home-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.vorkoth-home-panel { padding: 1.35rem 1.45rem; border: 1px solid var(--vh-line); border-radius: 9px; background: #1b3041; color: #d7e1e7; font: .96rem/1.6 system-ui,sans-serif; }
.vorkoth-home-panel-title { margin: .5rem 0 .55rem; color: #fff2d5; font: 500 1.45rem/1.25 Georgia,serif; }
.vorkoth-home-footer { margin-top: 1.6rem; padding: 1rem 1.2rem; border-left: 3px solid var(--vh-gold); color: #c8d5dc; background: #182c3b; font: .88rem/1.6 system-ui,sans-serif; }
@media (max-width: 820px) { .vorkoth-home-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 570px) { .vorkoth-home-grid, .vorkoth-home-panels { grid-template-columns: 1fr; } .vorkoth-home-card { min-height: 0; } .vorkoth-home-hero { padding: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .vorkoth-home-card { transition: none; } .vorkoth-home-card:hover { transform: none; } }