@import url("../../prosilver/theme/stylesheet.css");
/* Salvinian overrides — kept in THIS file because only its URL carries phpBB's assets_version; an @import'ed file would be cached at the edge forever. Source of truth: ~/salvinian-station/forum/salvinian/theme/ */
/* Salvinian — prosilver restyled to be.tonyseli.com's palette.
   Tokens are the site's own (PaperMod dark + the station's ember accents). */
:root{--sv-bg:#1d1e20;--sv-entry:#2e2e33;--sv-raise:#37373d;--sv-border:#333;--sv-text:#dadadb;--sv-muted:#9b9c9d;--sv-dim:#6f7073;--sv-code:#37383e;--sv-peak:#FFF0C4;--sv-mid:#F2A63A;--sv-rest:#D4552A;--sv-font:"Iosevka Aile","IBM Plex Sans","Segoe UI",Cantarell,ui-sans-serif,system-ui,sans-serif;--sv-mono:ui-monospace,"Iosevka","JetBrains Mono",SFMono-Regular,Menlo,monospace}
html,body{background:var(--sv-bg);color:var(--sv-text);font-family:var(--sv-font)}
body{padding:12px 0}
#wrap,.wrap{background:var(--sv-bg);border-color:var(--sv-border);box-shadow:none}
h1,h2,h3,h4{font-family:var(--sv-font)}
h2,h2.forum-title,h2.topic-title{color:var(--sv-peak)}
h2 a,h2.forum-title a,h2.topic-title a{color:var(--sv-peak)}
h3{color:var(--sv-mid);border-bottom-color:var(--sv-border)}
a{color:var(--sv-mid)}a:hover,a:active{color:var(--sv-peak)}
p{color:var(--sv-text)}
/* header: no phpBB logo; the name set in the station's uppercase label style */
.headerbar{background:var(--sv-bg);border-bottom:1px solid var(--sv-border);border-radius:0;color:var(--sv-text);padding:16px 10px 10px}
.site_logo{display:none}
.logo{padding:0}
.headerbar h1{color:var(--sv-text);font-size:1.6em;font-weight:600;letter-spacing:.01em;margin:0}
.headerbar p{color:var(--sv-muted);font-size:.95em}
.search-box .inputbox,.search-header{background:var(--sv-entry);border-color:var(--sv-border);box-shadow:none}
.search-header{border-radius:4px}
/* nav + breadcrumbs */
.navbar{background:var(--sv-entry);border-radius:6px}
.navbar a,.navbar .icon{color:var(--sv-text)}
.breadcrumbs .crumb a,.breadcrumbs .crumb:before{color:var(--sv-muted)}
ul.linklist>li{color:var(--sv-muted)}
.icon,.fa{color:inherit}
.icon.icon-blue,.icon.icon-red,.icon.icon-green,.icon.icon-gray,.icon.icon-black,.icon.icon-lightgray{color:var(--sv-mid)}
/* forum / topic lists: the blue bars become the entry surface, rows the ground */
.forabg,.forumbg{background:var(--sv-entry);border:1px solid var(--sv-border);border-radius:6px}
.forabg .header dt,.forabg .header dd,.forumbg .header dt,.forumbg .header dd,ul.topiclist li.header dt,ul.topiclist li.header dd,.forabg .header a,.forumbg .header a{color:var(--sv-muted);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600}
ul.topiclist li{color:var(--sv-muted)}
ul.topiclist dd{border-left-color:var(--sv-border)}
ul.topiclist dt,ul.topiclist dd{color:var(--sv-muted)}
li.row{border-top-color:var(--sv-border);border-bottom-color:var(--sv-border)}
.bg1,.bg3{background:var(--sv-bg)}.bg2{background:#232426}
li.row:hover,li.row:hover dd{background:var(--sv-raise)}
.row-item dt .list-inner a.topictitle,a.forumtitle,a.topictitle{color:var(--sv-text);font-weight:600}
a.forumtitle:hover,a.topictitle:hover{color:var(--sv-peak)}
.forum-image,.row-item dt{color:var(--sv-muted)}
dd.posts,dd.topics,dd.views,dd.extra,dd.mark,dd.lastpost,dd.redirect,dd.moderation,dd.time,dd.info,dd.option{color:var(--sv-muted)}
.topic-poster,.lastsubject,.left-box,.right-box{color:var(--sv-muted)}
/* panels, posts, profile column */
.panel{background:var(--sv-entry);color:var(--sv-text);border:1px solid var(--sv-border);border-radius:6px}
.panel h3,.panel .inner{color:var(--sv-text)}
.post{border-radius:6px;border:1px solid var(--sv-border)}
.post.bg1,.post.bg2{background:var(--sv-entry)}
/* ⚠ measured 2026-10-04: an earlier 1.02em here overrode prosilver's 1.3em and shrank
   every post to 10.4 px. Body 1.4em (14 px); quotes a step under the 17 px post title. */
.postbody,.content{color:var(--sv-text);font-family:var(--sv-font);line-height:1.55}
.postbody .content{font-size:1.4em;line-height:1.6}
.postbody h3,.postbody h3 a,.first{color:var(--sv-peak)}
.postprofile{color:var(--sv-muted);border-color:var(--sv-border)}
.postprofile a,.postprofile dt,.postprofile dd{color:var(--sv-muted)}
.postprofile strong,.postprofile a.username,.username-coloured{color:var(--sv-text)}
p.author{color:var(--sv-muted)}
.post-buttons .button,.post-buttons .icon{color:var(--sv-muted)}
blockquote{background:var(--sv-code);border:1px solid var(--sv-border);border-left:3px solid var(--sv-mid);color:var(--sv-text);border-radius:4px}
blockquote cite,blockquote cite a{color:var(--sv-mid)}
.codebox{background:var(--sv-code);border-color:var(--sv-border);color:var(--sv-text)}.codebox p{color:var(--sv-muted);border-bottom-color:var(--sv-border)}
.codebox code,code{font-family:var(--sv-mono);color:var(--sv-text)}
.signature{border-top-color:var(--sv-border);color:var(--sv-muted)}
.notice,.rules{background:var(--sv-entry);color:var(--sv-text);border-color:var(--sv-border)}
.rules a{color:var(--sv-mid)}
hr{border-color:var(--sv-border)}
/* forms + buttons */
.inputbox,textarea,select{background:var(--sv-entry);border-color:var(--sv-border);color:var(--sv-text)}
.inputbox:focus,textarea:focus{border-color:var(--sv-mid);box-shadow:none}
.button{background:var(--sv-entry);border-color:var(--sv-border);color:var(--sv-text);box-shadow:none;text-shadow:none;border-radius:5px}
.button:hover,.button:focus{background:var(--sv-raise);border-color:var(--sv-mid);color:var(--sv-peak)}
.button-icon-only .icon,.button .icon{color:var(--sv-mid)}
.button2,input.button2{background:var(--sv-entry);border-color:var(--sv-border);color:var(--sv-text)}
input.button1,.button1{background:var(--sv-rest);border-color:var(--sv-rest);color:#fff}
.dropdown .dropdown-contents{background:var(--sv-entry);border-color:var(--sv-border);color:var(--sv-text);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.dropdown .pointer,.dropdown .pointer-inner{border-color:var(--sv-border) transparent}
.dropdown .pointer-inner{border-color:var(--sv-entry) transparent}
.dropdown li,.dropdown li a{color:var(--sv-text)}
.dropdown li:hover,.dropdown li a:hover{background:var(--sv-raise)}
.dropdown-extended ul li{border-top-color:var(--sv-border)}
.dropdown-extended .header{color:var(--sv-muted);border-bottom-color:var(--sv-border)}
/* pagination, stats, notifications, misc */
.pagination li a,.pagination li span{background:var(--sv-entry);border-color:var(--sv-border);color:var(--sv-text)}
.pagination li.active span{background:var(--sv-rest);border-color:var(--sv-rest);color:#fff}
.stat-block h3{color:var(--sv-mid)}
.copyright{color:var(--sv-dim)}.copyright a{color:var(--sv-muted)}
.footer-row a{color:var(--sv-muted)}
.online{background-image:none}
.cp-menu,.cp-main{background:transparent}
#cp-menu #navigation a{background:var(--sv-entry);color:var(--sv-text)}
#cp-menu #navigation a:hover,#cp-menu #navigation #active-subsection a{background:var(--sv-raise);color:var(--sv-peak)}
.tabs .tab>a,.minitabs .tab>a{background:var(--sv-entry);border-color:var(--sv-border);color:var(--sv-muted)}
.tabs .activetab>a,.minitabs .activetab>a{background:var(--sv-raise);color:var(--sv-peak);border-bottom-color:var(--sv-raise)}
.tabs>ul,.minitabs>ul{border-bottom-color:var(--sv-border)}
fieldset.fields1 dt,fieldset.fields2 dt,dl.details dt,dl.details dd{color:var(--sv-muted)}
.error{color:var(--sv-rest)}
.alert{background:var(--sv-entry);color:var(--sv-text);border-color:var(--sv-border)}
.alert .alert_close{color:var(--sv-muted)}
.sticky,.announce{background:transparent}
.polls dd div{background:var(--sv-mid)}
.postlink{color:var(--sv-mid)}
.imageset{filter:none}
#color_palette_placeholder,.colour-palette{background:var(--sv-entry)}
::selection{background:var(--sv-mid);color:#1d1e20}
/* prosilver's topic/forum icons are light sprites that read as white blobs on a
   dark row; keep their space (dt padding) but let the ember show through faintly */
dl.row-item{background-color:transparent;filter:none}
dl.row-item dt{background-image:none!important}
dl.row-item{background-blend-mode:luminosity;background-color:#1d1e20}
dl.row-item.forum_read,dl.row-item.forum_unread,dl.row-item.topic_read,dl.row-item.topic_unread,dl.row-item.topic_read_mine,dl.row-item.topic_unread_mine,dl.row-item.sticky_read,dl.row-item.sticky_unread,dl.row-item.announce_read,dl.row-item.announce_unread,dl.row-item.global_read,dl.row-item.global_unread,dl.row-item.topic_read_hot,dl.row-item.topic_unread_hot,dl.row-item.topic_read_locked,dl.row-item.topic_unread_locked{opacity:1}
dl.row-item{position:relative}
dl.row-item::before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid var(--sv-border);background:var(--sv-entry)}
dl.row-item[class*="unread"]::before{border-color:var(--sv-mid);background:var(--sv-mid)}
dl.row-item[class*="_mine"]::before{border-color:var(--sv-rest)}
dl.row-item{background-image:none!important}
/* forms: prosilver colours labels and legends dark blue; posting page showed them unreadable */
label,dl.fields1 dt label,dl.fields2 dt label,fieldset dt,fieldset legend,.posting-buttons,dd.option label{color:var(--sv-muted)}
fieldset.fields1 dd,fieldset.fields2 dd,fieldset dd,dl.details dd{color:var(--sv-text)}
fieldset legend{color:var(--sv-mid)}
dl.fields1 dt,dl.fields2 dt{color:var(--sv-muted)}
.smiley-box,.bbcode-status,#smiley-box{color:var(--sv-muted)}
.format-buttons .button,.format-buttons .icon{color:var(--sv-muted)}
.format-buttons .button:hover .icon{color:var(--sv-peak)}
textarea.inputbox{color:var(--sv-text)}
.tabs-container h2,.topicreview h2,h2.topicreview{color:var(--sv-peak)}
.topicreview{background:var(--sv-bg)}
.topicreview .post{background:var(--sv-entry)}
/* the list containers themselves carry prosilver's pale gradient (found by computed
   style on the board index: ul.topiclist.forums bg rgb(238,245,249) + gradient) */
ul.topiclist,ul.topiclist.forums,ul.topiclist.topics,ul.topiclist.missing-column,ul.topiclist.two-long-columns,ul.topiclist.two-columns{background:transparent;background-image:none}
.forabg ul.topiclist,.forumbg ul.topiclist{background:transparent}
ul.topiclist li.header{background:transparent}
ul.topiclist li.header dl{background:transparent}
/* the ember dot belongs on rows only, not the column-header row */
ul.topiclist li.header dl::before,ul.topiclist li.header dl.row-item::before{display:none}
/* quoted text: prosilver sets blockquote SMALLER than body (0.95em). In the feed
   threads the quote IS the post, so it reads one step below the title instead. */
.postbody .content blockquote,blockquote{font-size:1.1em;line-height:1.6;padding:.8em 1.1em .9em}
blockquote cite{font-size:.85em}