/* ===== Moria style fixes (Wayback look) ===== */
/* Color system (matches your child theme defaults) */
:root{
--header_textcolor: #33002b;
--background_color: #fafff2;
--accent_color: #c95836;
--body_textcolor: #3f0000;
--link_color: #0b3fa8;
}
/* Page background + base text */
html, body{ background: var(--background_color); color: var(--body_textcolor); }
/* Container width like Wayback */
.container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
/* -------- Header / top nav -------- */
.site-header{ background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }
/* Optional top banner (empty unless you add content) */
.site-top-banner{ text-align:center; padding: 6px 0; }
/* Logo bar: LEFT aligned, 3/4 width, minimal whitespace */
.site-logo-bar{
display:block;
text-align:left;
padding: 8px 0 12px; /* tighter spacing */
margin:0;
}
.site-logo-link{
display:inline-block;
width:75%;
max-width:75%;
margin:0;
}
.site-logo-img{
display:block;
width:100% !important; /* fills 75% of container */
height:auto !important;
max-height:none !important;
margin:0;
}
/* Reduce logo width to 100% on small screens for readability */
@media (max-width: 640px){
.site-logo-link{ width:100%; max-width:100%; }
}
/* Primary menu: horizontal row, tidy spacing, readable on white */
.primary-nav{ background:#fff; border-top:1px solid rgba(0,0,0,.06); margin-top:0; padding-top:0; }
.primary-nav .menu{
display:flex; flex-wrap:wrap; gap:0; margin:0; padding:0; list-style:none;
}
.primary-nav .menu>li>a{
display:block; padding:10px 14px; text-decoration:none;
color:#222;
border-right:1px solid rgba(0,0,0,.06);
}
.primary-nav .menu>li:last-child>a{ border-right:0; }
.primary-nav .menu>li>a:hover,
.primary-nav .menu>li.current-menu-item>a{
color: var(--accent_color);
text-decoration:none;
}
/* Dropdowns */
.primary-nav .menu li{ position:relative; }
.primary-nav .menu li ul{
position:absolute; left:0; top:100%; min-width:220px;
background:#fff; border:1px solid rgba(0,0,0,.12); display:none; z-index:30;
}
.primary-nav .menu li:hover>ul{ display:block; }
.primary-nav .menu li ul li a{ padding:10px 12px; display:block; color:#222; }
/* Mobile menu behavior */
.nav-toggle{ display:none; width:44px; height:40px; border:0; background:transparent; cursor:pointer }
.nav-toggle span{ display:block; height:2px; margin:8px 0; background:#222 }
@media (max-width: 960px){
.nav-toggle{ display:block; }
.primary-nav .menu{ display:none; flex-direction:column }
.primary-nav.is-open .menu{ display:flex; }
.primary-nav .menu li{ border-bottom:1px solid rgba(0,0,0,.08); }
.primary-nav .menu li ul{ position:static; border:0; }
}
/* Optional sticky header (desktop) */
@media (min-width: 961px){
.site-header{ position:sticky; top:0; z-index:50; background:#fff; }
}
/* -------- Post list (Wayback-style list) -------- */
.hentry, .post, .type-post{ padding:16px 0; border-bottom:1px solid rgba(0,0,0,.08); }
.post .entry-title, .hentry .entry-title{ font-weight:700; margin:4px 0 6px; }
.post .entry-title a{ color:inherit; text-decoration:none; }
.post .entry-title a:hover{ color: var(--link_color); }
.entry-meta, .posted-on, .byline{ color: rgba(0,0,0,.55); font-size: 0.9em; }
/* Featured image tidy */
.post .post-thumbnail, .entry-thumbnail{ margin:6px 0 8px; }
.post .post-thumbnail img, .entry-thumbnail img{
display:block; width:100%; height:auto; border-radius:4px;
}
/* “nav links” divider (matches your child CSS gradient line) */
hr, .nav-links{
background-image: linear-gradient(to right, transparent, var(--accent_color) 20%, var(--accent_color) 80%, transparent);
background-repeat:no-repeat; background-size:100% 2px; padding:4px 0; border:0; height:2px;
}
/* -------- A–Z grid polish (works with your az.css) -------- */
.titles-index-az{ margin:10px 0 16px; }
.titles-index-grid{ gap:18px; }
.ti-card{ background:#fff; border:1px solid rgba(0,0,0,.12); }
.ti-title{ margin:8px 0 6px; }
.ti-meta strong{ color:#111; }
.ti-excerpt{ color:#555; }
/* Pagination */
.ti-pagination .page-numbers{ border:1px solid rgba(0,0,0,.15); border-radius:4px; padding:4px 8px; margin:0 3px; text-decoration:none; color:inherit; }
.ti-pagination .current{ background:#f3f3f3; }
/* Links */
a{ color: var(--link_color); }
a:hover{ color: var(--accent_color); }
/* Utilities */
.entry-title, .ti-title{ word-break: break-word; hyphens:auto; }
Jump to top
Moria
