Theme - Source Excerpt 02
Summary
This source excerpt preserves a bounded section of Anti-Christ.org/wp-content/themes/antichrist-engine/assets/css/theme.css so readers can inspect the evidence without opening the full source file.
**Source path:** Anti-Christ.org/wp-content/themes/antichrist-engine/assets/css/theme.css
}
.branding-wrap {
display: flex;
align-items: center;
gap: 0.75rem;
min-width: 0;
}
.site-branding {
min-width: 0;
}
.branding-mark {
position: relative;
width: 40px;
height: 40px;
flex: 0 0 auto;
overflow: hidden;
border-radius: 12px;
background:
radial-gradient(circle at center, rgba(151, 40, 59, 0.18), transparent 58%),
linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
border: 1px solid rgba(192, 160, 107, 0.22);
box-shadow: inset 0 0 0 1px rgba(236, 231, 220, 0.05);
}
.branding-mark::before {
content: '∇';
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: var(--color-bone);
font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 1.75rem;
line-height: 1;
}
.branding-mark::before {
content: '';
inset: 3px;
display: block;
background: url("../images/trident-mark-512.png") center / contain no-repeat;
filter: drop-shadow(0 0 8px rgba(233, 230, 223, 0.18));
}
.site-title {
margin: 0;
font-size: clamp(0.96rem, 1.2vw, 1.08rem);
font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-weight: 700;
letter-spacing: 0.04em;
}
.site-title a,
.site-description {
text-decoration: none;
}
.site-title a {
white-space: nowrap;
}
.site-description {
max-width: min(420px, 42vw);
margin: 0.12rem 0 0;
color: var(--color-fog);
font-size: 0.68rem;
letter-spacing: 0.1em;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.site-branding__dossier {
display: none;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.55rem;
}
.site-branding__dossier span,
.hero__dossier {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 0.35rem 0.7rem;
border-radius: 999px;
border: 1px solid rgba(192, 160, 107, 0.16);
background: rgba(255, 255, 255, 0.025);
color: var(--color-bone-soft);
font-size: 0.7rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.site-header__utilities {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.48rem;
min-width: 0;
}
.site-header__record-link,
.site-header__support,
.site-header__account,
.site-header__topic-toggle,
.site-header__navigator-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0.62rem 0.78rem;
border-radius: 14px;
border: 1px solid rgba(192, 160, 107, 0.18);
background: rgba(255, 255, 255, 0.025);
color: var(--color-bone);
text-decoration: none;
font-weight: 700;
font-size: 0.82rem;
letter-spacing: 0.04em;
white-space: nowrap;
}
.site-header__navigator-toggle {
display: grid;
gap: 0.08rem;
justify-items: center;
text-align: center;
min-width: 11.2rem;
}
.site-header__navigator-toggle small {
color: var(--color-brass);
font-size: 0.68rem;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.site-header__record-link {
border-color: rgba(192, 160, 107, 0.28);
background: rgba(192, 160, 107, 0.08);
}
.site-header__support {
border-color: rgba(190, 46, 69, 0.34);
background:
radial-gradient(circle at top right, rgba(190, 46, 69, 0.2), transparent 48%),
rgba(190, 46, 69, 0.12);
}
.site-header__record-link:hover,
.site-header__record-link:focus-visible,
.site-header__support:hover,
.site-header__support:focus-visible,
.site-header__topic-toggle:hover,
.site-header__topic-toggle:focus-visible,
.site-header__navigator-toggle:hover,
.site-header__navigator-toggle:focus-visible,
.site-header__account:hover,
.site-header__account:focus-visible {
background: rgba(151, 40, 59, 0.14);
border-color: rgba(192, 160, 107, 0.34);
}
.site-logo img {
max-height: 48px;
width: auto;
}
.main-navigation {
position: absolute;
top: calc(100% + 0.45rem);
right: 0;
z-index: 140;
display: none;
width: min(420px, calc(100vw - 2rem));
margin-left: 0;
}
.main-navigation.is-open {
display: block;
animation: foundationRise 0.18s ease both;
}
.site-topic-map {
position: sticky;
top: 92px;
z-index: 95;
border-bottom: 1px solid rgba(192, 160, 107, 0.08);
background:
linear-gradient(180deg, rgba(16, 20, 27, 0.98), rgba(6, 7, 10, 0.95));
backdrop-filter: blur(12px);
}
.site-topic-map.is-open {
animation: foundationRise 0.35s ease both;
}
.site-topic-map__inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
gap: 1rem;
padding: 1rem 0 1.2rem;
}
.site-topic-map__cluster {
padding: 1rem 1.05rem;
border-radius: 22px;
border: 1px solid var(--color-line);
background: rgba(255, 255, 255, 0.025);
}
.site-topic-map__links {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0.55rem;
}
.site-topic-map__links a {
display: block;
padding: 0.7rem 0.8rem;
border-radius: 14px;
text-decoration: none;
color: var(--color-bone-soft);
background: rgba(255, 255, 255, 0.025);
border: 1px solid transparent;
}
.site-topic-map__links a:hover,
.site-topic-map__links a:focus-visible {
border-color: rgba(192, 160, 107, 0.24);
background: rgba(192, 160, 107, 0.08);
color: var(--color-bone);
}
.site-navigator {
position: fixed;
inset: 0;
z-index: 180;
padding: 1.4rem 0;
}
.site-navigator__backdrop {
position: absolute;
inset: 0;
background: rgba(4, 5, 8, 0.78);
backdrop-filter: blur(12px);
}
.site-navigator .container {
position: relative;
z-index: 1;
height: 100%;
display: grid;
align-items: start;
}
.site-navigator__dialog {
width: min(980px, 100%);
margin: 1.5rem auto 0;
padding: clamp(1.25rem, 2.8vw, 2rem);
display: grid;
gap: 1rem;
max-height: calc(100vh - 3rem);
overflow: hidden;
}
.site-navigator__header,
.site-navigator__meta {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.site-navigator__lead,
.site-navigator__count,
.site-navigator__shortcut {
margin: 0;
}
.site-navigator__lead,
.site-navigator__shortcut {
color: var(--color-bone-soft);
}
.site-navigator__search {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.9rem;
align-items: center;
}
.site-navigator__input {
min-height: 62px;
padding-inline: 1.15rem;
font-size: 1.02rem;
}
.site-navigator__full-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 62px;
padding: 0.8rem 1rem;
border-radius: 16px;
border: 1px solid rgba(192, 160, 107, 0.2);
background: rgba(192, 160, 107, 0.08);
color: var(--color-bone);
text-decoration: none;
font-weight: 700;
letter-spacing: 0.04em;
}
.site-navigator__results {
list-style: none;
margin: 0;
padding: 0 0.2rem 0 0;
display: grid;
gap: 0.85rem;
overflow-y: auto;
max-height: min(52vh, 520px);
}
.site-navigator__result {
display: grid;
gap: 0.42rem;
padding: 1rem 1.05rem;
border-radius: 20px;
border: 1px solid var(--color-line);
background:
radial-gradient(circle at top right, rgba(192, 160, 107, 0.08), transparent 38%),
rgba(255, 255, 255, 0.025);
text-decoration: none;
transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.site-navigator__result:hover,
.site-navigator__result:focus-visible,
.site-navigator__result.is-active {
transform: translateY(-1px);
border-color: rgba(192, 160, 107, 0.28);
background:
radial-gradient(circle at top right, rgba(192, 160, 107, 0.14), transparent 42%),
rgba(255, 255, 255, 0.045);
}
.site-navigator__result-meta {
color: var(--color-brass);
font-size: 0.72rem;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.site-navigator__result strong {
font-size: 1rem;
}
.site-navigator__result span:last-child {
color: var(--color-bone-soft);
}
.site-navigator__empty {
margin: 0;
padding: 1rem 1.05rem;
border-radius: 18px;
border: 1px dashed rgba(192, 160, 107, 0.3);
color: var(--color-bone-soft);
}
.site-breadcrumbs-wrap {
border-bottom: 1px solid rgba(192, 160, 107, 0.08);
background: rgba(12, 14, 20, 0.82);
}