WikiAdmin: Deploy Vellocet visual system

2026-08-25T05:34:45Z

Deploy Vellocet visual system

Show changes

WikiAdmin: Deploy Vellocet visual system

2026-08-25T04:29:32Z

Deploy Vellocet visual system

Show changes

WikiAdmin: Initialize Vellocet Developer Community

2026-08-25T00:32:57Z

Initialize Vellocet Developer Community

New page

:root {
--vellocet-ink: #181a1b;
--vellocet-paper: #f4f1ea;
--vellocet-surface: #fffdf8;
--vellocet-line: #cdc8bd;
--vellocet-muted: #65625c;
--vellocet-accent: #c44f2f;
--vellocet-accent-dark: #84321d;
--vellocet-blue: #305a69;
}

body.skin-vector-2022 {
background: var(--vellocet-paper);
color: var(--vellocet-ink);
}

.vector-feature-page-tools-pinned-disabled .vector-main-menu,
.vector-feature-page-tools-pinned-enabled .vector-main-menu {
font-size: 0.92rem;
}

.mw-page-container,
.vector-header-container {
max-width: 112rem;
}

.mw-body {
background: var(--vellocet-surface);
border: 1px solid var(--vellocet-line);
box-shadow: none;
}

.mw-logo-icon {
box-sizing: border-box;
width: 42px;
height: 42px;
padding: 7px;
border-radius: 50%;
background: var(--vellocet-ink);
}

.mw-logo-wordmark {
display: none;
}

.mw-logo-container::after {
content: "DEVELOPER COMMUNITY";
display: block;
margin-left: 0.7rem;
max-width: 9rem;
color: var(--vellocet-ink);
font-size: 0.67rem;
font-weight: 800;
line-height: 1.15;
letter-spacing: 0.11em;
}

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
color: var(--vellocet-ink);
font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-weight: 750;
letter-spacing: -0.025em;
}

.mw-body h1 {
font-size: clamp(2rem, 4vw, 3.7rem);
}

.mw-body h2 {
border-bottom-color: var(--vellocet-line);
}

.mw-body a {
color: var(--vellocet-blue);
}

.mw-body a:visited {
color: #664d69;
}

.mw-body a:hover {
color: var(--vellocet-accent-dark);
}

.vellocet-hero {
position: relative;
overflow: hidden;
margin: -1px -1px 3.5rem;
padding: clamp(2.5rem, 7vw, 7rem) clamp(1.5rem, 7vw, 7rem);
border-bottom: 6px solid var(--vellocet-accent);
background: var(--vellocet-ink);
color: #f8f3e9;
}

.vellocet-hero::after {
content: "V";
position: absolute;
right: -0.08em;
bottom: -0.34em;
color: rgba(255, 255, 255, 0.035);
font-size: clamp(16rem, 40vw, 38rem);
font-weight: 900;
line-height: 1;
pointer-events: none;
}

.vellocet-eyebrow,
.vellocet-card__status {
color: #dba38e;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.16em;
}

.vellocet-hero__title {
position: relative;
z-index: 1;
max-width: 15ch;
margin: 1rem 0 1.5rem;
font-size: clamp(3rem, 8vw, 7.8rem);
font-weight: 850;
line-height: 0.88;
letter-spacing: -0.065em;
}

.vellocet-hero__lede {
position: relative;
z-index: 1;
max-width: 48rem;
color: #cfccc4;
font-size: clamp(1.05rem, 2vw, 1.35rem);
line-height: 1.55;
}

.vellocet-actions {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 2rem;
}

.vellocet-actions a {
display: inline-block;
padding: 0.78rem 1rem;
border: 1px solid #77746e;
color: #fffaf0;
font-weight: 700;
text-decoration: none;
}

.vellocet-actions a:first-child {
border-color: var(--vellocet-accent);
background: var(--vellocet-accent);
}

.vellocet-actions a:hover {
border-color: #fffaf0;
color: #fffaf0;
}

.vellocet-section-heading {
display: flex;
align-items: baseline;
gap: 0.85rem;
margin: 3rem 0 1rem;
border-bottom: 1px solid var(--vellocet-line);
}

.vellocet-section-heading span {
color: var(--vellocet-accent);
font: 700 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.vellocet-section-heading h2 {
margin: 0 0 0.65rem;
border: 0;
font-size: 1.5rem;
}

.vellocet-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 1px solid var(--vellocet-line);
border-left: 1px solid var(--vellocet-line);
}

.vellocet-card {
min-height: 15rem;
padding: 1.5rem;
border-right: 1px solid var(--vellocet-line);
border-bottom: 1px solid var(--vellocet-line);
background: #f9f6ef;
}

.vellocet-card--grimwar {
background-color: #202225;
background-image: linear-gradient(rgba(32, 34, 37, 0.88), rgba(32, 34, 37, 0.96)), url('/w/resources/vellocet/grimwar-logo.png');
background-repeat: no-repeat;
background-position: center 2.5rem;
background-size: 78% auto;
color: #eeeae1;
}

.vellocet-card--grimwar h2,
.vellocet-card--grimwar a {
color: #fffaf0;
}

.vellocet-card--muted {
background: #e8e4db;
}

.vellocet-card h2 {
margin-top: 2.8rem;
border: 0;
font-size: 2rem;
}

.vellocet-card p {
min-height: 5rem;
}

.vellocet-card__links a {
font-weight: 750;
text-decoration: none;
}

.vellocet-resource-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px;
background: var(--vellocet-line);
border: 1px solid var(--vellocet-line);
}

.vellocet-resource-grid > div {
padding: 1.35rem;
background: var(--vellocet-surface);
}

.vellocet-resource-grid h3 {
margin-top: 0;
}

.doc-notice {
margin: 1.25rem 0;
padding: 0.9rem 1rem;
border: 1px solid var(--vellocet-line);
border-left: 5px solid var(--vellocet-blue);
background: #eef2f1;
}

.doc-notice--warning {
border-left-color: var(--vellocet-accent);
background: #f8eee8;
}

.doc-notice--draft {
border-left-color: #8d742f;
background: #f7f1dc;
}

.game-nav {
display: flex;
flex-wrap: wrap;
gap: 0.4rem 0.8rem;
margin: 1rem 0 1.5rem;
padding: 0.8rem 1rem;
border: 1px solid var(--vellocet-line);
background: #ebe7de;
font-size: 0.9rem;
}

.game-nav a {
font-weight: 650;
text-decoration: none;
}

.mw-highlight pre,
.mw-code {
border: 1px solid #383b3d;
border-radius: 0;
background: #202225;
color: #ece8df;
}

table.wikitable {
border-color: var(--vellocet-line);
background: var(--vellocet-surface);
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
border-color: var(--vellocet-line);
background: #e8e4db;
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
border-color: var(--vellocet-line);
}

@media (max-width: 900px) {
.vellocet-card-grid,
.vellocet-resource-grid {
grid-template-columns: 1fr;
}

.vellocet-card {
min-height: 0;
}

.vellocet-card p {
min-height: 0;
}
}

@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition: none !important;
}
}

MediaWiki:Common.css - Revision history

WikiAdmin: Deploy Vellocet visual system

WikiAdmin: Deploy Vellocet visual system

WikiAdmin: Initialize Vellocet Developer Community