Style - Source Excerpt 01

Back to Style

Summary

This source excerpt preserves a bounded section of Anti-Christ.net/wp-content/themes/anti-christ-thin-veil/style.css so readers can inspect the evidence without opening the full source file.

**Source path:** Anti-Christ.net/wp-content/themes/anti-christ-thin-veil/style.css

/*
Theme Name: Anti-Christ Thin Veil
Theme URI: https://anti-christ.net
Author: Custom Theme Build
Description: A privacy-first gothic civic journal theme for lawful dissent, civil liberties writing, anti-corporate critique, and philosophical essays. No external fonts, trackers, or third-party assets.
Version: 3.28.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anti-christ-thin-veil
Tags: blog, custom-menu, featured-images, dark, editor-style
*/

:root {
	--actv-void: #050404;
	--actv-ash: #12100f;
	--actv-concrete: #1d1b19;
	--actv-smoke: #2b2925;
	--actv-bone: #efe7d1;
	--actv-paper: #cfc3a2;
	--actv-dim: #92866e;
	--actv-red: #8f201f;
	--actv-red-dark: #4e0e0d;
	--actv-gold: #a47f37;
	--actv-terminal: #6bd6a1;
	--actv-border: rgba(239, 231, 209, 0.18);
	--actv-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
	--actv-radius: 8px;
	--actv-display: "Old English Text MT", "Blackletter", "Cinzel", "Trajan Pro", Georgia, serif;
	--actv-serif: Georgia, "Times New Roman", serif;
	--actv-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--actv-width: 1180px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background:
		linear-gradient(135deg, rgba(143, 32, 31, 0.18), transparent 44rem),
		linear-gradient(215deg, rgba(107, 214, 161, 0.06), transparent 34rem),
		linear-gradient(135deg, rgba(255, 255, 255, 0.025) 25%, transparent 25%),
		var(--actv-void);
	background-size: auto, auto, 9px 9px, auto;
	color: var(--actv-bone);
	font-family: var(--actv-serif);
	font-size: 17px;
	line-height: 1.65;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -1;
	background:
		linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
	background-size: 38px 38px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent 88%);
}

img,
svg {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--actv-bone);
	text-decoration-color: rgba(164, 127, 55, 0.55);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

a:hover,
a:focus {
	color: var(--actv-terminal);
}

:focus-visible {
	outline: 2px solid var(--actv-terminal);
	outline-offset: 4px;
}

::selection {
	background: var(--actv-red);
	color: var(--actv-bone);
}

.screen-reader-text,
.skip-link {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	left: 1rem;
	padding: 0.85rem 1rem;
	position: fixed;
	top: 1rem;
	width: auto;
	z-index: 9999;
	background: var(--actv-bone);
	color: var(--actv-void);
	font-family: var(--actv-mono);
	font-size: 0.9rem;
	text-transform: uppercase;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--actv-border);
	background: rgba(5, 4, 4, 0.86);
	backdrop-filter: blur(10px);
}

.admin-bar .site-header {
	top: 32px;
}

.header-inner,
.footer-inner,
.site-main,
.entry-shell,
.archive-shell {
	width: min(var(--actv-width), calc(100% - 2rem));
	margin-inline: auto;
}

.header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	flex-wrap: nowrap;
	min-height: 64px;
	padding: 0.45rem 0;
}

.site-branding {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 0.65rem;
	min-width: max-content;
}

.brand-mark {
	display: grid;
	grid-template-columns: 36px 1fr;
	align-items: center;
	gap: 0.62rem;
	text-decoration: none;
}

.brand-mark img,
.custom-logo {
	width: 36px;
	height: 36px;
	border: 1px solid rgba(164, 127, 55, 0.55);
	border-radius: 50%;
	background: var(--actv-ash);
	box-shadow: 0 0 18px rgba(143, 32, 31, 0.28);
}

.brand-name {
	display: block;
	font-family: var(--actv-display);
	font-size: 1.22rem;
	letter-spacing: 0.04em;
	line-height: 1;
}

.brand-subtitle {
	display: block;
	font-family: var(--actv-mono);
	font-size: 0.55rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--actv-dim);
}

.nav-toggle {
	display: none;
	align-items: center;
	gap: 0.5rem;
	border: 1px solid var(--actv-border);
	background: rgba(255, 255, 255, 0.04);
	color: var(--actv-bone);
	border-radius: 999px;
	padding: 0.55rem 0.8rem;
	font-family: var(--actv-mono);
	font-size: 0.75rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
}

.nav-toggle span {
	display: block;
	width: 1.4rem;
	height: 1px;
	background: currentColor;
	box-shadow: 0 6px 0 currentColor, 0 -6px 0 currentColor;
}

.primary-menu,
.footer-menu {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.12rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--actv-mono);
	font-size: 0.64rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.primary-menu a,
.footer-menu a {
	display: block;
	padding: 0.42rem 0.48rem;
	border: 1px solid transparent;
	border-radius: 999px;
	text-decoration: none;
	color: var(--actv-paper);
	white-space: nowrap;
}

.footer-menu {
	flex-wrap: wrap;
	gap: 0.25rem;
	font-size: 0.74rem;
	letter-spacing: 0.08em;
}

.footer-menu a {
	padding: 0.65rem 0.72rem;
	white-space: normal;
}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current-menu-item > a,
.footer-menu a:hover,
.footer-menu a:focus {
	border-color: var(--actv-border);
	background: rgba(164, 127, 55, 0.08);
	color: var(--actv-bone);
}

.primary-nav {
	flex: 1 1 auto;
	min-width: 0;
	margin-left: auto;
}

.member-entry-link {
	display: none;
	align-items: center;
	justify-content: center;
	min-height: 2.55rem;
	white-space: nowrap;
	border: 1px solid rgba(107, 214, 161, 0.38);
	border-radius: 999px;
	background: rgba(107, 214, 161, 0.08);
	color: var(--actv-terminal);
	font-family: var(--actv-mono);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	line-height: 1;
	padding: 0.65rem 0.78rem;
	text-decoration: none;
	text-transform: uppercase;
}

.member-entry-link:hover,
.member-entry-link:focus {
	border-color: rgba(107, 214, 161, 0.72);
	color: var(--actv-bone);
}

.site-main {
	padding: clamp(2rem, 5vw, 5rem) 0;
}

.hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
	gap: clamp(1.5rem, 5vw, 4rem);
	align-items: center;
	min-height: min(780px, calc(100vh - 110px));
}

.section-label,
.card-kicker,
.entry-meta-line,
.archive-kicker {
	font-family: var(--actv-mono);
	font-size: 0.74rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--actv-terminal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--actv-display);
	font-weight: 700;
	line-height: 0.96;
	margin: 0 0 1rem;
	color: var(--actv-bone);
}

h1 {
	font-size: clamp(3rem, 5rem, 5.6rem);
	letter-spacing: 0;
	text-wrap: balance;
}

h2 {
	font-size: clamp(2rem, 3.4rem, 3.7rem);
	letter-spacing: 0;
}

h3 {
	font-size: clamp(1.35rem, 1.8rem, 1.95rem);
	letter-spacing: 0;
}

p {
	margin-top: 0;
}

.lead,
.archive-lead,
.entry-summary-large {
	font-size: clamp(1.05rem, 1.2rem, 1.25rem);
	color: var(--actv-paper);
	max-width: 760px;
}

.hero-copy {
	position: relative;
}

.hero-copy h1 span {
	color: var(--actv-red);
	text-shadow: 0 0 30px rgba(143, 32, 31, 0.55);
}

.hero-actions,
.section-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.6rem;
}

.button,
.wp-block-button__link,
.comment-reply-link,
.form-submit .submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	border-radius: 999px;
	border: 1px solid var(--actv-border);
	padding: 0.78rem 1.05rem;
	font-family: var(--actv-mono);
	font-size: 0.76rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.button-primary,
.wp-block-button__link,
.form-submit .submit {
	background: linear-gradient(135deg, var(--actv-red), var(--actv-red-dark));
	color: var(--actv-bone);
	box-shadow: 0 14px 40px rgba(143, 32, 31, 0.28);
}

.button-ghost,
.comment-reply-link {
	background: rgba(255, 255, 255, 0.035);
	color: var(--actv-paper);
}

.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.form-submit .submit:hover,
.form-submit .submit:focus {
	transform: translateY(-1px);
	color: var(--actv-bone);
	border-color: rgba(107, 214, 161, 0.55);
}