https://jadnix.xyz/w/api.php?action=feedcontributions&feedformat=atom&user=Sinvrh The Jadnix Codex - User contributions [en] 2026-04-10T12:39:09Z User contributions MediaWiki 1.43.6 https://jadnix.xyz/w/index.php?title=User:Sinvrh&diff=315 User:Sinvrh 2026-02-16T03:48:33Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-still&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div class=&quot;personnel-file&quot;&gt;<br /> &lt;div class=&quot;id-header&quot;&gt;<br /> W.S.G. PERSONNEL IDENTIFICATION<br /> &lt;span class=&quot;id-clearance&quot;&gt;CLR: 5 (ADMIN)&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;id-body&quot;&gt;<br /> &lt;div class=&quot;void-avatar&quot;&gt;<br /> &lt;img src=&quot;https://files.catbox.moe/gqpyy2.png&quot;&gt;&lt;/img&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;id-details&quot;&gt;<br /> &lt;h2&gt;STILL SINVRH&lt;/h2&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;&lt;strong&gt;DESIGNATION:&lt;/strong&gt; LEADER&lt;/li&gt;<br /> &lt;li&gt;&lt;strong&gt;FACTION:&lt;/strong&gt; THE QUIESCENT&lt;/li&gt;<br /> &lt;li&gt;&lt;strong&gt;STATUS:&lt;/strong&gt; ANCHORED / ONLINE&lt;/li&gt;<br /> &lt;li&gt;&lt;strong&gt;ASSIGNMENT:&lt;/strong&gt; CODEX MAINTENANCE&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;br&gt;<br /> <br /> &lt;div style=&quot;text-align: center; font-family: 'Consolas'; font-size: 0.9em; color: #666;&quot;&gt;<br /> &lt;p&gt;&gt; CURRENT TASK: ORGANIZING CODEX INFORMATION&lt;/p&gt;<br /> &lt;p&gt;&gt; LAST LOGIN: [YESTERDAY]&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.js&diff=314 MediaWiki:Common.js 2026-02-15T05:45:29Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: CORE SCRIPTS (Themes + Calculator + Logos)<br /> ============================================================ */<br /> <br /> $(function() {<br /> /* --- PART A: LOGO &amp; THEME SYSTEM --- */<br /> <br /> // 1. DEFINE LOGOS<br /> const logos = {<br /> still: 'https://files.catbox.moe/0cmhjh.png',<br /> dealer: 'https://files.catbox.moe/73m0cp.png',<br /> skipper: 'https://files.catbox.moe/8gs8n5.png'<br /> };<br /> <br /> // 2. HELPER: FORCE LOGO SWAP<br /> function swapLogo(url) {<br /> $('#p-logo a').css('background-image', 'url(' + url + ')');<br /> }<br /> <br /> // 3. DETECT FACTION -&gt; APPLY CLASS &amp; LOGO<br /> if ($('.faction-dealer').length) {<br /> $('body').addClass('theme-dealer');<br /> swapLogo(logos.dealer);<br /> }<br /> else if ($('.faction-skipper').length) {<br /> $('body').addClass('theme-skipper');<br /> swapLogo(logos.skipper);<br /> }<br /> else if ($('.faction-still').length) {<br /> $('body').addClass('theme-still');<br /> }<br /> <br /> /* --- PART B: CRDD CALCULATOR LOGIC --- */<br /> <br /> // Only run if calculator is present<br /> if ($('#crdd-interface').length) {<br /> <br /> // Update number displays instantly<br /> $('.crdd-range').on('input', function() {<br /> $(this).next('.crdd-value-display').text($(this).val());<br /> });<br /> <br /> // The Calculation Function<br /> function updateCRDD() {<br /> let totalScore = 0;<br /> let activeMaxScore = 0;<br /> let criticalOverride = false;<br /> <br /> // SECTION 1: SUBJECT<br /> let subjSkip = $('#skip-subject').is(':checked');<br /> if (!subjSkip) {<br /> let s1 = parseInt($('#s-strength').val()) || 0;<br /> let s2 = parseInt($('#s-durability').val()) || 0;<br /> let s3 = parseInt($('#s-mobility').val()) || 0;<br /> let s4 = parseInt($('#s-intel').val()) || 0;<br /> let s5 = parseInt($('#s-stamina').val()) || 0;<br /> let s6 = parseInt($('#s-threat').val()) || 0;<br /> let s7 = parseInt($('#s-swarm').val()) || 0;<br /> <br /> // Critical Check<br /> if (s6 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (s1+s2+s3+s4+s5+s6+s7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;DOCILE&quot;;<br /> if (avg &gt; 8) rating = &quot;NEUTRAL&quot;;<br /> if (avg &gt; 16) rating = &quot;HOSTILE&quot;;<br /> if (avg &gt; 24) rating = &quot;VILE&quot;;<br /> $('#result-subject').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-subject').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 2: ITEM<br /> let itemSkip = $('#skip-item').is(':checked');<br /> if (!itemSkip) {<br /> let i1 = parseInt($('#i-entropy').val()) || 0;<br /> let i2 = parseInt($('#i-instability').val()) || 0;<br /> let i3 = parseInt($('#i-radiation').val()) || 0;<br /> let i4 = parseInt($('#i-corrupt').val()) || 0;<br /> let i5 = parseInt($('#i-volatility').val()) || 0;<br /> let i6 = parseInt($('#i-unport').val()) || 0;<br /> let i7 = parseInt($('#i-anomalous').val()) || 0;<br /> let i8 = parseInt($('#i-qty').val()) || 0;<br /> <br /> if (i7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (i1+i2+i3+i4+i5+i6+i7+i8) / 8;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;FUNCTIONAL&quot;;<br /> if (avg &gt; 8) rating = &quot;ALTERED&quot;;<br /> if (avg &gt; 16) rating = &quot;UNSTABLE&quot;;<br /> if (avg &gt; 24) rating = &quot;VOID&quot;;<br /> $('#result-item').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> } else {<br /> $('#result-item').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 3: SEAM<br /> let seamSkip = $('#skip-seam').is(':checked');<br /> if (!seamSkip) {<br /> let m1 = parseInt($('#m-instability').val()) || 0;<br /> let m2 = parseInt($('#m-leakage').val()) || 0;<br /> let m3 = parseInt($('#m-geo').val()) || 0;<br /> let m4 = parseInt($('#m-atmo').val()) || 0;<br /> let m5 = parseInt($('#m-topo').val()) || 0;<br /> let m6 = parseInt($('#m-dead').val()) || 0;<br /> let m7 = parseInt($('#m-laws').val()) || 0;<br /> <br /> // Critical Checks<br /> if (m3 &gt; 24 || m4 &gt; 24 || m6 &gt; 24 || m7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (m1+m2+m3+m4+m5+m6+m7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;ANCHORED&quot;;<br /> if (avg &gt; 8) rating = &quot;VOLATILE&quot;;<br /> if (avg &gt; 16) rating = &quot;FRACTURED&quot;;<br /> if (avg &gt; 24) rating = &quot;NULL&quot;;<br /> $('#result-seam').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-seam').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // FINAL RESULT LOGIC<br /> let finalBox = $('#crdd-final-output');<br /> let finalLabel = $('#crdd-final-label');<br /> <br /> if (activeMaxScore === 0) {<br /> finalBox.text(&quot;ERROR: NO DATA&quot;);<br /> finalBox.css('color', 'red');<br /> return;<br /> }<br /> <br /> let percent = (totalScore / activeMaxScore) * 100;<br /> <br /> // STATE 1: CRITICAL OVERRIDE (Specific stat &gt; 24)<br /> // Visual: Blinding White, Red Text, &quot;LEAVE NOW&quot;<br /> if (criticalOverride) {<br /> finalLabel.text(&quot;CRITICAL THREAT DETECTED&quot;);<br /> finalBox.text(&quot;NULL (&quot; + percent.toFixed(1) + &quot;% - LEAVE NOW)&quot;);<br /> finalBox.css({<br /> 'background-color': '#ffffff',<br /> 'color': '#000000',<br /> 'border-color': '#ff0000',<br /> 'text-shadow': '0 0 10px red',<br /> 'box-shadow': '0 0 30px rgba(255, 0, 0, 0.8)'<br /> });<br /> } <br /> // STATE 2: NORMAL CALCULATION (Including Organic Null)<br /> else {<br /> let finalRating = &quot;ANCHORED&quot;;<br /> let finalColor = &quot;#00ff9f&quot;; // Green<br /> let finalMsg = &quot;YOU ARE SAFE&quot;;<br /> let finalShadow = finalColor;<br /> let finalBg = &quot;transparent&quot;;<br /> let finalBoxShadow = &quot;none&quot;;<br /> <br /> if (percent &gt; 25) { <br /> finalRating = &quot;VOLATILE&quot;; <br /> finalColor = &quot;#ffd700&quot;; // Gold<br /> finalMsg = &quot;PROCEED WITH CAUTION&quot;; <br /> finalShadow = finalColor;<br /> }<br /> if (percent &gt; 50) { <br /> finalRating = &quot;FRACTURED&quot;; <br /> finalColor = &quot;#ff4500&quot;; // Orange-Red<br /> finalMsg = &quot;YOU ARE IN DANGER&quot;; <br /> finalShadow = finalColor;<br /> }<br /> <br /> // ORGANIC NULL (Math &gt; 75%, but no critical trigger)<br /> // Visual: Dead Grey, &quot;REALITY FAILURE&quot;<br /> if (percent &gt; 75) { <br /> finalRating = &quot;NULL&quot;; <br /> finalColor = &quot;#888888&quot;; // Grey<br /> finalMsg = &quot;REALITY FAILURE&quot;; <br /> finalShadow = &quot;#000000&quot;; // No Glow<br /> }<br /> <br /> finalLabel.text(finalMsg);<br /> finalBox.text(finalRating + &quot; (&quot; + percent.toFixed(1) + &quot;%)&quot;);<br /> <br /> finalBox.css({<br /> 'background-color': finalBg,<br /> 'color': finalColor,<br /> 'border-color': finalColor,<br /> 'text-shadow': '0 0 10px ' + finalShadow,<br /> 'box-shadow': finalBoxShadow<br /> });<br /> }<br /> }<br /> <br /> // Trigger update on any change<br /> $('.crdd-range, input[type=checkbox]').on('input change', updateCRDD);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> SPLASH SCREEN RANDOMIZER<br /> ============================================================ */<br /> $(function() {<br /> if ($('body').hasClass('page-Warning')) {<br /> const factions = [<br /> { name: 'still', class: 'splash-purple', status: 'RECOGNIZED', pact: 'THE QUIESCENT PACT', target: 'ALPHA-EARTH' },<br /> { name: 'dealer', class: 'splash-gold', status: 'PAID IN FULL', pact: 'HOUSE VOIDSEED TERMS', target: 'THE GILDED GATE' },<br /> { name: 'skipper', class: 'splash-blue', status: 'SECURED', pact: 'R&amp;R SAFETY PROTOCOLS', target: 'SUB-DIMENSION 00' }<br /> ];<br /> <br /> const roll = Math.floor(Math.random() * factions.length);<br /> const winner = factions[roll];<br /> <br /> $('body').addClass(winner.class);<br /> $('#splash-status').text(winner.status);<br /> $('#splash-pact').text(winner.pact);<br /> $('#splash-target').text(winner.target);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (FORUM ENGINE)<br /> ============================================================ */<br /> mw.loader.load('https://commons.wikimedia.org/w/index.php?title=User:Jack_who_built_the_house/convenientDiscussions.js&amp;action=raw&amp;ctype=text/javascript');<br /> <br /> // Optional Config: Force Dark Mode compatibility settings if available<br /> window.convenientDiscussions = window.convenientDiscussions || {};<br /> window.convenientDiscussions.config = {<br /> // This helps the script guess where the comment ends in custom skins<br /> defaultCommentLinkType: 'diff',<br /> };<br /> <br /> /* ============================================================<br /> FORCE VIEW MODE FOR TALK PAGES (STOP AUTO-EDIT)<br /> ============================================================ */<br /> $(function() {<br /> // Target the Discussion Tab link (ID usually #ca-talk)<br /> var talkTab = $('#ca-talk a');<br /> <br /> if (talkTab.length) {<br /> var href = talkTab.attr('href');<br /> <br /> // Check if the link forces an edit (Red Links usually do)<br /> if (href &amp;&amp; (href.indexOf('action=edit') !== -1)) {<br /> <br /> // 1. Remove the 'action=edit' and 'redlink=1' parameters<br /> // This converts &quot;/w/index.php?title=Talk:Home&amp;action=edit&quot; -&gt; &quot;/w/index.php?title=Talk:Home&quot;<br /> var cleanUrl = href.replace(/&amp;action=edit.*/, '').replace(/\?action=edit.*/, '?');<br /> <br /> // 2. Cleanup trailing question marks if regex was messy<br /> if (cleanUrl.endsWith('?')) {<br /> cleanUrl = cleanUrl.slice(0, -1);<br /> }<br /> <br /> // 3. Update the link<br /> talkTab.attr('href', cleanUrl);<br /> <br /> // 4. (Optional) Visual cue - remove the 'new' class so it doesn't look red<br /> // talkTab.removeClass('new'); <br /> }<br /> }<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: SMART SCANNER (NAME &amp; VALUE)<br /> ============================================================ */<br /> $(function() {<br /> $('#onyx-scanner-input').on('input', function() {<br /> var input = $(this).val().toLowerCase().trim();<br /> <br /> // 1. Reset state if empty<br /> if (input === &quot;&quot;) {<br /> $('.onyx-row').css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> return;<br /> }<br /> <br /> // 2. Check if the user is typing a Number or a Name<br /> var isNumeric = !isNaN(input) &amp;&amp; !isNaN(parseFloat(input));<br /> <br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var name = row.find('td:first-child').text().toLowerCase();<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> if (isNumeric) {<br /> // VALUE SEARCH: Highlight rows where CR is equal to or less than input<br /> var targetCR = parseInt(input);<br /> if (cr &lt;= targetCR) {<br /> row.css({'opacity': '1', 'background': 'rgba(218, 165, 32, 0.15)', 'display': 'table-row'});<br /> } else {<br /> row.css({'opacity': '0.2', 'background': 'transparent', 'display': 'table-row'});<br /> }<br /> } else {<br /> // NAME SEARCH: Filter list to match name string<br /> if (name.indexOf(input) !== -1) {<br /> row.css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> } else {<br /> row.css('display', 'none'); // Hide non-matching names<br /> }<br /> }<br /> });<br /> });<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: CLIENT-SIDE BAR RENDERING<br /> ============================================================ */<br /> $(function() {<br /> function renderOnyxBars() {<br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> // 1. Determine the Scale (Mortal/Immortal/Ceaseless)<br /> var scale = 10000;<br /> if (cr &gt;= 10000) scale = 100000;<br /> if (cr &gt;= 100000) scale = 1000000;<br /> <br /> // 2. Calculate and apply widths<br /> var stats = ['str', 'def', 'spd', 'acu', 'sol'];<br /> stats.forEach(function(stat) {<br /> var val = parseInt(row.attr('data-' + stat)) || 0;<br /> var percent = (val / scale) * 100;<br /> if (percent &gt; 100) percent = 100; // Cap at 100%<br /> <br /> row.find('.bar-' + stat).css('width', percent + '%');<br /> });<br /> });<br /> }<br /> <br /> // Run it immediately<br /> renderOnyxBars();<br /> <br /> // Safety: Run again if the scanner is used<br /> $('#onyx-scanner-input').on('input', function() {<br /> setTimeout(renderOnyxBars, 50); <br /> });<br /> });<br /> <br /> /* ============================================================<br /> ART LOADOUT MATRIX: TAB SWITCHING LOGIC<br /> ============================================================ */<br /> $(function() {<br /> $('body').on('click', '.loadout-tab', function() {<br /> var $this = $(this);<br /> var targetId = $this.attr('data-tab');<br /> var $container = $this.closest('.loadout-container');<br /> <br /> $container.find('.loadout-tab').removeClass('active');<br /> $this.addClass('active');<br /> <br /> $container.find('.tab-pane').hide();<br /> $container.find('#' + targetId).show();<br /> });<br /> });</div> Sinvrh https://jadnix.xyz/w/index.php?title=Warning&diff=313 Warning 2026-02-15T05:44:56Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;splash-container&quot;&gt;<br /> &lt;div class=&quot;splash-inner-wrapper&quot;&gt;<br /> <br /> &lt;div class=&quot;splash-title&quot;&gt;JADNIX CODEX&lt;/div&gt;<br /> &lt;div class=&quot;splash-subtitle&quot;&gt;Worldsway Survey Group&lt;/div&gt;<br /> <br /> &lt;div style=&quot;text-align: left; font-family: monospace; font-size: 0.9em; margin-bottom: 20px; color: #ccc;&quot;&gt;<br /> &gt; CONNECTING TO &lt;span id=&quot;splash-target&quot;&gt;JADNIX&lt;/span&gt;... &lt;span style=&quot;color:#00ff9f&quot;&gt;SUCCESS&lt;/span&gt;&lt;br&gt;<br /> &gt; VERIFYING ANCHOR STATUS... &lt;span style=&quot;color:#00ff9f&quot;&gt;STABLE&lt;/span&gt;&lt;br&gt;<br /> &gt; USER CLEARANCE... &lt;span id=&quot;splash-status&quot; class=&quot;splash-accent&quot;&gt;RECOGNIZED&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> [[Home|&lt;span class=&quot;splash-btn&quot;&gt;ACCESS ARCHIVE&lt;/span&gt;]]<br /> <br /> &lt;div style=&quot;margin-top: 30px; font-size: 0.7em; color: #666; border-top: 1px solid #333; padding-top: 10px;&quot;&gt;<br /> ⚠ WARNING: UNAUTHORIZED ENTRY IS A VIOLATION OF &lt;span id=&quot;splash-pact&quot;&gt;THE QUIESCENT PACT&lt;/span&gt;.<br /> IF YOU ARE NOT [censored] OF THE W.S.G., TURN BACK.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Warning&diff=312 Warning 2026-02-15T05:44:34Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;splash-container&quot;&gt;<br /> &lt;div class=&quot;splash-inner-wrapper&quot;&gt;<br /> <br /> &lt;div class=&quot;splash-title&quot;&gt;JADNIX CODEX&lt;/div&gt;<br /> &lt;div class=&quot;splash-subtitle&quot;&gt;Worldsway Survey Group&lt;/div&gt;<br /> <br /> &lt;!-- <br /> CHANGED: <br /> 1. Default text matches Source [1] (Still defaults).<br /> 2. Replaced hardcoded green (#00ff9f) with var(--void-accent) or a specific class<br /> so it matches the active faction color (Purple/Gold/Blue). <br /> If you want &quot;SUCCESS&quot; to always be green, keep the hex, <br /> but &quot;RECOGNIZED&quot; should absolutely adhere to the faction color.<br /> --&gt;<br /> &lt;div style=&quot;text-align: left; font-family: monospace; font-size: 0.9em; margin-bottom: 20px; color: #ccc;&quot;&gt;<br /> &gt; CONNECTING TO &lt;span id=&quot;splash-target&quot;&gt;ALPHA-EARTH&lt;/span&gt;... &lt;span style=&quot;color:#00ff9f&quot;&gt;SUCCESS&lt;/span&gt;&lt;br&gt;<br /> &gt; VERIFYING ANCHOR STATUS... &lt;span style=&quot;color:#00ff9f&quot;&gt;STABLE&lt;/span&gt;&lt;br&gt;<br /> &gt; USER CLEARANCE... &lt;span id=&quot;splash-status&quot; style=&quot;color: var(--void-accent); font-weight:bold;&quot;&gt;RECOGNIZED&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> [[Home|&lt;span class=&quot;splash-btn&quot;&gt;ACCESS ARCHIVE&lt;/span&gt;]]<br /> <br /> &lt;div style=&quot;margin-top: 30px; font-size: 0.7em; color: #666; border-top: 1px solid #333; padding-top: 10px;&quot;&gt;<br /> ⚠ WARNING: UNAUTHORIZED ENTRY IS A VIOLATION OF &lt;span id=&quot;splash-pact&quot;&gt;THE QUIESCENT PACT&lt;/span&gt;.<br /> IF YOU ARE NOT [censored] OF THE W.S.G., TURN BACK.<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.js&diff=311 MediaWiki:Common.js 2026-02-15T05:42:43Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: CORE SCRIPTS (Themes + Calculator + Logos)<br /> ============================================================ */<br /> <br /> $(function() {<br /> /* --- PART A: LOGO &amp; THEME SYSTEM --- */<br /> <br /> // 1. DEFINE LOGOS<br /> const logos = {<br /> still: 'https://files.catbox.moe/0cmhjh.png',<br /> dealer: 'https://files.catbox.moe/73m0cp.png',<br /> skipper: 'https://files.catbox.moe/8gs8n5.png'<br /> };<br /> <br /> // 2. HELPER: FORCE LOGO SWAP<br /> function swapLogo(url) {<br /> $('#p-logo a').css('background-image', 'url(' + url + ')');<br /> }<br /> <br /> // 3. DETECT FACTION -&gt; APPLY CLASS &amp; LOGO<br /> if ($('.faction-dealer').length) {<br /> $('body').addClass('theme-dealer');<br /> swapLogo(logos.dealer);<br /> }<br /> else if ($('.faction-skipper').length) {<br /> $('body').addClass('theme-skipper');<br /> swapLogo(logos.skipper);<br /> }<br /> else if ($('.faction-still').length) {<br /> $('body').addClass('theme-still');<br /> }<br /> <br /> /* --- PART B: CRDD CALCULATOR LOGIC --- */<br /> <br /> // Only run if calculator is present<br /> if ($('#crdd-interface').length) {<br /> <br /> // Update number displays instantly<br /> $('.crdd-range').on('input', function() {<br /> $(this).next('.crdd-value-display').text($(this).val());<br /> });<br /> <br /> // The Calculation Function<br /> function updateCRDD() {<br /> let totalScore = 0;<br /> let activeMaxScore = 0;<br /> let criticalOverride = false;<br /> <br /> // SECTION 1: SUBJECT<br /> let subjSkip = $('#skip-subject').is(':checked');<br /> if (!subjSkip) {<br /> let s1 = parseInt($('#s-strength').val()) || 0;<br /> let s2 = parseInt($('#s-durability').val()) || 0;<br /> let s3 = parseInt($('#s-mobility').val()) || 0;<br /> let s4 = parseInt($('#s-intel').val()) || 0;<br /> let s5 = parseInt($('#s-stamina').val()) || 0;<br /> let s6 = parseInt($('#s-threat').val()) || 0;<br /> let s7 = parseInt($('#s-swarm').val()) || 0;<br /> <br /> // Critical Check<br /> if (s6 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (s1+s2+s3+s4+s5+s6+s7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;DOCILE&quot;;<br /> if (avg &gt; 8) rating = &quot;NEUTRAL&quot;;<br /> if (avg &gt; 16) rating = &quot;HOSTILE&quot;;<br /> if (avg &gt; 24) rating = &quot;VILE&quot;;<br /> $('#result-subject').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-subject').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 2: ITEM<br /> let itemSkip = $('#skip-item').is(':checked');<br /> if (!itemSkip) {<br /> let i1 = parseInt($('#i-entropy').val()) || 0;<br /> let i2 = parseInt($('#i-instability').val()) || 0;<br /> let i3 = parseInt($('#i-radiation').val()) || 0;<br /> let i4 = parseInt($('#i-corrupt').val()) || 0;<br /> let i5 = parseInt($('#i-volatility').val()) || 0;<br /> let i6 = parseInt($('#i-unport').val()) || 0;<br /> let i7 = parseInt($('#i-anomalous').val()) || 0;<br /> let i8 = parseInt($('#i-qty').val()) || 0;<br /> <br /> if (i7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (i1+i2+i3+i4+i5+i6+i7+i8) / 8;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;FUNCTIONAL&quot;;<br /> if (avg &gt; 8) rating = &quot;ALTERED&quot;;<br /> if (avg &gt; 16) rating = &quot;UNSTABLE&quot;;<br /> if (avg &gt; 24) rating = &quot;VOID&quot;;<br /> $('#result-item').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> } else {<br /> $('#result-item').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 3: SEAM<br /> let seamSkip = $('#skip-seam').is(':checked');<br /> if (!seamSkip) {<br /> let m1 = parseInt($('#m-instability').val()) || 0;<br /> let m2 = parseInt($('#m-leakage').val()) || 0;<br /> let m3 = parseInt($('#m-geo').val()) || 0;<br /> let m4 = parseInt($('#m-atmo').val()) || 0;<br /> let m5 = parseInt($('#m-topo').val()) || 0;<br /> let m6 = parseInt($('#m-dead').val()) || 0;<br /> let m7 = parseInt($('#m-laws').val()) || 0;<br /> <br /> // Critical Checks<br /> if (m3 &gt; 24 || m4 &gt; 24 || m6 &gt; 24 || m7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (m1+m2+m3+m4+m5+m6+m7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;ANCHORED&quot;;<br /> if (avg &gt; 8) rating = &quot;VOLATILE&quot;;<br /> if (avg &gt; 16) rating = &quot;FRACTURED&quot;;<br /> if (avg &gt; 24) rating = &quot;NULL&quot;;<br /> $('#result-seam').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-seam').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // FINAL RESULT LOGIC<br /> let finalBox = $('#crdd-final-output');<br /> let finalLabel = $('#crdd-final-label');<br /> <br /> if (activeMaxScore === 0) {<br /> finalBox.text(&quot;ERROR: NO DATA&quot;);<br /> finalBox.css('color', 'red');<br /> return;<br /> }<br /> <br /> let percent = (totalScore / activeMaxScore) * 100;<br /> <br /> // STATE 1: CRITICAL OVERRIDE (Specific stat &gt; 24)<br /> // Visual: Blinding White, Red Text, &quot;LEAVE NOW&quot;<br /> if (criticalOverride) {<br /> finalLabel.text(&quot;CRITICAL THREAT DETECTED&quot;);<br /> finalBox.text(&quot;NULL (&quot; + percent.toFixed(1) + &quot;% - LEAVE NOW)&quot;);<br /> finalBox.css({<br /> 'background-color': '#ffffff',<br /> 'color': '#000000',<br /> 'border-color': '#ff0000',<br /> 'text-shadow': '0 0 10px red',<br /> 'box-shadow': '0 0 30px rgba(255, 0, 0, 0.8)'<br /> });<br /> } <br /> // STATE 2: NORMAL CALCULATION (Including Organic Null)<br /> else {<br /> let finalRating = &quot;ANCHORED&quot;;<br /> let finalColor = &quot;#00ff9f&quot;; // Green<br /> let finalMsg = &quot;YOU ARE SAFE&quot;;<br /> let finalShadow = finalColor;<br /> let finalBg = &quot;transparent&quot;;<br /> let finalBoxShadow = &quot;none&quot;;<br /> <br /> if (percent &gt; 25) { <br /> finalRating = &quot;VOLATILE&quot;; <br /> finalColor = &quot;#ffd700&quot;; // Gold<br /> finalMsg = &quot;PROCEED WITH CAUTION&quot;; <br /> finalShadow = finalColor;<br /> }<br /> if (percent &gt; 50) { <br /> finalRating = &quot;FRACTURED&quot;; <br /> finalColor = &quot;#ff4500&quot;; // Orange-Red<br /> finalMsg = &quot;YOU ARE IN DANGER&quot;; <br /> finalShadow = finalColor;<br /> }<br /> <br /> // ORGANIC NULL (Math &gt; 75%, but no critical trigger)<br /> // Visual: Dead Grey, &quot;REALITY FAILURE&quot;<br /> if (percent &gt; 75) { <br /> finalRating = &quot;NULL&quot;; <br /> finalColor = &quot;#888888&quot;; // Grey<br /> finalMsg = &quot;REALITY FAILURE&quot;; <br /> finalShadow = &quot;#000000&quot;; // No Glow<br /> }<br /> <br /> finalLabel.text(finalMsg);<br /> finalBox.text(finalRating + &quot; (&quot; + percent.toFixed(1) + &quot;%)&quot;);<br /> <br /> finalBox.css({<br /> 'background-color': finalBg,<br /> 'color': finalColor,<br /> 'border-color': finalColor,<br /> 'text-shadow': '0 0 10px ' + finalShadow,<br /> 'box-shadow': finalBoxShadow<br /> });<br /> }<br /> }<br /> <br /> // Trigger update on any change<br /> $('.crdd-range, input[type=checkbox]').on('input change', updateCRDD);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> JADNIX SPLASH PROTOCOL V2.0 (DECRYPTION + ANCHORING)<br /> &quot;Stitching the user to the interface.&quot;<br /> ============================================================ */<br /> <br /> $(function() {<br /> // Only run if we are actually on the Warning page<br /> if (!$('body').hasClass('page-Warning')) return;<br /> <br /> // 1. DATA: The Protocols<br /> const factions = [<br /> {<br /> name: 'still',<br /> class: 'splash-purple',<br /> status: 'RECOGNIZED',<br /> pact: 'THE QUIESCENT PACT',<br /> target: 'ALPHA-EARTH'<br /> },<br /> {<br /> name: 'dealer',<br /> class: 'splash-gold',<br /> status: 'PAID IN FULL',<br /> pact: 'HOUSE VOIDSEED TERMS',<br /> target: 'THE GILDED GATE'<br /> },<br /> {<br /> name: 'skipper',<br /> class: 'splash-blue',<br /> status: 'SECURED',<br /> pact: 'R&amp;R SAFETY PROTOCOLS',<br /> target: 'SUB-DIMENSION 00'<br /> }<br /> ];<br /> <br /> // 2. LOGIC: The Anchor (Session Persistence)<br /> // We check if the user is already &quot;Anchored&quot; this session.<br /> // If they are, we force the same faction. If not, we roll.<br /> let savedIndex = sessionStorage.getItem('jadnix_anchor_id');<br /> let activeIndex;<br /> <br /> if (savedIndex !== null) {<br /> // User is returning; maintain the timeline.<br /> activeIndex = parseInt(savedIndex);<br /> } else {<br /> // New user; roll the dice.<br /> activeIndex = Math.floor(Math.random() * factions.length);<br /> sessionStorage.setItem('jadnix_anchor_id', activeIndex);<br /> }<br /> <br /> const winner = factions[activeIndex];<br /> <br /> // 3. VISUALS: The Injection<br /> // Add the color theme immediately so the border/box is right<br /> $('body').addClass(winner.class);<br /> <br /> // 4. ANIMATION: The &quot;Decryption&quot; Effect<br /> // This makes the text look like it's unscrambling from the Void.<br /> const chars = &quot;ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@#$%^&amp;*&quot;;<br /> <br /> function decryptText(selector, finalText) {<br /> let element = $(selector);<br /> let iterations = 0;<br /> <br /> // Stop any previous intervals if this runs fast<br /> if (element.data('interval')) clearInterval(element.data('interval'));<br /> <br /> const interval = setInterval(() =&gt; {<br /> element.text(finalText.split(&quot;&quot;).map((letter, index) =&gt; {<br /> if (index &lt; iterations) {<br /> return finalText[index]; // Lock in the correct letter<br /> }<br /> return chars[Math.floor(Math.random() * chars.length)]; // Scramble the rest<br /> }).join(&quot;&quot;));<br /> <br /> if (iterations &gt;= finalText.length) {<br /> clearInterval(interval);<br /> }<br /> <br /> iterations += 1 / 3; // Speed of decryption (higher denominator = slower)<br /> }, 30); // 30ms per frame<br /> <br /> element.data('interval', interval);<br /> }<br /> <br /> // Trigger the effects<br /> decryptText('#splash-status', winner.status);<br /> setTimeout(() =&gt; decryptText('#splash-pact', winner.pact), 200); // Slight delay<br /> setTimeout(() =&gt; decryptText('#splash-target', winner.target), 400); // More delay<br /> });<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (FORUM ENGINE)<br /> ============================================================ */<br /> mw.loader.load('https://commons.wikimedia.org/w/index.php?title=User:Jack_who_built_the_house/convenientDiscussions.js&amp;action=raw&amp;ctype=text/javascript');<br /> <br /> // Optional Config: Force Dark Mode compatibility settings if available<br /> window.convenientDiscussions = window.convenientDiscussions || {};<br /> window.convenientDiscussions.config = {<br /> // This helps the script guess where the comment ends in custom skins<br /> defaultCommentLinkType: 'diff',<br /> };<br /> <br /> /* ============================================================<br /> FORCE VIEW MODE FOR TALK PAGES (STOP AUTO-EDIT)<br /> ============================================================ */<br /> $(function() {<br /> // Target the Discussion Tab link (ID usually #ca-talk)<br /> var talkTab = $('#ca-talk a');<br /> <br /> if (talkTab.length) {<br /> var href = talkTab.attr('href');<br /> <br /> // Check if the link forces an edit (Red Links usually do)<br /> if (href &amp;&amp; (href.indexOf('action=edit') !== -1)) {<br /> <br /> // 1. Remove the 'action=edit' and 'redlink=1' parameters<br /> // This converts &quot;/w/index.php?title=Talk:Home&amp;action=edit&quot; -&gt; &quot;/w/index.php?title=Talk:Home&quot;<br /> var cleanUrl = href.replace(/&amp;action=edit.*/, '').replace(/\?action=edit.*/, '?');<br /> <br /> // 2. Cleanup trailing question marks if regex was messy<br /> if (cleanUrl.endsWith('?')) {<br /> cleanUrl = cleanUrl.slice(0, -1);<br /> }<br /> <br /> // 3. Update the link<br /> talkTab.attr('href', cleanUrl);<br /> <br /> // 4. (Optional) Visual cue - remove the 'new' class so it doesn't look red<br /> // talkTab.removeClass('new'); <br /> }<br /> }<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: SMART SCANNER (NAME &amp; VALUE)<br /> ============================================================ */<br /> $(function() {<br /> $('#onyx-scanner-input').on('input', function() {<br /> var input = $(this).val().toLowerCase().trim();<br /> <br /> // 1. Reset state if empty<br /> if (input === &quot;&quot;) {<br /> $('.onyx-row').css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> return;<br /> }<br /> <br /> // 2. Check if the user is typing a Number or a Name<br /> var isNumeric = !isNaN(input) &amp;&amp; !isNaN(parseFloat(input));<br /> <br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var name = row.find('td:first-child').text().toLowerCase();<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> if (isNumeric) {<br /> // VALUE SEARCH: Highlight rows where CR is equal to or less than input<br /> var targetCR = parseInt(input);<br /> if (cr &lt;= targetCR) {<br /> row.css({'opacity': '1', 'background': 'rgba(218, 165, 32, 0.15)', 'display': 'table-row'});<br /> } else {<br /> row.css({'opacity': '0.2', 'background': 'transparent', 'display': 'table-row'});<br /> }<br /> } else {<br /> // NAME SEARCH: Filter list to match name string<br /> if (name.indexOf(input) !== -1) {<br /> row.css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> } else {<br /> row.css('display', 'none'); // Hide non-matching names<br /> }<br /> }<br /> });<br /> });<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: CLIENT-SIDE BAR RENDERING<br /> ============================================================ */<br /> $(function() {<br /> function renderOnyxBars() {<br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> // 1. Determine the Scale (Mortal/Immortal/Ceaseless)<br /> var scale = 10000;<br /> if (cr &gt;= 10000) scale = 100000;<br /> if (cr &gt;= 100000) scale = 1000000;<br /> <br /> // 2. Calculate and apply widths<br /> var stats = ['str', 'def', 'spd', 'acu', 'sol'];<br /> stats.forEach(function(stat) {<br /> var val = parseInt(row.attr('data-' + stat)) || 0;<br /> var percent = (val / scale) * 100;<br /> if (percent &gt; 100) percent = 100; // Cap at 100%<br /> <br /> row.find('.bar-' + stat).css('width', percent + '%');<br /> });<br /> });<br /> }<br /> <br /> // Run it immediately<br /> renderOnyxBars();<br /> <br /> // Safety: Run again if the scanner is used<br /> $('#onyx-scanner-input').on('input', function() {<br /> setTimeout(renderOnyxBars, 50); <br /> });<br /> });<br /> <br /> /* ============================================================<br /> ART LOADOUT MATRIX: TAB SWITCHING LOGIC<br /> ============================================================ */<br /> $(function() {<br /> $('body').on('click', '.loadout-tab', function() {<br /> var $this = $(this);<br /> var targetId = $this.attr('data-tab');<br /> var $container = $this.closest('.loadout-container');<br /> <br /> $container.find('.loadout-tab').removeClass('active');<br /> $this.addClass('active');<br /> <br /> $container.find('.tab-pane').hide();<br /> $container.find('#' + targetId).show();<br /> });<br /> });</div> Sinvrh https://jadnix.xyz/w/index.php?title=User:Sinvrh&diff=310 User:Sinvrh 2026-02-15T00:42:12Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-still&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div class=&quot;personnel-file&quot;&gt;<br /> &lt;div class=&quot;id-header&quot;&gt;<br /> W.S.G. PERSONNEL IDENTIFICATION<br /> &lt;span class=&quot;id-clearance&quot;&gt;CLR: 5 (ADMIN)&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;id-body&quot;&gt;<br /> &lt;div class=&quot;void-avatar&quot;&gt;<br /> &lt;img src&quot;https://files.catbox.moe/gqpyy2.png&quot;&gt;&lt;/img&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;id-details&quot;&gt;<br /> &lt;h2&gt;STILL SINVRH&lt;/h2&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;&lt;strong&gt;DESIGNATION:&lt;/strong&gt; LEADER&lt;/li&gt;<br /> &lt;li&gt;&lt;strong&gt;FACTION:&lt;/strong&gt; THE QUIESCENT&lt;/li&gt;<br /> &lt;li&gt;&lt;strong&gt;STATUS:&lt;/strong&gt; ANCHORED / ONLINE&lt;/li&gt;<br /> &lt;li&gt;&lt;strong&gt;ASSIGNMENT:&lt;/strong&gt; CODEX MAINTENANCE&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;br&gt;<br /> <br /> &lt;div style=&quot;text-align: center; font-family: 'Consolas'; font-size: 0.9em; color: #666;&quot;&gt;<br /> &lt;p&gt;&gt; CURRENT TASK: ORGANIZING CODEX INFORMATION&lt;/p&gt;<br /> &lt;p&gt;&gt; LAST LOGIN: [YESTERDAY]&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=309 Template:Subject Dossier 2026-02-14T06:54:35Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]] Master Template for Subjects.<br /> <br /> == Copy-Paste Usage ==<br /> &lt;pre&gt;<br /> {{Subject Dossier<br /> |quote=<br /> |id=<br /> |image=<br /> |forename=<br /> |surname=<br /> |official_titles=<br /> |epithets=<br /> |aliases=<br /> |race=<br /> |gender=<br /> |age=<br /> |biometrics=<br /> |status=<br /> |group=<br /> |cr=<br /> |str=<br /> |def=<br /> |spd=<br /> |acu=<br /> |sol=<br /> |scale=10000<br /> |summary=<br /> |family=<br /> |nature=<br /> |appearance=<br /> |history=<br /> |sayings=<br /> |spirita_analysis=<br /> }}<br /> &lt;/pre&gt;<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> &lt;div class=&quot;dossier-quote&quot; style=&quot;font-style: italic; font-family: Georgia, serif; margin-bottom: 20px; font-size: 1.2em; color: #eee;&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot; style=&quot;text-align: center; border-bottom: 1px solid #333; font-weight: bold; color: #555;&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> <br /> &lt;!-- PFP CONTAINER: Set to a fixed square, zoomed via CSS --&gt;<br /> &lt;div class=&quot;dossier-image-box&quot; style=&quot;background-image: url('{{{image|}}}');&quot;&gt;<br /> {{#if:{{{image|}}} | | [ NO DATA VISUAL AVAILABLE ] }}<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Forename&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{forename|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Surname&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{surname|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Official Titles&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{official_titles|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Epithets&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{epithets|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Aliases&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{aliases|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race / Species&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender / Sex&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|None}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot; style=&quot;text-align: center;&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Family ==<br /> {{{family|No records found.}}}<br /> <br /> == Nature ==<br /> {{{nature|TBD}}}<br /> <br /> == Appearance ==<br /> {{{appearance|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Sayings ==<br /> {{{sayings|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> {{{spirita_analysis|TBD}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=308 Template:Subject Dossier 2026-02-14T06:54:14Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> <br /> &lt;!-- PFP SYSTEM: No parser functions used to prevent code leaks --&gt;<br /> &lt;div class=&quot;dossier-image-container&quot;&gt;<br /> &lt;div class=&quot;dossier-no-data&quot;&gt;[ NO DATA VISUAL AVAILABLE ]&lt;/div&gt;<br /> &lt;div class=&quot;dossier-render&quot; style=&quot;background-image: url('{{{image|}}}');&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Forename&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{forename|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Surname&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{surname|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Official Titles&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{official_titles|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Epithets&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{epithets|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Aliases&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{aliases|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race / Species&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender / Sex&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|None}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot; style=&quot;text-align: center;&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=307 Subject 20D-3.0: Major Callchen 2026-02-14T05:45:15Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> {{Subject Dossier<br /> |quote=If you grow up a little... I can work with you.<br /> |id=20D-3.0<br /> |image=https://files.catbox.moe/gqpyy2.png<br /> |forename=Klanchi<br /> |surname=Callchen<br /> |official_titles=2nd Fleet and 5th Regiment Major of Citrine Association<br /> |epithets=Owl Runaway, Silent Heart Trader<br /> |aliases=Callie, Chimi, Lady Coatless<br /> |race=Demihuman<br /> |gender=Female<br /> |age=Unknown<br /> |biometrics=5’8” in / 157 lbs<br /> |status=Alive<br /> |group=Citrine Association<br /> |cr=2276<br /> |str=883<br /> |def=675<br /> |spd=350<br /> |acu=225<br /> |sol=143<br /> |scale=10000<br /> |summary=Major Callchen is a high-ranking officer currently on an extended break...<br /> |family=<br /> * '''Mothers:''' Unknown<br /> * '''Fathers:''' Unknown<br /> |nature=<br /> * '''Personality:''' Klanchi is rigid and survival-focused...<br /> |appearance=<br /> * '''Body:''' Toned and muscular demihuman with owl wings.<br /> * '''Attire:''' Captain uniform worn as a skirt to accommodate wings.<br /> |history=Klanchi was born in Sapphope and spent years in a Zankian prison camp...<br /> |sayings=<br /> * &quot;Supper's almost done...&quot;<br /> |spirita_analysis=<br /> * '''Alignment:''' Aesin (Contra/Lightning)<br /> * '''Focus:''' Intermediate Vehera<br /> }}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=306 MediaWiki:Common.css 2026-02-14T05:43:55Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES<br /> ============================================================ */<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES (FIXED &amp; TABBED)<br /> ============================================================ */<br /> <br /> /* 1. THE INFOBOX (SIDE CARD) */<br /> .dossier-card {<br /> float: right;<br /> width: 350px;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> border-top: 5px solid var(--void-accent);<br /> margin: 0 0 20px 20px;<br /> font-family: 'Consolas', monospace;<br /> box-shadow: 0 0 20px rgba(0,0,0,0.5);<br /> clear: right;<br /> }<br /> <br /> .dossier-info-row {<br /> display: flex;<br /> justify-content: space-between;<br /> padding: 8px 15px; /* Added more breathing room */<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #1a1a24;<br /> }<br /> <br /> .dossier-label { <br /> color: #888; <br /> font-weight: bold; <br /> padding-right: 10px; /* Prevents text from sticking to value */<br /> }<br /> .dossier-value { color: #d1d1d1; text-align: right; flex: 1; }<br /> <br /> .dossier-image { <br /> background: #050505; <br /> text-align: center; <br /> overflow: hidden;<br /> }<br /> .dossier-image img { <br /> max-width: 100% !important; <br /> height: auto !important; <br /> }<br /> <br /> /* 2. DOSSIER STAT BARS (Fixed Height) */<br /> .dossier-stats { padding: 15px; background: #0a0a0f; }<br /> .dossier-stat-item { margin-bottom: 8px; }<br /> .dossier-stat-label { <br /> display: flex; <br /> justify-content: space-between; <br /> font-size: 0.75em; <br /> margin-bottom: 2px; <br /> color: #aaa;<br /> }<br /> <br /> /* 3. ART LOADOUT (CLICKABLE TABS) */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f;<br /> }<br /> <br /> /* Tab Headers */<br /> .loadout-navigation {<br /> display: flex !important;<br /> flex-direction: row !important; /* Force side-by-side */<br /> flex-wrap: nowrap !important;<br /> background: #1a1a24 !important;<br /> border-bottom: 1px solid #333 !important;<br /> overflow-x: auto; /* Allow horizontal scroll on phones */<br /> }<br /> <br /> .loadout-navigation span {<br /> padding: 10px 15px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> }<br /> <br /> .loadout-navigation span:hover { color: #fff; background: #222; }<br /> <br /> /* The Content Area */<br /> .loadout-content {<br /> padding: 20px;<br /> min-height: 100px;<br /> }<br /> <br /> /* 4. MOBILE OVERRIDE (Stack everything) */<br /> @media (max-width: 991px) {<br /> .dossier-card {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 20px 0;<br /> }<br /> }<br /> <br /> /* ART LOADOUT STYLING */<br /> .loadout-matrix { border: 1px solid #333; background: #0a0a0f; }<br /> .loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }<br /> <br /> .loadout-tab {<br /> flex: 1 0 auto !important; /* Don't let them shrink */<br /> text-align: center !important;<br /> padding: 12px 15px !important;<br /> background: transparent !important;<br /> }<br /> <br /> .loadout-tab:hover { color: #fff; background: #222; }<br /> <br /> /* The Active Tab follows the Faction Color */<br /> .loadout-tab.active {<br /> background: #13131a;<br /> color: var(--void-accent);<br /> border-top: 2px solid var(--void-accent);<br /> }<br /> <br /> .loadout-content { padding: 25px; line-height: 1.6; }<br /> <br /> /* ART LOADOUT FIXES */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f !important; /* DARK BACKGROUND */<br /> }<br /> <br /> .loadout-navigation {<br /> display: flex !important;<br /> flex-direction: row !important; /* FORCE HORIZONTAL */<br /> background: #1a1a24 !important;<br /> border-bottom: 1px solid #333 !important;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-tab {<br /> padding: 12px 20px !important;<br /> font-size: 0.75em !important;<br /> color: #666 !important;<br /> cursor: pointer;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-right: 1px solid #333 !important;<br /> }<br /> <br /> .loadout-content {<br /> background: #13131a !important; /* Matches Dossier dark grey */<br /> color: #d1d1d1 !important;<br /> border: none !important;<br /> }<br /> <br /> /* Fix the White Box in loadout (CDX/Bootstrap override) */<br /> .loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {<br /> background: transparent !important;<br /> color: #d1d1d1 !important;<br /> }<br /> <br /> /* STAT BAR FIX: Remove forced 100% width */<br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is handled by calc() in the template */<br /> background: var(--void-accent) !important;<br /> box-shadow: 0 0 10px var(--void-accent);<br /> }<br /> <br /> /* DOSSIER IMAGE RESPONSIVENESS */<br /> .dossier-image img {<br /> max-width: 100% !important;<br /> height: auto !important;<br /> }<br /> <br /> /* DOSSIER IMAGE ZOOM SYSTEM */<br /> .dossier-image-box {<br /> width: 350px;<br /> height: 350px;<br /> background-color: #050505;<br /> background-size: cover; /* Zooms image to fill the square */<br /> background-position: center; /* Keeps face centered */<br /> background-repeat: no-repeat;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> color: #222;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> border-bottom: 1px solid #333;<br /> }<br /> <br /> /* Mobile Fix for the Image box */<br /> @media (max-width: 991px) {<br /> .dossier-image-box {<br /> width: 100%;<br /> height: auto;<br /> aspect-ratio: 1 / 1; /* Maintains square shape on phones */<br /> }<br /> }</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=305 Template:Subject Dossier 2026-02-14T05:35:19Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]] Master Template for Subjects.<br /> <br /> == Copy-Paste Usage ==<br /> &lt;pre&gt;<br /> {{Subject Dossier<br /> |quote=<br /> |id=<br /> |image=<br /> |forename=<br /> |surname=<br /> |official_titles=<br /> |epithets=<br /> |aliases=<br /> |race=<br /> |gender=<br /> |age=<br /> |biometrics=<br /> |status=<br /> |group=<br /> |cr=<br /> |str=<br /> |def=<br /> |spd=<br /> |acu=<br /> |sol=<br /> |scale=10000<br /> |summary=<br /> |family=<br /> |nature=<br /> |appearance=<br /> |history=<br /> |sayings=<br /> |spirita_analysis=<br /> }}<br /> &lt;/pre&gt;<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> &lt;div class=&quot;dossier-quote&quot; style=&quot;font-style: italic; font-family: Georgia, serif; margin-bottom: 20px; font-size: 1.2em; color: #eee;&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot; style=&quot;text-align: center; border-bottom: 1px solid #333; font-weight: bold; color: #555;&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> <br /> &lt;!-- PFP CONTAINER: Set to a fixed square, zoomed via CSS --&gt;<br /> &lt;div class=&quot;dossier-image-box&quot; style=&quot;background-image: url('{{{image|}}}');&quot;&gt;<br /> {{#if:{{{image|}}} | | [ NO DATA VISUAL AVAILABLE ] }}<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Forename&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{forename|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Surname&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{surname|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Official Titles&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{official_titles|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Epithets&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{epithets|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Aliases&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{aliases|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race / Species&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender / Sex&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|None}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot; style=&quot;text-align: center;&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Family ==<br /> {{{family|No records found.}}}<br /> <br /> == Nature ==<br /> {{{nature|TBD}}}<br /> <br /> == Appearance ==<br /> {{{appearance|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Sayings ==<br /> {{{sayings|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> {{{spirita_analysis|TBD}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=304 MediaWiki:Common.css 2026-02-14T05:25:38Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES<br /> ============================================================ */<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES (FIXED &amp; TABBED)<br /> ============================================================ */<br /> <br /> /* 1. THE INFOBOX (SIDE CARD) */<br /> .dossier-card {<br /> float: right;<br /> width: 350px;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> border-top: 5px solid var(--void-accent);<br /> margin: 0 0 20px 20px;<br /> font-family: 'Consolas', monospace;<br /> box-shadow: 0 0 20px rgba(0,0,0,0.5);<br /> clear: right;<br /> }<br /> <br /> .dossier-info-row {<br /> display: flex;<br /> justify-content: space-between;<br /> padding: 8px 15px; /* Added more breathing room */<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #1a1a24;<br /> }<br /> <br /> .dossier-label { <br /> color: #888; <br /> font-weight: bold; <br /> padding-right: 10px; /* Prevents text from sticking to value */<br /> }<br /> .dossier-value { color: #d1d1d1; text-align: right; flex: 1; }<br /> <br /> .dossier-image { <br /> background: #050505; <br /> text-align: center; <br /> overflow: hidden;<br /> }<br /> .dossier-image img { <br /> max-width: 100% !important; <br /> height: auto !important; <br /> }<br /> <br /> /* 2. DOSSIER STAT BARS (Fixed Height) */<br /> .dossier-stats { padding: 15px; background: #0a0a0f; }<br /> .dossier-stat-item { margin-bottom: 8px; }<br /> .dossier-stat-label { <br /> display: flex; <br /> justify-content: space-between; <br /> font-size: 0.75em; <br /> margin-bottom: 2px; <br /> color: #aaa;<br /> }<br /> <br /> /* 3. ART LOADOUT (CLICKABLE TABS) */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f;<br /> }<br /> <br /> /* Tab Headers */<br /> .loadout-navigation {<br /> display: flex !important;<br /> flex-direction: row !important; /* Force side-by-side */<br /> flex-wrap: nowrap !important;<br /> background: #1a1a24 !important;<br /> border-bottom: 1px solid #333 !important;<br /> overflow-x: auto; /* Allow horizontal scroll on phones */<br /> }<br /> <br /> .loadout-navigation span {<br /> padding: 10px 15px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> }<br /> <br /> .loadout-navigation span:hover { color: #fff; background: #222; }<br /> <br /> /* The Content Area */<br /> .loadout-content {<br /> padding: 20px;<br /> min-height: 100px;<br /> }<br /> <br /> /* 4. MOBILE OVERRIDE (Stack everything) */<br /> @media (max-width: 991px) {<br /> .dossier-card {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 20px 0;<br /> }<br /> }<br /> <br /> /* ART LOADOUT STYLING */<br /> .loadout-matrix { border: 1px solid #333; background: #0a0a0f; }<br /> .loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }<br /> <br /> .loadout-tab {<br /> flex: 1 0 auto !important; /* Don't let them shrink */<br /> text-align: center !important;<br /> padding: 12px 15px !important;<br /> background: transparent !important;<br /> }<br /> <br /> .loadout-tab:hover { color: #fff; background: #222; }<br /> <br /> /* The Active Tab follows the Faction Color */<br /> .loadout-tab.active {<br /> background: #13131a;<br /> color: var(--void-accent);<br /> border-top: 2px solid var(--void-accent);<br /> }<br /> <br /> .loadout-content { padding: 25px; line-height: 1.6; }<br /> <br /> /* ART LOADOUT FIXES */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f !important; /* DARK BACKGROUND */<br /> }<br /> <br /> .loadout-navigation {<br /> display: flex !important;<br /> flex-direction: row !important; /* FORCE HORIZONTAL */<br /> background: #1a1a24 !important;<br /> border-bottom: 1px solid #333 !important;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-tab {<br /> padding: 12px 20px !important;<br /> font-size: 0.75em !important;<br /> color: #666 !important;<br /> cursor: pointer;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-right: 1px solid #333 !important;<br /> }<br /> <br /> .loadout-content {<br /> background: #13131a !important; /* Matches Dossier dark grey */<br /> color: #d1d1d1 !important;<br /> border: none !important;<br /> }<br /> <br /> /* Fix the White Box in loadout (CDX/Bootstrap override) */<br /> .loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {<br /> background: transparent !important;<br /> color: #d1d1d1 !important;<br /> }<br /> <br /> /* STAT BAR FIX: Remove forced 100% width */<br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is handled by calc() in the template */<br /> background: var(--void-accent) !important;<br /> box-shadow: 0 0 10px var(--void-accent);<br /> }<br /> <br /> /* DOSSIER IMAGE RESPONSIVENESS */<br /> .dossier-image img {<br /> max-width: 100% !important;<br /> height: auto !important;<br /> }</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=303 Template:Subject Dossier 2026-02-14T05:23:46Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]]<br /> Master Template for Subjects.<br /> <br /> == Copy-Paste Usage ==<br /> &lt;pre&gt;<br /> {{Subject Dossier<br /> |quote=<br /> |id=<br /> |image=<br /> |forename=<br /> |surname=<br /> |official_titles=<br /> |epithets=<br /> |aliases=<br /> |race=<br /> |gender=<br /> |age=<br /> |biometrics=<br /> |status=<br /> |group=<br /> |cr=<br /> |str=<br /> |def=<br /> |spd=<br /> |acu=<br /> |sol=<br /> |scale=10000<br /> |summary=<br /> |family=<br /> |nature=<br /> |appearance=<br /> |history=<br /> |sayings=<br /> |spirita_analysis=<br /> }}<br /> &lt;/pre&gt;<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> &lt;div class=&quot;dossier-quote&quot; style=&quot;font-style: italic; font-family: Georgia, serif; margin-bottom: 20px; font-size: 1.2em; color: #eee;&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot; style=&quot;text-align: center; border-bottom: 1px solid #333; font-weight: bold; color: #555;&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-image&quot; style=&quot;width: 100%; background: #050505; border-bottom: 1px solid #333; text-align: center; overflow: hidden;&quot;&gt;<br /> {{#if: {{{image|}}} <br /> | [[File:{{{image}}}|350px|center|link=]] <br /> | &lt;div style=&quot;height: 350px; display: flex; align-items: center; justify-content: center; color: #222; font-family: 'Consolas', monospace; font-size: 0.8em; letter-spacing: 2px;&quot;&gt;[ NO DATA VISUAL AVAILABLE ]&lt;/div&gt;<br /> }}<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Forename&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{forename|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Surname&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{surname|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Official Titles&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{official_titles|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Epithets&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{epithets|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Aliases&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{aliases|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race / Species&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender / Sex&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|None}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot; style=&quot;text-align: center;&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Family ==<br /> {{{family|No records found.}}}<br /> <br /> == Nature ==<br /> {{{nature|TBD}}}<br /> <br /> == Appearance ==<br /> {{{appearance|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Sayings ==<br /> {{{sayings|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> {{{spirita_analysis|TBD}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=302 Template:Subject Dossier 2026-02-14T05:14:23Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]]<br /> Master Template for Subjects.<br /> <br /> == Copy-Paste Usage ==<br /> &lt;pre&gt;<br /> {{Subject Dossier<br /> |quote=<br /> |id=<br /> |forename=<br /> |surname=<br /> |official_titles=<br /> |epithets=<br /> |aliases=<br /> |race=<br /> |gender=<br /> |age=<br /> |biometrics=<br /> |status=<br /> |group=<br /> |cr=<br /> |str=<br /> |def=<br /> |spd=<br /> |acu=<br /> |sol=<br /> |scale=10000<br /> |summary=<br /> |family=<br /> |nature=<br /> |appearance=<br /> |history=<br /> |sayings=<br /> |spirita_analysis=<br /> }}<br /> &lt;/pre&gt;<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> &lt;div class=&quot;dossier-quote&quot; style=&quot;font-style: italic; font-family: Georgia, serif; margin-bottom: 20px; font-size: 1.2em; color: #eee;&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot; style=&quot;text-align: center; border-bottom: 1px solid #333;&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot; style=&quot;text-align: center;&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Forename&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{forename|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Surname&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{surname|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Official Titles&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{official_titles|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Epithets&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{epithets|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Aliases&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{aliases|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race / Species&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender / Sex&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|None}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot; style=&quot;text-align: center;&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Family ==<br /> {{{family|No records found.}}}<br /> <br /> == Nature ==<br /> {{{nature|TBD}}}<br /> <br /> == Appearance ==<br /> {{{appearance|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Sayings ==<br /> {{{sayings|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> {{{spirita_analysis|TBD}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=301 Subject 20D-3.0: Major Callchen 2026-02-14T05:10:27Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> {{Subject Dossier<br /> |quote=If you grow up a little... I can work with you.<br /> |id=20D-3.0<br /> |forename=Klanchi<br /> |surname=Callchen<br /> |official_titles=2nd Fleet and 5th Regiment Major of Citrine Association<br /> |epithets=Owl Runaway, Silent Heart Trader<br /> |aliases=Callie, Chimi, Lady Coatless<br /> |race=Demihuman<br /> |gender=Female<br /> |age=Unknown<br /> |biometrics=5’8” in / 157 lbs<br /> |status=Alive<br /> |group=Citrine Association<br /> |cr=2276<br /> |str=883<br /> |def=675<br /> |spd=350<br /> |acu=225<br /> |sol=143<br /> |scale=10000<br /> |summary=Major Callchen is a high-ranking officer currently on an extended break...<br /> |family=<br /> * '''Mothers:''' Unknown<br /> * '''Fathers:''' Unknown<br /> |nature=<br /> * '''Personality:''' Klanchi is rigid and survival-focused...<br /> |appearance=<br /> * '''Body:''' Toned and muscular demihuman with owl wings.<br /> * '''Attire:''' Captain uniform worn as a skirt to accommodate wings.<br /> |history=Klanchi was born in Sapphope and spent years in a Zankian prison camp...<br /> |sayings=<br /> * &quot;Supper's almost done...&quot;<br /> |spirita_analysis=<br /> * '''Alignment:''' Aesin (Contra/Lightning)<br /> * '''Focus:''' Intermediate Vehera<br /> }}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=300 Template:Subject Dossier 2026-02-14T05:05:25Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]]<br /> Master Template for Subjects.<br /> <br /> == Copy-Paste Usage ==<br /> &lt;pre&gt;<br /> {{Subject Dossier<br /> |quote=<br /> |id=<br /> |forename=<br /> |surname=<br /> |official_titles=<br /> |epithets=<br /> |aliases=<br /> |race=<br /> |gender=<br /> |age=<br /> |biometrics=<br /> |status=<br /> |group=<br /> |cr=<br /> |str=<br /> |def=<br /> |spd=<br /> |acu=<br /> |sol=<br /> |scale=10000<br /> |summary=<br /> |family=<br /> |nature=<br /> |appearance=<br /> |history=<br /> |sayings=<br /> |spirita_analysis=<br /> }}<br /> &lt;/pre&gt;<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> &lt;div class=&quot;dossier-quote&quot; style=&quot;font-style: italic; font-family: Georgia, serif; margin-bottom: 20px; font-size: 1.2em; color: #eee;&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot; style=&quot;text-align: center; border-bottom: 1px solid #333;&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Forename&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{forename|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Surname&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{surname|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Official Titles&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{official_titles|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Epithets&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{epithets|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Aliases&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{aliases|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race / Species&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender / Sex&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|None}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot; style=&quot;text-align: center;&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Family ==<br /> {{{family|No records found.}}}<br /> <br /> == Nature ==<br /> {{{nature|TBD}}}<br /> <br /> == Appearance ==<br /> {{{appearance|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Sayings ==<br /> {{{sayings|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> {{{spirita_analysis|TBD}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=299 Subject 20D-3.0: Major Callchen 2026-02-14T04:54:13Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> {{Subject Dossier<br /> |id=20D-3.0<br /> |name=Major Callchen<br /> |scale=10000<br /> |quote=If you grow up a little... I can work with you.<br /> |group=Citrine Association<br /> |race=Demihuman<br /> |gender=Female<br /> |age=Unknown<br /> |biometrics=5’8” in / 157 lbs<br /> |status=Alive<br /> |cr=2276<br /> |str=883<br /> |def=675<br /> |spd=350<br /> |acu=225<br /> |sol=143<br /> |summary=Klanchi is a Major in the Citrine Association...<br /> |personality=TBD<br /> |appearance_body=Klanchi is a modest woman with a toned, muscular body...<br /> |history=Klanchi was young when she was caught up in the war...<br /> |alignment=Aesin<br /> |spirita_summary=Born with Contra Aesin; learned Lightning Aesin.<br /> |vehero_apiro=Vehera<br /> }}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=298 Subject 20D-3.0: Major Callchen 2026-02-14T04:52:18Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> {{Subject Dossier<br /> |id=20D-3.0<br /> |name=Major Callchen<br /> |scale=10000<br /> |quote=If you grow up a little... I can work with you.<br /> |group=Citrine Association<br /> |race=Demihuman<br /> |gender=Female<br /> |age=Unknown<br /> |biometrics=5’8” in / 157 lbs<br /> |status=Alive<br /> |cr=2276<br /> |str=883<br /> |def=675<br /> |spd=350<br /> |acu=225<br /> |sol=143<br /> |summary=Klanchi is a Major in the Citrine Association...<br /> |personality=TBD<br /> |appearance_body=Klanchi is a modest woman with a toned, muscular body...<br /> |history=Klanchi was young when she was caught up in the war...<br /> |alignment=Aesin<br /> |spirita_summary=Born with Contra Aesin; learned Lightning Aesin.<br /> |vehero_apiro=Vehera<br /> |beginner_arts=<br /> * '''Art 1: Overly Nulled System''' (Non)<br /> * '''Art 2: Shocking Palm''' (Fulgur)<br /> |intermediate_arts=<br /> * '''Art 3: Static Cloaked Wings''' (Fulgur)<br /> |tools=<br /> * '''Tool 1: Golden Eel Blade''' (Fulgur)<br /> * '''Tool 2: Silver Cloud Blade''' (Non)<br /> }}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=297 Template:Subject Dossier 2026-02-14T04:51:45Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;[[Category:Templates]] Master Template for Subjects.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-quote&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Nature ==<br /> * '''Personality:''' {{{personality|TBD}}}<br /> * '''Mannerisms:''' {{{mannerisms|TBD}}}<br /> * '''Motivations:''' {{{motivations|TBD}}}<br /> <br /> == Appearance ==<br /> * '''Body:''' {{{appearance_body|TBD}}}<br /> * '''Attire:''' {{{appearance_attire|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> * '''Alignment:''' {{{alignment|TBD}}}<br /> * '''Summary:''' {{{spirita_summary|TBD}}}<br /> * '''Vehero / Apiro:''' {{{vehero_apiro|TBD}}}<br /> <br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.js&diff=296 MediaWiki:Common.js 2026-02-14T04:25:40Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: CORE SCRIPTS (Themes + Calculator + Logos)<br /> ============================================================ */<br /> <br /> $(function() {<br /> /* --- PART A: LOGO &amp; THEME SYSTEM --- */<br /> <br /> // 1. DEFINE LOGOS<br /> const logos = {<br /> still: 'https://files.catbox.moe/0cmhjh.png',<br /> dealer: 'https://files.catbox.moe/73m0cp.png',<br /> skipper: 'https://files.catbox.moe/8gs8n5.png'<br /> };<br /> <br /> // 2. HELPER: FORCE LOGO SWAP<br /> function swapLogo(url) {<br /> $('#p-logo a').css('background-image', 'url(' + url + ')');<br /> }<br /> <br /> // 3. DETECT FACTION -&gt; APPLY CLASS &amp; LOGO<br /> if ($('.faction-dealer').length) {<br /> $('body').addClass('theme-dealer');<br /> swapLogo(logos.dealer);<br /> }<br /> else if ($('.faction-skipper').length) {<br /> $('body').addClass('theme-skipper');<br /> swapLogo(logos.skipper);<br /> }<br /> else if ($('.faction-still').length) {<br /> $('body').addClass('theme-still');<br /> }<br /> <br /> /* --- PART B: CRDD CALCULATOR LOGIC --- */<br /> <br /> // Only run if calculator is present<br /> if ($('#crdd-interface').length) {<br /> <br /> // Update number displays instantly<br /> $('.crdd-range').on('input', function() {<br /> $(this).next('.crdd-value-display').text($(this).val());<br /> });<br /> <br /> // The Calculation Function<br /> function updateCRDD() {<br /> let totalScore = 0;<br /> let activeMaxScore = 0;<br /> let criticalOverride = false;<br /> <br /> // SECTION 1: SUBJECT<br /> let subjSkip = $('#skip-subject').is(':checked');<br /> if (!subjSkip) {<br /> let s1 = parseInt($('#s-strength').val()) || 0;<br /> let s2 = parseInt($('#s-durability').val()) || 0;<br /> let s3 = parseInt($('#s-mobility').val()) || 0;<br /> let s4 = parseInt($('#s-intel').val()) || 0;<br /> let s5 = parseInt($('#s-stamina').val()) || 0;<br /> let s6 = parseInt($('#s-threat').val()) || 0;<br /> let s7 = parseInt($('#s-swarm').val()) || 0;<br /> <br /> // Critical Check<br /> if (s6 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (s1+s2+s3+s4+s5+s6+s7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;DOCILE&quot;;<br /> if (avg &gt; 8) rating = &quot;NEUTRAL&quot;;<br /> if (avg &gt; 16) rating = &quot;HOSTILE&quot;;<br /> if (avg &gt; 24) rating = &quot;VILE&quot;;<br /> $('#result-subject').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-subject').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 2: ITEM<br /> let itemSkip = $('#skip-item').is(':checked');<br /> if (!itemSkip) {<br /> let i1 = parseInt($('#i-entropy').val()) || 0;<br /> let i2 = parseInt($('#i-instability').val()) || 0;<br /> let i3 = parseInt($('#i-radiation').val()) || 0;<br /> let i4 = parseInt($('#i-corrupt').val()) || 0;<br /> let i5 = parseInt($('#i-volatility').val()) || 0;<br /> let i6 = parseInt($('#i-unport').val()) || 0;<br /> let i7 = parseInt($('#i-anomalous').val()) || 0;<br /> let i8 = parseInt($('#i-qty').val()) || 0;<br /> <br /> if (i7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (i1+i2+i3+i4+i5+i6+i7+i8) / 8;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;FUNCTIONAL&quot;;<br /> if (avg &gt; 8) rating = &quot;ALTERED&quot;;<br /> if (avg &gt; 16) rating = &quot;UNSTABLE&quot;;<br /> if (avg &gt; 24) rating = &quot;VOID&quot;;<br /> $('#result-item').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> } else {<br /> $('#result-item').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 3: SEAM<br /> let seamSkip = $('#skip-seam').is(':checked');<br /> if (!seamSkip) {<br /> let m1 = parseInt($('#m-instability').val()) || 0;<br /> let m2 = parseInt($('#m-leakage').val()) || 0;<br /> let m3 = parseInt($('#m-geo').val()) || 0;<br /> let m4 = parseInt($('#m-atmo').val()) || 0;<br /> let m5 = parseInt($('#m-topo').val()) || 0;<br /> let m6 = parseInt($('#m-dead').val()) || 0;<br /> let m7 = parseInt($('#m-laws').val()) || 0;<br /> <br /> // Critical Checks<br /> if (m3 &gt; 24 || m4 &gt; 24 || m6 &gt; 24 || m7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (m1+m2+m3+m4+m5+m6+m7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;ANCHORED&quot;;<br /> if (avg &gt; 8) rating = &quot;VOLATILE&quot;;<br /> if (avg &gt; 16) rating = &quot;FRACTURED&quot;;<br /> if (avg &gt; 24) rating = &quot;NULL&quot;;<br /> $('#result-seam').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-seam').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // FINAL RESULT LOGIC<br /> let finalBox = $('#crdd-final-output');<br /> let finalLabel = $('#crdd-final-label');<br /> <br /> if (activeMaxScore === 0) {<br /> finalBox.text(&quot;ERROR: NO DATA&quot;);<br /> finalBox.css('color', 'red');<br /> return;<br /> }<br /> <br /> let percent = (totalScore / activeMaxScore) * 100;<br /> <br /> // STATE 1: CRITICAL OVERRIDE (Specific stat &gt; 24)<br /> // Visual: Blinding White, Red Text, &quot;LEAVE NOW&quot;<br /> if (criticalOverride) {<br /> finalLabel.text(&quot;CRITICAL THREAT DETECTED&quot;);<br /> finalBox.text(&quot;NULL (&quot; + percent.toFixed(1) + &quot;% - LEAVE NOW)&quot;);<br /> finalBox.css({<br /> 'background-color': '#ffffff',<br /> 'color': '#000000',<br /> 'border-color': '#ff0000',<br /> 'text-shadow': '0 0 10px red',<br /> 'box-shadow': '0 0 30px rgba(255, 0, 0, 0.8)'<br /> });<br /> } <br /> // STATE 2: NORMAL CALCULATION (Including Organic Null)<br /> else {<br /> let finalRating = &quot;ANCHORED&quot;;<br /> let finalColor = &quot;#00ff9f&quot;; // Green<br /> let finalMsg = &quot;YOU ARE SAFE&quot;;<br /> let finalShadow = finalColor;<br /> let finalBg = &quot;transparent&quot;;<br /> let finalBoxShadow = &quot;none&quot;;<br /> <br /> if (percent &gt; 25) { <br /> finalRating = &quot;VOLATILE&quot;; <br /> finalColor = &quot;#ffd700&quot;; // Gold<br /> finalMsg = &quot;PROCEED WITH CAUTION&quot;; <br /> finalShadow = finalColor;<br /> }<br /> if (percent &gt; 50) { <br /> finalRating = &quot;FRACTURED&quot;; <br /> finalColor = &quot;#ff4500&quot;; // Orange-Red<br /> finalMsg = &quot;YOU ARE IN DANGER&quot;; <br /> finalShadow = finalColor;<br /> }<br /> <br /> // ORGANIC NULL (Math &gt; 75%, but no critical trigger)<br /> // Visual: Dead Grey, &quot;REALITY FAILURE&quot;<br /> if (percent &gt; 75) { <br /> finalRating = &quot;NULL&quot;; <br /> finalColor = &quot;#888888&quot;; // Grey<br /> finalMsg = &quot;REALITY FAILURE&quot;; <br /> finalShadow = &quot;#000000&quot;; // No Glow<br /> }<br /> <br /> finalLabel.text(finalMsg);<br /> finalBox.text(finalRating + &quot; (&quot; + percent.toFixed(1) + &quot;%)&quot;);<br /> <br /> finalBox.css({<br /> 'background-color': finalBg,<br /> 'color': finalColor,<br /> 'border-color': finalColor,<br /> 'text-shadow': '0 0 10px ' + finalShadow,<br /> 'box-shadow': finalBoxShadow<br /> });<br /> }<br /> }<br /> <br /> // Trigger update on any change<br /> $('.crdd-range, input[type=checkbox]').on('input change', updateCRDD);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> SPLASH SCREEN RANDOMIZER<br /> ============================================================ */<br /> $(function() {<br /> if ($('body').hasClass('page-Warning')) {<br /> const factions = [<br /> { name: 'still', class: 'splash-purple', status: 'RECOGNIZED', pact: 'THE QUIESCENT PACT', target: 'ALPHA-EARTH' },<br /> { name: 'dealer', class: 'splash-gold', status: 'PAID IN FULL', pact: 'HOUSE VOIDSEED TERMS', target: 'THE GILDED GATE' },<br /> { name: 'skipper', class: 'splash-blue', status: 'SECURED', pact: 'R&amp;R SAFETY PROTOCOLS', target: 'SUB-DIMENSION 00' }<br /> ];<br /> <br /> const roll = Math.floor(Math.random() * factions.length);<br /> const winner = factions[roll];<br /> <br /> $('body').addClass(winner.class);<br /> $('#splash-status').text(winner.status);<br /> $('#splash-pact').text(winner.pact);<br /> $('#splash-target').text(winner.target);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (FORUM ENGINE)<br /> ============================================================ */<br /> mw.loader.load('https://commons.wikimedia.org/w/index.php?title=User:Jack_who_built_the_house/convenientDiscussions.js&amp;action=raw&amp;ctype=text/javascript');<br /> <br /> // Optional Config: Force Dark Mode compatibility settings if available<br /> window.convenientDiscussions = window.convenientDiscussions || {};<br /> window.convenientDiscussions.config = {<br /> // This helps the script guess where the comment ends in custom skins<br /> defaultCommentLinkType: 'diff',<br /> };<br /> <br /> /* ============================================================<br /> FORCE VIEW MODE FOR TALK PAGES (STOP AUTO-EDIT)<br /> ============================================================ */<br /> $(function() {<br /> // Target the Discussion Tab link (ID usually #ca-talk)<br /> var talkTab = $('#ca-talk a');<br /> <br /> if (talkTab.length) {<br /> var href = talkTab.attr('href');<br /> <br /> // Check if the link forces an edit (Red Links usually do)<br /> if (href &amp;&amp; (href.indexOf('action=edit') !== -1)) {<br /> <br /> // 1. Remove the 'action=edit' and 'redlink=1' parameters<br /> // This converts &quot;/w/index.php?title=Talk:Home&amp;action=edit&quot; -&gt; &quot;/w/index.php?title=Talk:Home&quot;<br /> var cleanUrl = href.replace(/&amp;action=edit.*/, '').replace(/\?action=edit.*/, '?');<br /> <br /> // 2. Cleanup trailing question marks if regex was messy<br /> if (cleanUrl.endsWith('?')) {<br /> cleanUrl = cleanUrl.slice(0, -1);<br /> }<br /> <br /> // 3. Update the link<br /> talkTab.attr('href', cleanUrl);<br /> <br /> // 4. (Optional) Visual cue - remove the 'new' class so it doesn't look red<br /> // talkTab.removeClass('new'); <br /> }<br /> }<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: SMART SCANNER (NAME &amp; VALUE)<br /> ============================================================ */<br /> $(function() {<br /> $('#onyx-scanner-input').on('input', function() {<br /> var input = $(this).val().toLowerCase().trim();<br /> <br /> // 1. Reset state if empty<br /> if (input === &quot;&quot;) {<br /> $('.onyx-row').css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> return;<br /> }<br /> <br /> // 2. Check if the user is typing a Number or a Name<br /> var isNumeric = !isNaN(input) &amp;&amp; !isNaN(parseFloat(input));<br /> <br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var name = row.find('td:first-child').text().toLowerCase();<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> if (isNumeric) {<br /> // VALUE SEARCH: Highlight rows where CR is equal to or less than input<br /> var targetCR = parseInt(input);<br /> if (cr &lt;= targetCR) {<br /> row.css({'opacity': '1', 'background': 'rgba(218, 165, 32, 0.15)', 'display': 'table-row'});<br /> } else {<br /> row.css({'opacity': '0.2', 'background': 'transparent', 'display': 'table-row'});<br /> }<br /> } else {<br /> // NAME SEARCH: Filter list to match name string<br /> if (name.indexOf(input) !== -1) {<br /> row.css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> } else {<br /> row.css('display', 'none'); // Hide non-matching names<br /> }<br /> }<br /> });<br /> });<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: CLIENT-SIDE BAR RENDERING<br /> ============================================================ */<br /> $(function() {<br /> function renderOnyxBars() {<br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> // 1. Determine the Scale (Mortal/Immortal/Ceaseless)<br /> var scale = 10000;<br /> if (cr &gt;= 10000) scale = 100000;<br /> if (cr &gt;= 100000) scale = 1000000;<br /> <br /> // 2. Calculate and apply widths<br /> var stats = ['str', 'def', 'spd', 'acu', 'sol'];<br /> stats.forEach(function(stat) {<br /> var val = parseInt(row.attr('data-' + stat)) || 0;<br /> var percent = (val / scale) * 100;<br /> if (percent &gt; 100) percent = 100; // Cap at 100%<br /> <br /> row.find('.bar-' + stat).css('width', percent + '%');<br /> });<br /> });<br /> }<br /> <br /> // Run it immediately<br /> renderOnyxBars();<br /> <br /> // Safety: Run again if the scanner is used<br /> $('#onyx-scanner-input').on('input', function() {<br /> setTimeout(renderOnyxBars, 50); <br /> });<br /> });<br /> <br /> /* ============================================================<br /> ART LOADOUT MATRIX: TAB SWITCHING LOGIC<br /> ============================================================ */<br /> $(function() {<br /> $('body').on('click', '.loadout-tab', function() {<br /> var $this = $(this);<br /> var targetId = $this.attr('data-tab');<br /> var $container = $this.closest('.loadout-container');<br /> <br /> $container.find('.loadout-tab').removeClass('active');<br /> $this.addClass('active');<br /> <br /> $container.find('.tab-pane').hide();<br /> $container.find('#' + targetId).show();<br /> });<br /> });</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=295 MediaWiki:Common.css 2026-02-14T04:24:18Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES<br /> ============================================================ */<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES (FIXED &amp; TABBED)<br /> ============================================================ */<br /> <br /> /* 1. THE INFOBOX (SIDE CARD) */<br /> .dossier-card {<br /> float: right;<br /> width: 350px;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> border-top: 5px solid var(--void-accent);<br /> margin: 0 0 20px 20px;<br /> font-family: 'Consolas', monospace;<br /> box-shadow: 0 0 20px rgba(0,0,0,0.5);<br /> clear: right;<br /> }<br /> <br /> .dossier-info-row {<br /> display: flex;<br /> justify-content: space-between;<br /> padding: 8px 15px; /* Added more breathing room */<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #1a1a24;<br /> }<br /> <br /> .dossier-label { <br /> color: #888; <br /> font-weight: bold; <br /> padding-right: 10px; /* Prevents text from sticking to value */<br /> }<br /> .dossier-value { color: #d1d1d1; text-align: right; flex: 1; }<br /> <br /> .dossier-image { <br /> background: #050505; <br /> text-align: center; <br /> overflow: hidden;<br /> }<br /> .dossier-image img { <br /> max-width: 100% !important; <br /> height: auto !important; <br /> }<br /> <br /> /* 2. DOSSIER STAT BARS (Fixed Height) */<br /> .dossier-stats { padding: 15px; background: #0a0a0f; }<br /> .dossier-stat-item { margin-bottom: 8px; }<br /> .dossier-stat-label { <br /> display: flex; <br /> justify-content: space-between; <br /> font-size: 0.75em; <br /> margin-bottom: 2px; <br /> color: #aaa;<br /> }<br /> <br /> /* 3. ART LOADOUT (CLICKABLE TABS) */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f;<br /> }<br /> <br /> /* Tab Headers */<br /> .loadout-navigation {<br /> display: flex !important;<br /> flex-direction: row !important; /* Force side-by-side */<br /> flex-wrap: nowrap !important;<br /> background: #1a1a24 !important;<br /> border-bottom: 1px solid #333 !important;<br /> overflow-x: auto; /* Allow horizontal scroll on phones */<br /> }<br /> <br /> .loadout-navigation span {<br /> padding: 10px 15px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> }<br /> <br /> .loadout-navigation span:hover { color: #fff; background: #222; }<br /> <br /> /* The Content Area */<br /> .loadout-content {<br /> padding: 20px;<br /> min-height: 100px;<br /> }<br /> <br /> /* 4. MOBILE OVERRIDE (Stack everything) */<br /> @media (max-width: 991px) {<br /> .dossier-card {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 20px 0;<br /> }<br /> }<br /> <br /> /* ART LOADOUT STYLING */<br /> .loadout-matrix { border: 1px solid #333; background: #0a0a0f; }<br /> .loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }<br /> <br /> .loadout-tab {<br /> flex: 1 0 auto !important; /* Don't let them shrink */<br /> text-align: center !important;<br /> padding: 12px 15px !important;<br /> background: transparent !important;<br /> }<br /> <br /> .loadout-tab:hover { color: #fff; background: #222; }<br /> <br /> /* The Active Tab follows the Faction Color */<br /> .loadout-tab.active {<br /> background: #13131a;<br /> color: var(--void-accent);<br /> border-top: 2px solid var(--void-accent);<br /> }<br /> <br /> .loadout-content { padding: 25px; line-height: 1.6; }<br /> <br /> /* ART LOADOUT FIXES */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f !important; /* DARK BACKGROUND */<br /> }<br /> <br /> .loadout-navigation {<br /> display: flex !important;<br /> flex-direction: row !important; /* FORCE HORIZONTAL */<br /> background: #1a1a24 !important;<br /> border-bottom: 1px solid #333 !important;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-tab {<br /> padding: 12px 20px !important;<br /> font-size: 0.75em !important;<br /> color: #666 !important;<br /> cursor: pointer;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-right: 1px solid #333 !important;<br /> }<br /> <br /> .loadout-content {<br /> background: #13131a !important; /* Matches Dossier dark grey */<br /> color: #d1d1d1 !important;<br /> border: none !important;<br /> }<br /> <br /> /* Fix the White Box in loadout (CDX/Bootstrap override) */<br /> .loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {<br /> background: transparent !important;<br /> color: #d1d1d1 !important;<br /> }<br /> <br /> /* STAT BAR FIX: Remove forced 100% width */<br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is handled by calc() in the template */<br /> background: var(--void-accent) !important;<br /> box-shadow: 0 0 10px var(--void-accent);<br /> }</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=294 MediaWiki:Common.css 2026-02-14T01:04:16Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES<br /> ============================================================ */<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES (FIXED &amp; TABBED)<br /> ============================================================ */<br /> <br /> /* 1. THE INFOBOX (SIDE CARD) */<br /> .dossier-card {<br /> float: right;<br /> width: 350px;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> border-top: 5px solid var(--void-accent);<br /> margin: 0 0 20px 20px;<br /> font-family: 'Consolas', monospace;<br /> box-shadow: 0 0 20px rgba(0,0,0,0.5);<br /> clear: right;<br /> }<br /> <br /> .dossier-info-row {<br /> display: flex;<br /> justify-content: space-between;<br /> padding: 8px 15px; /* Added more breathing room */<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #1a1a24;<br /> }<br /> <br /> .dossier-label { <br /> color: #888; <br /> font-weight: bold; <br /> padding-right: 10px; /* Prevents text from sticking to value */<br /> }<br /> .dossier-value { color: #d1d1d1; text-align: right; flex: 1; }<br /> <br /> /* 2. DOSSIER STAT BARS (Fixed Height) */<br /> .dossier-stats { padding: 15px; background: #0a0a0f; }<br /> .dossier-stat-item { margin-bottom: 8px; }<br /> .dossier-stat-label { <br /> display: flex; <br /> justify-content: space-between; <br /> font-size: 0.75em; <br /> margin-bottom: 2px; <br /> color: #aaa;<br /> }<br /> <br /> /* 3. ART LOADOUT (CLICKABLE TABS) */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f;<br /> }<br /> <br /> /* Tab Headers */<br /> .loadout-navigation {<br /> display: flex;<br /> background: #1a1a24;<br /> border-bottom: 1px solid #333;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-navigation span {<br /> padding: 10px 15px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> }<br /> <br /> .loadout-navigation span:hover { color: #fff; background: #222; }<br /> <br /> /* The Content Area */<br /> .loadout-content {<br /> padding: 20px;<br /> min-height: 100px;<br /> }<br /> <br /> /* 4. MOBILE OVERRIDE (Stack everything) */<br /> @media (max-width: 991px) {<br /> .dossier-card {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 20px 0;<br /> }<br /> }<br /> <br /> /* ART LOADOUT STYLING */<br /> .loadout-matrix { border: 1px solid #333; background: #0a0a0f; }<br /> .loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }<br /> <br /> .loadout-tab {<br /> padding: 10px 18px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> transition: 0.2s;<br /> }<br /> <br /> .loadout-tab:hover { color: #fff; background: #222; }<br /> <br /> /* The Active Tab follows the Faction Color */<br /> .loadout-tab.active {<br /> background: #13131a;<br /> color: var(--void-accent);<br /> border-top: 2px solid var(--void-accent);<br /> }<br /> <br /> .loadout-content { padding: 25px; line-height: 1.6; }<br /> <br /> /* ART LOADOUT FIXES */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f !important; /* DARK BACKGROUND */<br /> }<br /> <br /> .loadout-navigation {<br /> display: flex !important;<br /> flex-direction: row !important; /* FORCE HORIZONTAL */<br /> background: #1a1a24 !important;<br /> border-bottom: 1px solid #333 !important;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-tab {<br /> padding: 12px 20px !important;<br /> font-size: 0.75em !important;<br /> color: #666 !important;<br /> cursor: pointer;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-right: 1px solid #333 !important;<br /> }<br /> <br /> .loadout-content {<br /> background: #13131a !important; /* DARK VOID CARD */<br /> color: #d1d1d1 !important;<br /> padding: 20px !important;<br /> }<br /> <br /> /* Fix the White Box in loadout (CDX/Bootstrap override) */<br /> .loadout-content div, .loadout-content ul, .loadout-content li {<br /> background: transparent !important;<br /> color: inherit !important;<br /> }<br /> <br /> /* STAT BAR FIX: Remove forced 100% width */<br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is handled by calc() in the template */<br /> background: var(--void-accent) !important;<br /> box-shadow: 0 0 10px var(--void-accent);<br /> }</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=293 Template:Subject Dossier 2026-02-14T01:03:47Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;[[Category:Templates]] Master Template for Subjects.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> &lt;div class=&quot;dossier-image&quot;&gt;<br /> {{#if: {{{image|}}} | [[File:{{{image}}}|350px]] | &lt;div style=&quot;width:350px; height:350px; background:#050505; display:flex; align-items:center; justify-content:center; color:#222; font-size:0.8em; border-bottom:1px solid #333;&quot;&gt;NO DATA VISUAL AVAILABLE&lt;/div&gt; }}<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{str|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{def|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{spd|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{acu|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{sol|0}}} / {{{scale|10000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-quote&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Biological Ledger ==<br /> &lt;table class=&quot;biological-ledger&quot;&gt;<br /> &lt;thead&gt;&lt;tr&gt;&lt;th colspan=&quot;2&quot; class=&quot;ledger-header&quot;&gt;LINEAGE RECORD&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;<br /> &lt;tbody&gt;<br /> &lt;tr class=&quot;ledger-row&quot;&gt;&lt;td class=&quot;ledger-relation&quot;&gt;MOTHERS&lt;/td&gt;&lt;td class=&quot;ledger-cell&quot;&gt;{{{mothers|Unknown}}}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr class=&quot;ledger-row&quot;&gt;&lt;td class=&quot;ledger-relation&quot;&gt;FATHERS&lt;/td&gt;&lt;td class=&quot;ledger-cell&quot;&gt;{{{fathers|Unknown}}}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr class=&quot;ledger-row&quot;&gt;&lt;td class=&quot;ledger-relation&quot;&gt;SIBLINGS&lt;/td&gt;&lt;td class=&quot;ledger-cell&quot;&gt;{{{siblings|Unknown}}}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr class=&quot;ledger-row&quot;&gt;&lt;td class=&quot;ledger-relation&quot;&gt;PARTNERS&lt;/td&gt;&lt;td class=&quot;ledger-cell&quot;&gt;{{{partners|Unknown}}}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr class=&quot;ledger-row&quot;&gt;&lt;td class=&quot;ledger-relation&quot;&gt;CHILDREN&lt;/td&gt;&lt;td class=&quot;ledger-cell&quot;&gt;{{{children|Unknown}}}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;/tbody&gt;<br /> &lt;/table&gt;<br /> <br /> == Nature ==<br /> * '''Personality:''' {{{personality|TBD}}}<br /> * '''Mannerisms:''' {{{mannerisms|TBD}}}<br /> * '''Motivations:''' {{{motivations|TBD}}}<br /> <br /> == Appearance ==<br /> * '''Body:''' {{{appearance_body|TBD}}}<br /> * '''Attire:''' {{{appearance_attire|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> * '''Alignment:''' {{{alignment|TBD}}}<br /> * '''Summary:''' {{{spirita_summary|TBD}}}<br /> * '''Vehero / Apiro:''' {{{vehero_apiro|TBD}}}<br /> <br /> == Art Loadout ==<br /> &lt;div class=&quot;loadout-container&quot;&gt;<br /> &lt;div class=&quot;loadout-navigation&quot;&gt;<br /> &lt;span class=&quot;loadout-tab active&quot; data-tab=&quot;tab-beg&quot;&gt;Beginner&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-int&quot;&gt;Intermediate&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-mst&quot;&gt;Master&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-sch&quot;&gt;Scholar&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-max&quot;&gt;Max&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-tls&quot;&gt;Tools&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;loadout-content&quot;&gt;<br /> &lt;div id=&quot;tab-beg&quot; class=&quot;tab-pane active-pane&quot;&gt;<br /> {{{beginner_arts|No Beginner Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-int&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{intermediate_arts|No Intermediate Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-mst&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{master_arts|No Master Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-sch&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{scholar_arts|No Scholar Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-max&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{maximum_arts|Maximum Art not yet unlocked.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-tls&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{tools|No specialized tools recorded.}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=292 Subject 20D-3.0: Major Callchen 2026-02-14T00:51:38Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> {{Subject Dossier<br /> |id=20D-3.0<br /> |name=Major Callchen<br /> |image=Callchen.png<br /> |scale=10000<br /> |quote=If you grow up a little... I can work with you.<br /> |group=Citrine Association<br /> |race=Demihuman<br /> |gender=Female<br /> |age=Unknown<br /> |biometrics=5’8” in / 157 lbs<br /> |status=Alive<br /> |cr=2276<br /> |str=883<br /> |def=675<br /> |spd=350<br /> |acu=225<br /> |sol=143<br /> |summary=Klanchi is a Major in the Citrine Association...<br /> |mothers=Unknown<br /> |fathers=Unknown<br /> |siblings=Unknown<br /> |personality=TBD<br /> |appearance_body=Klanchi is a modest woman with a toned, muscular body...<br /> |history=Klanchi was young when she was caught up in the war...<br /> |alignment=Aesin<br /> |spirita_summary=Born with Contra Aesin; learned Lightning Aesin.<br /> |vehero_apiro=Vehera<br /> |beginner_arts=<br /> * '''Art 1: Overly Nulled System''' (Non)<br /> * '''Art 2: Shocking Palm''' (Fulgur)<br /> |intermediate_arts=<br /> * '''Art 3: Static Cloaked Wings''' (Fulgur)<br /> |tools=<br /> * '''Tool 1: Golden Eel Blade''' (Fulgur)<br /> * '''Tool 2: Silver Cloud Blade''' (Non)<br /> }}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=291 MediaWiki:Common.css 2026-02-14T00:51:00Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES<br /> ============================================================ */<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES (FIXED &amp; TABBED)<br /> ============================================================ */<br /> <br /> /* 1. THE INFOBOX (SIDE CARD) */<br /> .dossier-card {<br /> float: right;<br /> width: 350px;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> border-top: 5px solid var(--void-accent);<br /> margin: 0 0 20px 20px;<br /> font-family: 'Consolas', monospace;<br /> box-shadow: 0 0 20px rgba(0,0,0,0.5);<br /> clear: right;<br /> }<br /> <br /> .dossier-info-row {<br /> display: flex;<br /> justify-content: space-between;<br /> padding: 8px 15px; /* Added more breathing room */<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #1a1a24;<br /> }<br /> <br /> .dossier-label { <br /> color: #888; <br /> font-weight: bold; <br /> padding-right: 10px; /* Prevents text from sticking to value */<br /> }<br /> .dossier-value { color: #d1d1d1; text-align: right; flex: 1; }<br /> <br /> /* 2. DOSSIER STAT BARS (Fixed Height) */<br /> .dossier-stats { padding: 15px; background: #0a0a0f; }<br /> .dossier-stat-item { margin-bottom: 8px; }<br /> .dossier-stat-label { <br /> display: flex; <br /> justify-content: space-between; <br /> font-size: 0.75em; <br /> margin-bottom: 2px; <br /> color: #aaa;<br /> }<br /> <br /> /* 3. ART LOADOUT (CLICKABLE TABS) */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f;<br /> }<br /> <br /> /* Tab Headers */<br /> .loadout-navigation {<br /> display: flex;<br /> background: #1a1a24;<br /> border-bottom: 1px solid #333;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-navigation span {<br /> padding: 10px 15px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> }<br /> <br /> .loadout-navigation span:hover { color: #fff; background: #222; }<br /> <br /> /* The Content Area */<br /> .loadout-content {<br /> padding: 20px;<br /> min-height: 100px;<br /> }<br /> <br /> /* 4. MOBILE OVERRIDE (Stack everything) */<br /> @media (max-width: 991px) {<br /> .dossier-card {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 20px 0;<br /> }<br /> }<br /> <br /> /* ART LOADOUT STYLING */<br /> .loadout-matrix { border: 1px solid #333; background: #0a0a0f; }<br /> .loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }<br /> <br /> .loadout-tab {<br /> padding: 10px 18px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> transition: 0.2s;<br /> }<br /> <br /> .loadout-tab:hover { color: #fff; background: #222; }<br /> <br /> /* The Active Tab follows the Faction Color */<br /> .loadout-tab.active {<br /> background: #13131a;<br /> color: var(--void-accent);<br /> border-top: 2px solid var(--void-accent);<br /> }<br /> <br /> .loadout-content { padding: 25px; line-height: 1.6; }</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.js&diff=290 MediaWiki:Common.js 2026-02-14T00:47:22Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: CORE SCRIPTS (Themes + Calculator + Logos)<br /> ============================================================ */<br /> <br /> $(function() {<br /> /* --- PART A: LOGO &amp; THEME SYSTEM --- */<br /> <br /> // 1. DEFINE LOGOS<br /> const logos = {<br /> still: 'https://files.catbox.moe/0cmhjh.png',<br /> dealer: 'https://files.catbox.moe/73m0cp.png',<br /> skipper: 'https://files.catbox.moe/8gs8n5.png'<br /> };<br /> <br /> // 2. HELPER: FORCE LOGO SWAP<br /> function swapLogo(url) {<br /> $('#p-logo a').css('background-image', 'url(' + url + ')');<br /> }<br /> <br /> // 3. DETECT FACTION -&gt; APPLY CLASS &amp; LOGO<br /> if ($('.faction-dealer').length) {<br /> $('body').addClass('theme-dealer');<br /> swapLogo(logos.dealer);<br /> }<br /> else if ($('.faction-skipper').length) {<br /> $('body').addClass('theme-skipper');<br /> swapLogo(logos.skipper);<br /> }<br /> else if ($('.faction-still').length) {<br /> $('body').addClass('theme-still');<br /> }<br /> <br /> /* --- PART B: CRDD CALCULATOR LOGIC --- */<br /> <br /> // Only run if calculator is present<br /> if ($('#crdd-interface').length) {<br /> <br /> // Update number displays instantly<br /> $('.crdd-range').on('input', function() {<br /> $(this).next('.crdd-value-display').text($(this).val());<br /> });<br /> <br /> // The Calculation Function<br /> function updateCRDD() {<br /> let totalScore = 0;<br /> let activeMaxScore = 0;<br /> let criticalOverride = false;<br /> <br /> // SECTION 1: SUBJECT<br /> let subjSkip = $('#skip-subject').is(':checked');<br /> if (!subjSkip) {<br /> let s1 = parseInt($('#s-strength').val()) || 0;<br /> let s2 = parseInt($('#s-durability').val()) || 0;<br /> let s3 = parseInt($('#s-mobility').val()) || 0;<br /> let s4 = parseInt($('#s-intel').val()) || 0;<br /> let s5 = parseInt($('#s-stamina').val()) || 0;<br /> let s6 = parseInt($('#s-threat').val()) || 0;<br /> let s7 = parseInt($('#s-swarm').val()) || 0;<br /> <br /> // Critical Check<br /> if (s6 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (s1+s2+s3+s4+s5+s6+s7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;DOCILE&quot;;<br /> if (avg &gt; 8) rating = &quot;NEUTRAL&quot;;<br /> if (avg &gt; 16) rating = &quot;HOSTILE&quot;;<br /> if (avg &gt; 24) rating = &quot;VILE&quot;;<br /> $('#result-subject').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-subject').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 2: ITEM<br /> let itemSkip = $('#skip-item').is(':checked');<br /> if (!itemSkip) {<br /> let i1 = parseInt($('#i-entropy').val()) || 0;<br /> let i2 = parseInt($('#i-instability').val()) || 0;<br /> let i3 = parseInt($('#i-radiation').val()) || 0;<br /> let i4 = parseInt($('#i-corrupt').val()) || 0;<br /> let i5 = parseInt($('#i-volatility').val()) || 0;<br /> let i6 = parseInt($('#i-unport').val()) || 0;<br /> let i7 = parseInt($('#i-anomalous').val()) || 0;<br /> let i8 = parseInt($('#i-qty').val()) || 0;<br /> <br /> if (i7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (i1+i2+i3+i4+i5+i6+i7+i8) / 8;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;FUNCTIONAL&quot;;<br /> if (avg &gt; 8) rating = &quot;ALTERED&quot;;<br /> if (avg &gt; 16) rating = &quot;UNSTABLE&quot;;<br /> if (avg &gt; 24) rating = &quot;VOID&quot;;<br /> $('#result-item').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> } else {<br /> $('#result-item').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 3: SEAM<br /> let seamSkip = $('#skip-seam').is(':checked');<br /> if (!seamSkip) {<br /> let m1 = parseInt($('#m-instability').val()) || 0;<br /> let m2 = parseInt($('#m-leakage').val()) || 0;<br /> let m3 = parseInt($('#m-geo').val()) || 0;<br /> let m4 = parseInt($('#m-atmo').val()) || 0;<br /> let m5 = parseInt($('#m-topo').val()) || 0;<br /> let m6 = parseInt($('#m-dead').val()) || 0;<br /> let m7 = parseInt($('#m-laws').val()) || 0;<br /> <br /> // Critical Checks<br /> if (m3 &gt; 24 || m4 &gt; 24 || m6 &gt; 24 || m7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (m1+m2+m3+m4+m5+m6+m7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;ANCHORED&quot;;<br /> if (avg &gt; 8) rating = &quot;VOLATILE&quot;;<br /> if (avg &gt; 16) rating = &quot;FRACTURED&quot;;<br /> if (avg &gt; 24) rating = &quot;NULL&quot;;<br /> $('#result-seam').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-seam').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // FINAL RESULT LOGIC<br /> let finalBox = $('#crdd-final-output');<br /> let finalLabel = $('#crdd-final-label');<br /> <br /> if (activeMaxScore === 0) {<br /> finalBox.text(&quot;ERROR: NO DATA&quot;);<br /> finalBox.css('color', 'red');<br /> return;<br /> }<br /> <br /> let percent = (totalScore / activeMaxScore) * 100;<br /> <br /> // STATE 1: CRITICAL OVERRIDE (Specific stat &gt; 24)<br /> // Visual: Blinding White, Red Text, &quot;LEAVE NOW&quot;<br /> if (criticalOverride) {<br /> finalLabel.text(&quot;CRITICAL THREAT DETECTED&quot;);<br /> finalBox.text(&quot;NULL (&quot; + percent.toFixed(1) + &quot;% - LEAVE NOW)&quot;);<br /> finalBox.css({<br /> 'background-color': '#ffffff',<br /> 'color': '#000000',<br /> 'border-color': '#ff0000',<br /> 'text-shadow': '0 0 10px red',<br /> 'box-shadow': '0 0 30px rgba(255, 0, 0, 0.8)'<br /> });<br /> } <br /> // STATE 2: NORMAL CALCULATION (Including Organic Null)<br /> else {<br /> let finalRating = &quot;ANCHORED&quot;;<br /> let finalColor = &quot;#00ff9f&quot;; // Green<br /> let finalMsg = &quot;YOU ARE SAFE&quot;;<br /> let finalShadow = finalColor;<br /> let finalBg = &quot;transparent&quot;;<br /> let finalBoxShadow = &quot;none&quot;;<br /> <br /> if (percent &gt; 25) { <br /> finalRating = &quot;VOLATILE&quot;; <br /> finalColor = &quot;#ffd700&quot;; // Gold<br /> finalMsg = &quot;PROCEED WITH CAUTION&quot;; <br /> finalShadow = finalColor;<br /> }<br /> if (percent &gt; 50) { <br /> finalRating = &quot;FRACTURED&quot;; <br /> finalColor = &quot;#ff4500&quot;; // Orange-Red<br /> finalMsg = &quot;YOU ARE IN DANGER&quot;; <br /> finalShadow = finalColor;<br /> }<br /> <br /> // ORGANIC NULL (Math &gt; 75%, but no critical trigger)<br /> // Visual: Dead Grey, &quot;REALITY FAILURE&quot;<br /> if (percent &gt; 75) { <br /> finalRating = &quot;NULL&quot;; <br /> finalColor = &quot;#888888&quot;; // Grey<br /> finalMsg = &quot;REALITY FAILURE&quot;; <br /> finalShadow = &quot;#000000&quot;; // No Glow<br /> }<br /> <br /> finalLabel.text(finalMsg);<br /> finalBox.text(finalRating + &quot; (&quot; + percent.toFixed(1) + &quot;%)&quot;);<br /> <br /> finalBox.css({<br /> 'background-color': finalBg,<br /> 'color': finalColor,<br /> 'border-color': finalColor,<br /> 'text-shadow': '0 0 10px ' + finalShadow,<br /> 'box-shadow': finalBoxShadow<br /> });<br /> }<br /> }<br /> <br /> // Trigger update on any change<br /> $('.crdd-range, input[type=checkbox]').on('input change', updateCRDD);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> SPLASH SCREEN RANDOMIZER<br /> ============================================================ */<br /> $(function() {<br /> if ($('body').hasClass('page-Warning')) {<br /> const factions = [<br /> { name: 'still', class: 'splash-purple', status: 'RECOGNIZED', pact: 'THE QUIESCENT PACT', target: 'ALPHA-EARTH' },<br /> { name: 'dealer', class: 'splash-gold', status: 'PAID IN FULL', pact: 'HOUSE VOIDSEED TERMS', target: 'THE GILDED GATE' },<br /> { name: 'skipper', class: 'splash-blue', status: 'SECURED', pact: 'R&amp;R SAFETY PROTOCOLS', target: 'SUB-DIMENSION 00' }<br /> ];<br /> <br /> const roll = Math.floor(Math.random() * factions.length);<br /> const winner = factions[roll];<br /> <br /> $('body').addClass(winner.class);<br /> $('#splash-status').text(winner.status);<br /> $('#splash-pact').text(winner.pact);<br /> $('#splash-target').text(winner.target);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (FORUM ENGINE)<br /> ============================================================ */<br /> mw.loader.load('https://commons.wikimedia.org/w/index.php?title=User:Jack_who_built_the_house/convenientDiscussions.js&amp;action=raw&amp;ctype=text/javascript');<br /> <br /> // Optional Config: Force Dark Mode compatibility settings if available<br /> window.convenientDiscussions = window.convenientDiscussions || {};<br /> window.convenientDiscussions.config = {<br /> // This helps the script guess where the comment ends in custom skins<br /> defaultCommentLinkType: 'diff',<br /> };<br /> <br /> /* ============================================================<br /> FORCE VIEW MODE FOR TALK PAGES (STOP AUTO-EDIT)<br /> ============================================================ */<br /> $(function() {<br /> // Target the Discussion Tab link (ID usually #ca-talk)<br /> var talkTab = $('#ca-talk a');<br /> <br /> if (talkTab.length) {<br /> var href = talkTab.attr('href');<br /> <br /> // Check if the link forces an edit (Red Links usually do)<br /> if (href &amp;&amp; (href.indexOf('action=edit') !== -1)) {<br /> <br /> // 1. Remove the 'action=edit' and 'redlink=1' parameters<br /> // This converts &quot;/w/index.php?title=Talk:Home&amp;action=edit&quot; -&gt; &quot;/w/index.php?title=Talk:Home&quot;<br /> var cleanUrl = href.replace(/&amp;action=edit.*/, '').replace(/\?action=edit.*/, '?');<br /> <br /> // 2. Cleanup trailing question marks if regex was messy<br /> if (cleanUrl.endsWith('?')) {<br /> cleanUrl = cleanUrl.slice(0, -1);<br /> }<br /> <br /> // 3. Update the link<br /> talkTab.attr('href', cleanUrl);<br /> <br /> // 4. (Optional) Visual cue - remove the 'new' class so it doesn't look red<br /> // talkTab.removeClass('new'); <br /> }<br /> }<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: SMART SCANNER (NAME &amp; VALUE)<br /> ============================================================ */<br /> $(function() {<br /> $('#onyx-scanner-input').on('input', function() {<br /> var input = $(this).val().toLowerCase().trim();<br /> <br /> // 1. Reset state if empty<br /> if (input === &quot;&quot;) {<br /> $('.onyx-row').css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> return;<br /> }<br /> <br /> // 2. Check if the user is typing a Number or a Name<br /> var isNumeric = !isNaN(input) &amp;&amp; !isNaN(parseFloat(input));<br /> <br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var name = row.find('td:first-child').text().toLowerCase();<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> if (isNumeric) {<br /> // VALUE SEARCH: Highlight rows where CR is equal to or less than input<br /> var targetCR = parseInt(input);<br /> if (cr &lt;= targetCR) {<br /> row.css({'opacity': '1', 'background': 'rgba(218, 165, 32, 0.15)', 'display': 'table-row'});<br /> } else {<br /> row.css({'opacity': '0.2', 'background': 'transparent', 'display': 'table-row'});<br /> }<br /> } else {<br /> // NAME SEARCH: Filter list to match name string<br /> if (name.indexOf(input) !== -1) {<br /> row.css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> } else {<br /> row.css('display', 'none'); // Hide non-matching names<br /> }<br /> }<br /> });<br /> });<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: CLIENT-SIDE BAR RENDERING<br /> ============================================================ */<br /> $(function() {<br /> function renderOnyxBars() {<br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> // 1. Determine the Scale (Mortal/Immortal/Ceaseless)<br /> var scale = 10000;<br /> if (cr &gt;= 10000) scale = 100000;<br /> if (cr &gt;= 100000) scale = 1000000;<br /> <br /> // 2. Calculate and apply widths<br /> var stats = ['str', 'def', 'spd', 'acu', 'sol'];<br /> stats.forEach(function(stat) {<br /> var val = parseInt(row.attr('data-' + stat)) || 0;<br /> var percent = (val / scale) * 100;<br /> if (percent &gt; 100) percent = 100; // Cap at 100%<br /> <br /> row.find('.bar-' + stat).css('width', percent + '%');<br /> });<br /> });<br /> }<br /> <br /> // Run it immediately<br /> renderOnyxBars();<br /> <br /> // Safety: Run again if the scanner is used<br /> $('#onyx-scanner-input').on('input', function() {<br /> setTimeout(renderOnyxBars, 50); <br /> });<br /> });<br /> <br /> /* ============================================================<br /> ART LOADOUT MATRIX: TAB SWITCHING LOGIC<br /> ============================================================ */<br /> $(function() {<br /> // Listen for clicks on elements with the 'loadout-tab' class<br /> $('body').on('click', '.loadout-tab', function() {<br /> var $this = $(this);<br /> var targetId = $this.attr('data-tab');<br /> var $container = $this.closest('.loadout-matrix');<br /> <br /> // 1. Update Tab Visual State<br /> $container.find('.loadout-tab').removeClass('active');<br /> $this.addClass('active');<br /> <br /> // 2. Switch Content Panes<br /> $container.find('.tab-pane').hide().removeClass('active-pane');<br /> $container.find('#' + targetId).fadeIn(200).addClass('active-pane');<br /> });<br /> });</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=289 Template:Subject Dossier 2026-02-14T00:40:51Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]]<br /> Master Template for Subjects.<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> &lt;div class=&quot;dossier-image&quot;&gt;[[File:{{{image|500x500.png}}}|350px]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{str|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{def|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{spd|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{acu|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{sol|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-quote&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Biological Ledger ==<br /> {| class=&quot;biological-ledger&quot;<br /> ! class=&quot;ledger-header&quot; colspan=&quot;2&quot; | LINEAGE RECORD<br /> |-<br /> | class=&quot;ledger-relation&quot; | MOTHERS || class=&quot;ledger-cell&quot; | {{{mothers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | FATHERS || class=&quot;ledger-cell&quot; | {{{fathers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | SIBLINGS || class=&quot;ledger-cell&quot; | {{{siblings|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | PARTNERS || class=&quot;ledger-cell&quot; | {{{partners|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | CHILDREN || class=&quot;ledger-cell&quot; | {{{children|Unknown}}}<br /> |}<br /> <br /> == Nature ==<br /> * '''Personality:''' {{{personality|TBD}}}<br /> * '''Mannerisms:''' {{{mannerisms|TBD}}}<br /> * '''Motivations:''' {{{motivations|TBD}}}<br /> <br /> == Appearance ==<br /> * '''Body:''' {{{appearance_body|TBD}}}<br /> * '''Attire:''' {{{appearance_attire|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> * '''Alignment:''' {{{alignment|TBD}}}<br /> * '''Summary:''' {{{spirita_summary|TBD}}}<br /> * '''Vehero / Apiro:''' {{{vehero_apiro|TBD}}}<br /> <br /> == Art Loadout ==<br /> &lt;div class=&quot;loadout-matrix&quot;&gt;<br /> &lt;div class=&quot;loadout-navigation&quot;&gt;<br /> &lt;span class=&quot;loadout-tab active&quot; data-tab=&quot;tab-beg&quot;&gt;Beginner&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-int&quot;&gt;Intermediate&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-mst&quot;&gt;Master&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-sch&quot;&gt;Scholar&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-max&quot;&gt;Maximum&lt;/span&gt;<br /> &lt;span class=&quot;loadout-tab&quot; data-tab=&quot;tab-tls&quot;&gt;Tools&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;loadout-content&quot;&gt;<br /> &lt;div id=&quot;tab-beg&quot; class=&quot;tab-pane active-pane&quot;&gt;<br /> {{{beginner_arts|No Beginner Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-int&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{intermediate_arts|No Intermediate Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-mst&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{master_arts|No Master Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-sch&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{scholar_arts|No Scholar Arts recorded.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-max&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{maximum_arts|Maximum Art not yet unlocked.}}}<br /> &lt;/div&gt;<br /> &lt;div id=&quot;tab-tls&quot; class=&quot;tab-pane&quot; style=&quot;display:none;&quot;&gt;<br /> {{{tools|No specialized tools recorded.}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=288 Subject 20D-3.0: Major Callchen 2026-02-13T23:54:17Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> {{Subject Dossier<br /> |id=20D-3.0<br /> |name=Major Callchen<br /> |image=Callchen.png<br /> |quote=If you grow up a little... I can work with you.<br /> |group=Citrine Association<br /> |race=Demihuman<br /> |gender=Female<br /> |age=Unknown<br /> |biometrics=5’8” in / 157 lbs<br /> |status=Alive<br /> |cr=2276<br /> |str=883<br /> |def=675<br /> |spd=350<br /> |acu=225<br /> |sol=143<br /> |summary=Klanchi is a Major in the Citrine Association...<br /> |mothers=Unknown<br /> |fathers=Unknown<br /> |siblings=Unknown<br /> |personality=TBD<br /> |appearance_body=Klanchi is a modest woman with a toned, muscular body...<br /> |appearance_attire=When in uniform, Klanchi wears a captain-esque uniform...<br /> |history=Klanchi was young when she was caught up in the war...<br /> |alignment=Aesin<br /> |spirita_summary=Born with Contra Aesin; learned Lightning Aesin.<br /> |vehero_apiro=Vehera<br /> |arts=<br /> * '''Art 1: Overly Nulled System''' (Non) - Beginner<br /> * '''Art 2: Shocking Palm''' (Fulgur) - Beginner<br /> * '''Art 3: Static Cloaked Wings''' (Fulgur) - Intermediate<br /> * '''Tool 1: Golden Eel Blade'''<br /> * '''Tool 2: Silver Cloud Blade'''<br /> }}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=287 Template:Subject Dossier 2026-02-13T23:53:50Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]]<br /> Master Template for Subjects.<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> &lt;div class=&quot;dossier-image&quot;&gt;[[File:{{{image|500x500.png}}}|350px]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{str|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{def|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{spd|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{acu|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{sol|0}}} / ( 10000 * (1 + ({{{cr|0}}} &gt;= 10000) * 9 + ({{{cr|0}}} &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-quote&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Biological Ledger ==<br /> {| class=&quot;biological-ledger&quot;<br /> ! class=&quot;ledger-header&quot; colspan=&quot;2&quot; | LINEAGE RECORD<br /> |-<br /> | class=&quot;ledger-relation&quot; | MOTHERS || class=&quot;ledger-cell&quot; | {{{mothers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | FATHERS || class=&quot;ledger-cell&quot; | {{{fathers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | SIBLINGS || class=&quot;ledger-cell&quot; | {{{siblings|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | PARTNERS || class=&quot;ledger-cell&quot; | {{{partners|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | CHILDREN || class=&quot;ledger-cell&quot; | {{{children|Unknown}}}<br /> |}<br /> <br /> == Nature ==<br /> * '''Personality:''' {{{personality|TBD}}}<br /> * '''Mannerisms:''' {{{mannerisms|TBD}}}<br /> * '''Motivations:''' {{{motivations|TBD}}}<br /> <br /> == Appearance ==<br /> * '''Body:''' {{{appearance_body|TBD}}}<br /> * '''Attire:''' {{{appearance_attire|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> * '''Alignment:''' {{{alignment|TBD}}}<br /> * '''Summary:''' {{{spirita_summary|TBD}}}<br /> * '''Vehero / Apiro:''' {{{vehero_apiro|TBD}}}<br /> <br /> == Art Loadout ==<br /> &lt;div class=&quot;loadout-container&quot;&gt;<br /> &lt;div class=&quot;loadout-navigation&quot;&gt;<br /> &lt;span&gt;Matrix Archive&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;loadout-content&quot;&gt;<br /> {{{arts|No Arts Recorded.}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=286 Subject 20D-3.0: Major Callchen 2026-02-13T22:21:26Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;[[Category:Templates]] Master Template for Subjects.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> &lt;div class=&quot;dossier-image&quot;&gt;[[File:{{{image|500x500.png}}}|350px]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Group&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{group|N/A}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Race&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Gender&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Age&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Biometrics&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;div class=&quot;dossier-label&quot;&gt;Status&lt;/div&gt;&lt;div class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> {{#vardefine:scale|{{{scale|10000}}}}}<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{str|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{def|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{spd|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{acu|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{sol|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-quote&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Biological Ledger ==<br /> {| class=&quot;biological-ledger&quot;<br /> ! class=&quot;ledger-header&quot; colspan=&quot;2&quot; | LINEAGE RECORD<br /> |-<br /> | class=&quot;ledger-relation&quot; | MOTHERS || class=&quot;ledger-cell&quot; | {{{mothers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | FATHERS || class=&quot;ledger-cell&quot; | {{{fathers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | SIBLINGS || class=&quot;ledger-cell&quot; | {{{siblings|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | PARTNERS || class=&quot;ledger-cell&quot; | {{{partners|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | CHILDREN || class=&quot;ledger-cell&quot; | {{{children|Unknown}}}<br /> |}<br /> <br /> == Nature ==<br /> * '''Personality:''' {{{personality|TBD}}}<br /> * '''Mannerisms:''' {{{mannerisms|TBD}}}<br /> * '''Motivations:''' {{{motivations|TBD}}}<br /> <br /> == Appearance ==<br /> * '''Body:''' {{{appearance_body|TBD}}}<br /> * '''Attire:''' {{{appearance_attire|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> * '''Alignment:''' {{{alignment|TBD}}}<br /> * '''Summary:''' {{{spirita_summary|TBD}}}<br /> * '''Vehero / Apiro:''' {{{vehero_apiro|TBD}}}<br /> <br /> == Art Loadout ==<br /> &lt;div class=&quot;loadout-container&quot;&gt;<br /> &lt;div class=&quot;loadout-navigation&quot;&gt;<br /> &lt;span&gt;Beginner&lt;/span&gt;&lt;span&gt;Intermediate&lt;/span&gt;&lt;span&gt;Master&lt;/span&gt;&lt;span&gt;Scholar&lt;/span&gt;&lt;span&gt;Max&lt;/span&gt;&lt;span&gt;Tools&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;loadout-content&quot;&gt;<br /> {{{arts|No Arts Recorded.}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=285 MediaWiki:Common.css 2026-02-13T22:21:05Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES<br /> ============================================================ */<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES (FIXED &amp; TABBED)<br /> ============================================================ */<br /> <br /> /* 1. THE INFOBOX (SIDE CARD) */<br /> .dossier-card {<br /> float: right;<br /> width: 350px;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> border-top: 5px solid var(--void-accent);<br /> margin: 0 0 20px 20px;<br /> font-family: 'Consolas', monospace;<br /> box-shadow: 0 0 20px rgba(0,0,0,0.5);<br /> clear: right;<br /> }<br /> <br /> .dossier-info-row {<br /> display: flex;<br /> justify-content: space-between;<br /> padding: 8px 15px; /* Added more breathing room */<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #1a1a24;<br /> }<br /> <br /> .dossier-label { <br /> color: #888; <br /> font-weight: bold; <br /> padding-right: 10px; /* Prevents text from sticking to value */<br /> }<br /> .dossier-value { color: #d1d1d1; text-align: right; flex: 1; }<br /> <br /> /* 2. DOSSIER STAT BARS (Fixed Height) */<br /> .dossier-stats { padding: 15px; background: #0a0a0f; }<br /> .dossier-stat-item { margin-bottom: 8px; }<br /> .dossier-stat-label { <br /> display: flex; <br /> justify-content: space-between; <br /> font-size: 0.75em; <br /> margin-bottom: 2px; <br /> color: #aaa;<br /> }<br /> <br /> /* 3. ART LOADOUT (CLICKABLE TABS) */<br /> .loadout-container {<br /> margin-top: 20px;<br /> border: 1px solid #333;<br /> background: #0a0a0f;<br /> }<br /> <br /> /* Tab Headers */<br /> .loadout-navigation {<br /> display: flex;<br /> background: #1a1a24;<br /> border-bottom: 1px solid #333;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-navigation span {<br /> padding: 10px 15px;<br /> font-size: 0.75em;<br /> color: #666;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> border-right: 1px solid #333;<br /> }<br /> <br /> .loadout-navigation span:hover { color: #fff; background: #222; }<br /> <br /> /* The Content Area */<br /> .loadout-content {<br /> padding: 20px;<br /> min-height: 100px;<br /> }<br /> <br /> /* 4. MOBILE OVERRIDE (Stack everything) */<br /> @media (max-width: 991px) {<br /> .dossier-card {<br /> float: none;<br /> width: 100%;<br /> margin: 0 0 20px 0;<br /> }<br /> }</div> Sinvrh https://jadnix.xyz/w/index.php?title=Subject_20D-3.0:_Major_Callchen&diff=284 Subject 20D-3.0: Major Callchen 2026-02-13T22:16:40Z <p>Sinvrh: Created page with &quot;&lt;div class=&quot;faction-dealer&quot;&gt; {{Subject Dossier |id=A-3.0 |name=Klanchi Callchen |image=Callchen.png |scale=10000 |quote=If you grow up a little... I can work with you. |group=Citrine Association |race=Demihuman |gender=Female |age=Unknown |biometrics=5’8” in / 157 lbs |status=Alive |cr=2276 |str=883 |def=675 |spd=350 |acu=225 |sol=143 |summary=Klanchi is a Major in the Citrine Association... |mothers=Unknown |fathers=Unknown |siblings=Unknown |personality=TBD |appear...&quot;</p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> {{Subject Dossier<br /> |id=A-3.0<br /> |name=Klanchi Callchen<br /> |image=Callchen.png<br /> |scale=10000<br /> |quote=If you grow up a little... I can work with you.<br /> |group=Citrine Association<br /> |race=Demihuman<br /> |gender=Female<br /> |age=Unknown<br /> |biometrics=5’8” in / 157 lbs<br /> |status=Alive<br /> |cr=2276<br /> |str=883<br /> |def=675<br /> |spd=350<br /> |acu=225<br /> |sol=143<br /> |summary=Klanchi is a Major in the Citrine Association...<br /> |mothers=Unknown<br /> |fathers=Unknown<br /> |siblings=Unknown<br /> |personality=TBD<br /> |appearance_body=Klanchi is a modest woman with a toned, muscular body...<br /> |history=Klanchi was young when she was caught up in the war...<br /> |arts=<br /> * '''Art 1: Overly Nulled System''' (Non) - Beginner<br /> * '''Art 2: Shocking Palm''' (Fulgur) - Beginner<br /> * '''Tool 1: Golden Eel Blade'''<br /> }}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Subject_Dossier&diff=283 Template:Subject Dossier 2026-02-13T22:14:25Z <p>Sinvrh: Created page with &quot;&lt;noinclude&gt; Category:Templates This is the master template for Subjects. &lt;/noinclude&gt;&lt;includeonly&gt; {{#cargo_store:_table=Subjects |Name={{{name|{{PAGENAME}}}}} |CR={{{cr|0}}} |Class={{{class|}}} |STR={{{str|0}}} |DEF={{{def|0}}} |SPD={{{spd|0}}} |ACU={{{acu|0}}} |SOL={{{sol|0}}} |Description={{{summary|}}} |Faction={{{group|}}} }} &lt;div class=&quot;dossier-card&quot;&gt; &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt; &lt;div class=&quot;dossier-image&quot;&gt;File:{{{image|500x5...&quot;</p> <hr /> <div>&lt;noinclude&gt;<br /> [[Category:Templates]]<br /> This is the master template for Subjects.<br /> &lt;/noinclude&gt;&lt;includeonly&gt;<br /> {{#cargo_store:_table=Subjects<br /> |Name={{{name|{{PAGENAME}}}}}<br /> |CR={{{cr|0}}}<br /> |Class={{{class|}}}<br /> |STR={{{str|0}}}<br /> |DEF={{{def|0}}}<br /> |SPD={{{spd|0}}}<br /> |ACU={{{acu|0}}}<br /> |SOL={{{sol|0}}}<br /> |Description={{{summary|}}}<br /> |Faction={{{group|}}}<br /> }}<br /> <br /> &lt;div class=&quot;dossier-card&quot;&gt;<br /> &lt;div class=&quot;dossier-id&quot;&gt;ID: {{{id|UNKNOWN-00}}}&lt;/div&gt;<br /> &lt;div class=&quot;dossier-image&quot;&gt;[[File:{{{image|500x500.png}}}|350px]]&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Personnel Data&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;span class=&quot;dossier-label&quot;&gt;Group&lt;/span&gt;&lt;span class=&quot;dossier-value&quot;&gt;{{{group|N/A}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;span class=&quot;dossier-label&quot;&gt;Race&lt;/span&gt;&lt;span class=&quot;dossier-value&quot;&gt;{{{race|Unknown}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;span class=&quot;dossier-label&quot;&gt;Gender&lt;/span&gt;&lt;span class=&quot;dossier-value&quot;&gt;{{{gender|Unknown}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;span class=&quot;dossier-label&quot;&gt;Age&lt;/span&gt;&lt;span class=&quot;dossier-value&quot;&gt;{{{age|Unknown}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;span class=&quot;dossier-label&quot;&gt;Biometrics&lt;/span&gt;&lt;span class=&quot;dossier-value&quot;&gt;{{{biometrics|Unknown}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;dossier-info-row&quot;&gt;&lt;span class=&quot;dossier-label&quot;&gt;Status&lt;/span&gt;&lt;span class=&quot;dossier-value&quot;&gt;{{{status|Active}}}&lt;/span&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-section-title&quot;&gt;Core Rating Analysis&lt;/div&gt;<br /> &lt;div class=&quot;dossier-stats&quot;&gt;<br /> {{#vardefine:scale|{{{scale|10000}}}}}<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;STR&lt;/span&gt;&lt;span&gt;{{{str|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{str|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;DEF&lt;/span&gt;&lt;span&gt;{{{def|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{def|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SPD&lt;/span&gt;&lt;span&gt;{{{spd|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{spd|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;ACU&lt;/span&gt;&lt;span&gt;{{{acu|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{acu|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;dossier-stat-item&quot;&gt;<br /> &lt;div class=&quot;dossier-stat-label&quot;&gt;&lt;span&gt;SOL&lt;/span&gt;&lt;span&gt;{{{sol|0}}}&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{sol|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;text-align:center; color:var(--void-accent); font-weight:bold; margin-top:10px; font-size:1.1em;&quot;&gt;OVERALL CR: {{formatnum:{{{cr|0}}}}}&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;dossier-quote&quot;&gt;''&quot;{{{quote|...}}}&quot;''&lt;/div&gt;<br /> <br /> == Summary ==<br /> {{{summary|No overview recorded.}}}<br /> <br /> == Biological Ledger ==<br /> {| class=&quot;biological-ledger&quot;<br /> ! class=&quot;ledger-header&quot; colspan=&quot;2&quot; | LINEAGE RECORD<br /> |-<br /> | class=&quot;ledger-relation&quot; | MOTHERS || class=&quot;ledger-cell&quot; | {{{mothers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | FATHERS || class=&quot;ledger-cell&quot; | {{{fathers|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | SIBLINGS || class=&quot;ledger-cell&quot; | {{{siblings|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | PARTNERS || class=&quot;ledger-cell&quot; | {{{partners|Unknown}}}<br /> |-<br /> | class=&quot;ledger-relation&quot; | CHILDREN || class=&quot;ledger-cell&quot; | {{{children|Unknown}}}<br /> |}<br /> <br /> == Nature ==<br /> * '''Personality:''' {{{personality|TBD}}}<br /> * '''Mannerisms:''' {{{mannerisms|TBD}}}<br /> * '''Motivations:''' {{{motivations|TBD}}}<br /> <br /> == Appearance ==<br /> * '''Body:''' {{{appearance_body|TBD}}}<br /> * '''Attire:''' {{{appearance_attire|TBD}}}<br /> <br /> == History ==<br /> {{{history|TBD}}}<br /> <br /> == Spirita Analysis ==<br /> * '''Alignment:''' {{{alignment|TBD}}}<br /> * '''Summary:''' {{{spirita_summary|TBD}}}<br /> * '''Vehero / Apiro:''' {{{vehero_apiro|TBD}}}<br /> <br /> == Art Loadout ==<br /> &lt;div class=&quot;loadout-matrix&quot;&gt;<br /> &lt;div class=&quot;loadout-tabs&quot;&gt;<br /> &lt;div class=&quot;loadout-tab active&quot;&gt;Matrix Archive&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;padding:20px;&quot;&gt;<br /> {{{arts|No Arts Recorded.}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=282 MediaWiki:Common.css 2026-02-13T22:13:47Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }<br /> <br /> /* ============================================================<br /> SUBJECT DOSSIER: MASTER STYLES<br /> ============================================================ */<br /> <br /> /* 1. THE INFOBOX (SIDE CARD) */<br /> .dossier-card {<br /> float: right;<br /> width: 350px;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> border-top: 5px solid var(--void-accent);<br /> margin-left: 20px;<br /> margin-bottom: 20px;<br /> font-family: 'Consolas', monospace;<br /> box-shadow: 0 0 20px rgba(0,0,0,0.5);<br /> }<br /> <br /> .dossier-id {<br /> background: #1a1a24;<br /> color: #555;<br /> font-size: 0.75em;<br /> padding: 5px 10px;<br /> text-align: right;<br /> letter-spacing: 2px;<br /> }<br /> <br /> .dossier-image {<br /> width: 100%;<br /> border-bottom: 1px solid #333;<br /> line-height: 0;<br /> }<br /> <br /> .dossier-image img {<br /> width: 100%;<br /> height: auto;<br /> }<br /> <br /> .dossier-section-title {<br /> background: #1a1a24;<br /> color: var(--void-accent);<br /> padding: 5px 15px;<br /> font-size: 0.8em;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-top: 1px solid #333;<br /> border-bottom: 1px solid #333;<br /> }<br /> <br /> .dossier-info-row {<br /> display: flex;<br /> justify-content: space-between;<br /> padding: 6px 15px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #1a1a24;<br /> }<br /> <br /> .dossier-label { color: #888; font-weight: bold; }<br /> .dossier-value { color: #d1d1d1; text-align: right; }<br /> <br /> /* 2. DOSSIER STAT BARS */<br /> .dossier-stats { padding: 15px; background: #0a0a0f; }<br /> .dossier-stat-item { margin-bottom: 10px; }<br /> .dossier-stat-label { <br /> display: flex; <br /> justify-content: space-between; <br /> font-size: 0.7em; <br /> margin-bottom: 3px; <br /> color: #aaa;<br /> }<br /> <br /> /* 3. BIOLOGICAL LEDGER (FAMILY TABLE) */<br /> .biological-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> margin: 20px 0;<br /> border: 1px solid #333;<br /> }<br /> <br /> .ledger-header {<br /> background: #13131a;<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> padding: 10px;<br /> border-bottom: 2px solid var(--void-accent);<br /> }<br /> <br /> .ledger-row { border-bottom: 1px solid #222; }<br /> .ledger-row:nth-child(even) { background: #0f0f14; }<br /> .ledger-cell { padding: 8px 12px; font-size: 0.9em; }<br /> .ledger-relation { color: #888; width: 30%; font-weight: bold; }<br /> <br /> /* 4. ART LOADOUT MATRIX (TAB-STYLED) */<br /> .loadout-matrix {<br /> border: 1px solid #333;<br /> background: #0f0f14;<br /> margin-top: 20px;<br /> }<br /> <br /> .loadout-tabs {<br /> display: flex;<br /> background: #1a1a24;<br /> overflow-x: auto;<br /> }<br /> <br /> .loadout-tab {<br /> padding: 10px 20px;<br /> font-size: 0.75em;<br /> color: #666;<br /> border-right: 1px solid #333;<br /> cursor: pointer;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> white-space: nowrap;<br /> }<br /> <br /> .loadout-tab.active {<br /> background: var(--void-card);<br /> color: var(--void-accent);<br /> border-top: 2px solid var(--void-accent);<br /> }<br /> <br /> /* 5. MOBILE OVERRIDES */<br /> @media (max-width: 768px) {<br /> .dossier-card {<br /> float: none;<br /> width: 100%;<br /> margin-left: 0;<br /> }<br /> }</div> Sinvrh https://jadnix.xyz/w/index.php?title=CR_Registry&diff=281 CR Registry 2026-02-13T18:48:17Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div id=&quot;onyx-terminal&quot;&gt;<br /> &lt;div style=&quot;font-family: 'Consolas'; color: #DAA520; margin-bottom: 10px; font-size: 0.8em;&quot;&gt;<br /> &gt; ONYX CORE DETECTION SYSTEM V4.5&lt;br&gt;<br /> &gt; STATUS: CONNECTED TO COSMIC LEDGER<br /> &lt;/div&gt;<br /> <br /> &lt;!-- THE THRESHOLD LEGEND --&gt;<br /> &lt;div class=&quot;onyx-legend-bar&quot;&gt;<br /> &lt;div class=&quot;threshold-item&quot;&gt;&lt;span class=&quot;t-label&quot;&gt;MORTAL LIMIT:&lt;/span&gt; &lt;span class=&quot;t-value&quot;&gt;9,999&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;threshold-item&quot;&gt;&lt;span class=&quot;t-label&quot;&gt;IMMORTAL LIMIT:&lt;/span&gt; &lt;span class=&quot;t-value&quot;&gt;99,999&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;threshold-item&quot;&gt;&lt;span class=&quot;t-label&quot;&gt;CEASELESS LIMIT:&lt;/span&gt; &lt;span class=&quot;t-value&quot;&gt;999,999&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;input type=&quot;text&quot; id=&quot;onyx-scanner-input&quot; placeholder=&quot;SCAN BY NAME OR CORE RATING VALUE...&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> {| class=&quot;onyx-ledger&quot;<br /> ! style=&quot;width:20%&quot; | SUBJECT / ENTITY<br /> ! style=&quot;width:10%&quot; | CORE RATING<br /> ! style=&quot;width:30%&quot; | STATISTICAL ATTUNEMENT<br /> ! style=&quot;width:40%&quot; | ADDITIONAL INTEL<br /> {{#cargo_query:<br /> |table=Subjects<br /> |fields=Name, CR, Class=fclass, STR, DEF, SPD, ACU, SOL, Description<br /> |order by=CR DESC<br /> |format=template<br /> |template=Onyx Row<br /> }}<br /> |}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.js&diff=280 MediaWiki:Common.js 2026-02-13T18:35:05Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: CORE SCRIPTS (Themes + Calculator + Logos)<br /> ============================================================ */<br /> <br /> $(function() {<br /> /* --- PART A: LOGO &amp; THEME SYSTEM --- */<br /> <br /> // 1. DEFINE LOGOS<br /> const logos = {<br /> still: 'https://files.catbox.moe/0cmhjh.png',<br /> dealer: 'https://files.catbox.moe/73m0cp.png',<br /> skipper: 'https://files.catbox.moe/8gs8n5.png'<br /> };<br /> <br /> // 2. HELPER: FORCE LOGO SWAP<br /> function swapLogo(url) {<br /> $('#p-logo a').css('background-image', 'url(' + url + ')');<br /> }<br /> <br /> // 3. DETECT FACTION -&gt; APPLY CLASS &amp; LOGO<br /> if ($('.faction-dealer').length) {<br /> $('body').addClass('theme-dealer');<br /> swapLogo(logos.dealer);<br /> }<br /> else if ($('.faction-skipper').length) {<br /> $('body').addClass('theme-skipper');<br /> swapLogo(logos.skipper);<br /> }<br /> else if ($('.faction-still').length) {<br /> $('body').addClass('theme-still');<br /> }<br /> <br /> /* --- PART B: CRDD CALCULATOR LOGIC --- */<br /> <br /> // Only run if calculator is present<br /> if ($('#crdd-interface').length) {<br /> <br /> // Update number displays instantly<br /> $('.crdd-range').on('input', function() {<br /> $(this).next('.crdd-value-display').text($(this).val());<br /> });<br /> <br /> // The Calculation Function<br /> function updateCRDD() {<br /> let totalScore = 0;<br /> let activeMaxScore = 0;<br /> let criticalOverride = false;<br /> <br /> // SECTION 1: SUBJECT<br /> let subjSkip = $('#skip-subject').is(':checked');<br /> if (!subjSkip) {<br /> let s1 = parseInt($('#s-strength').val()) || 0;<br /> let s2 = parseInt($('#s-durability').val()) || 0;<br /> let s3 = parseInt($('#s-mobility').val()) || 0;<br /> let s4 = parseInt($('#s-intel').val()) || 0;<br /> let s5 = parseInt($('#s-stamina').val()) || 0;<br /> let s6 = parseInt($('#s-threat').val()) || 0;<br /> let s7 = parseInt($('#s-swarm').val()) || 0;<br /> <br /> // Critical Check<br /> if (s6 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (s1+s2+s3+s4+s5+s6+s7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;DOCILE&quot;;<br /> if (avg &gt; 8) rating = &quot;NEUTRAL&quot;;<br /> if (avg &gt; 16) rating = &quot;HOSTILE&quot;;<br /> if (avg &gt; 24) rating = &quot;VILE&quot;;<br /> $('#result-subject').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-subject').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 2: ITEM<br /> let itemSkip = $('#skip-item').is(':checked');<br /> if (!itemSkip) {<br /> let i1 = parseInt($('#i-entropy').val()) || 0;<br /> let i2 = parseInt($('#i-instability').val()) || 0;<br /> let i3 = parseInt($('#i-radiation').val()) || 0;<br /> let i4 = parseInt($('#i-corrupt').val()) || 0;<br /> let i5 = parseInt($('#i-volatility').val()) || 0;<br /> let i6 = parseInt($('#i-unport').val()) || 0;<br /> let i7 = parseInt($('#i-anomalous').val()) || 0;<br /> let i8 = parseInt($('#i-qty').val()) || 0;<br /> <br /> if (i7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (i1+i2+i3+i4+i5+i6+i7+i8) / 8;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;FUNCTIONAL&quot;;<br /> if (avg &gt; 8) rating = &quot;ALTERED&quot;;<br /> if (avg &gt; 16) rating = &quot;UNSTABLE&quot;;<br /> if (avg &gt; 24) rating = &quot;VOID&quot;;<br /> $('#result-item').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> } else {<br /> $('#result-item').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 3: SEAM<br /> let seamSkip = $('#skip-seam').is(':checked');<br /> if (!seamSkip) {<br /> let m1 = parseInt($('#m-instability').val()) || 0;<br /> let m2 = parseInt($('#m-leakage').val()) || 0;<br /> let m3 = parseInt($('#m-geo').val()) || 0;<br /> let m4 = parseInt($('#m-atmo').val()) || 0;<br /> let m5 = parseInt($('#m-topo').val()) || 0;<br /> let m6 = parseInt($('#m-dead').val()) || 0;<br /> let m7 = parseInt($('#m-laws').val()) || 0;<br /> <br /> // Critical Checks<br /> if (m3 &gt; 24 || m4 &gt; 24 || m6 &gt; 24 || m7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (m1+m2+m3+m4+m5+m6+m7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;ANCHORED&quot;;<br /> if (avg &gt; 8) rating = &quot;VOLATILE&quot;;<br /> if (avg &gt; 16) rating = &quot;FRACTURED&quot;;<br /> if (avg &gt; 24) rating = &quot;NULL&quot;;<br /> $('#result-seam').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-seam').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // FINAL RESULT LOGIC<br /> let finalBox = $('#crdd-final-output');<br /> let finalLabel = $('#crdd-final-label');<br /> <br /> if (activeMaxScore === 0) {<br /> finalBox.text(&quot;ERROR: NO DATA&quot;);<br /> finalBox.css('color', 'red');<br /> return;<br /> }<br /> <br /> let percent = (totalScore / activeMaxScore) * 100;<br /> <br /> // STATE 1: CRITICAL OVERRIDE (Specific stat &gt; 24)<br /> // Visual: Blinding White, Red Text, &quot;LEAVE NOW&quot;<br /> if (criticalOverride) {<br /> finalLabel.text(&quot;CRITICAL THREAT DETECTED&quot;);<br /> finalBox.text(&quot;NULL (&quot; + percent.toFixed(1) + &quot;% - LEAVE NOW)&quot;);<br /> finalBox.css({<br /> 'background-color': '#ffffff',<br /> 'color': '#000000',<br /> 'border-color': '#ff0000',<br /> 'text-shadow': '0 0 10px red',<br /> 'box-shadow': '0 0 30px rgba(255, 0, 0, 0.8)'<br /> });<br /> } <br /> // STATE 2: NORMAL CALCULATION (Including Organic Null)<br /> else {<br /> let finalRating = &quot;ANCHORED&quot;;<br /> let finalColor = &quot;#00ff9f&quot;; // Green<br /> let finalMsg = &quot;YOU ARE SAFE&quot;;<br /> let finalShadow = finalColor;<br /> let finalBg = &quot;transparent&quot;;<br /> let finalBoxShadow = &quot;none&quot;;<br /> <br /> if (percent &gt; 25) { <br /> finalRating = &quot;VOLATILE&quot;; <br /> finalColor = &quot;#ffd700&quot;; // Gold<br /> finalMsg = &quot;PROCEED WITH CAUTION&quot;; <br /> finalShadow = finalColor;<br /> }<br /> if (percent &gt; 50) { <br /> finalRating = &quot;FRACTURED&quot;; <br /> finalColor = &quot;#ff4500&quot;; // Orange-Red<br /> finalMsg = &quot;YOU ARE IN DANGER&quot;; <br /> finalShadow = finalColor;<br /> }<br /> <br /> // ORGANIC NULL (Math &gt; 75%, but no critical trigger)<br /> // Visual: Dead Grey, &quot;REALITY FAILURE&quot;<br /> if (percent &gt; 75) { <br /> finalRating = &quot;NULL&quot;; <br /> finalColor = &quot;#888888&quot;; // Grey<br /> finalMsg = &quot;REALITY FAILURE&quot;; <br /> finalShadow = &quot;#000000&quot;; // No Glow<br /> }<br /> <br /> finalLabel.text(finalMsg);<br /> finalBox.text(finalRating + &quot; (&quot; + percent.toFixed(1) + &quot;%)&quot;);<br /> <br /> finalBox.css({<br /> 'background-color': finalBg,<br /> 'color': finalColor,<br /> 'border-color': finalColor,<br /> 'text-shadow': '0 0 10px ' + finalShadow,<br /> 'box-shadow': finalBoxShadow<br /> });<br /> }<br /> }<br /> <br /> // Trigger update on any change<br /> $('.crdd-range, input[type=checkbox]').on('input change', updateCRDD);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> SPLASH SCREEN RANDOMIZER<br /> ============================================================ */<br /> $(function() {<br /> if ($('body').hasClass('page-Warning')) {<br /> const factions = [<br /> { name: 'still', class: 'splash-purple', status: 'RECOGNIZED', pact: 'THE QUIESCENT PACT', target: 'ALPHA-EARTH' },<br /> { name: 'dealer', class: 'splash-gold', status: 'PAID IN FULL', pact: 'HOUSE VOIDSEED TERMS', target: 'THE GILDED GATE' },<br /> { name: 'skipper', class: 'splash-blue', status: 'SECURED', pact: 'R&amp;R SAFETY PROTOCOLS', target: 'SUB-DIMENSION 00' }<br /> ];<br /> <br /> const roll = Math.floor(Math.random() * factions.length);<br /> const winner = factions[roll];<br /> <br /> $('body').addClass(winner.class);<br /> $('#splash-status').text(winner.status);<br /> $('#splash-pact').text(winner.pact);<br /> $('#splash-target').text(winner.target);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (FORUM ENGINE)<br /> ============================================================ */<br /> mw.loader.load('https://commons.wikimedia.org/w/index.php?title=User:Jack_who_built_the_house/convenientDiscussions.js&amp;action=raw&amp;ctype=text/javascript');<br /> <br /> // Optional Config: Force Dark Mode compatibility settings if available<br /> window.convenientDiscussions = window.convenientDiscussions || {};<br /> window.convenientDiscussions.config = {<br /> // This helps the script guess where the comment ends in custom skins<br /> defaultCommentLinkType: 'diff',<br /> };<br /> <br /> /* ============================================================<br /> FORCE VIEW MODE FOR TALK PAGES (STOP AUTO-EDIT)<br /> ============================================================ */<br /> $(function() {<br /> // Target the Discussion Tab link (ID usually #ca-talk)<br /> var talkTab = $('#ca-talk a');<br /> <br /> if (talkTab.length) {<br /> var href = talkTab.attr('href');<br /> <br /> // Check if the link forces an edit (Red Links usually do)<br /> if (href &amp;&amp; (href.indexOf('action=edit') !== -1)) {<br /> <br /> // 1. Remove the 'action=edit' and 'redlink=1' parameters<br /> // This converts &quot;/w/index.php?title=Talk:Home&amp;action=edit&quot; -&gt; &quot;/w/index.php?title=Talk:Home&quot;<br /> var cleanUrl = href.replace(/&amp;action=edit.*/, '').replace(/\?action=edit.*/, '?');<br /> <br /> // 2. Cleanup trailing question marks if regex was messy<br /> if (cleanUrl.endsWith('?')) {<br /> cleanUrl = cleanUrl.slice(0, -1);<br /> }<br /> <br /> // 3. Update the link<br /> talkTab.attr('href', cleanUrl);<br /> <br /> // 4. (Optional) Visual cue - remove the 'new' class so it doesn't look red<br /> // talkTab.removeClass('new'); <br /> }<br /> }<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: SMART SCANNER (NAME &amp; VALUE)<br /> ============================================================ */<br /> $(function() {<br /> $('#onyx-scanner-input').on('input', function() {<br /> var input = $(this).val().toLowerCase().trim();<br /> <br /> // 1. Reset state if empty<br /> if (input === &quot;&quot;) {<br /> $('.onyx-row').css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> return;<br /> }<br /> <br /> // 2. Check if the user is typing a Number or a Name<br /> var isNumeric = !isNaN(input) &amp;&amp; !isNaN(parseFloat(input));<br /> <br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var name = row.find('td:first-child').text().toLowerCase();<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> if (isNumeric) {<br /> // VALUE SEARCH: Highlight rows where CR is equal to or less than input<br /> var targetCR = parseInt(input);<br /> if (cr &lt;= targetCR) {<br /> row.css({'opacity': '1', 'background': 'rgba(218, 165, 32, 0.15)', 'display': 'table-row'});<br /> } else {<br /> row.css({'opacity': '0.2', 'background': 'transparent', 'display': 'table-row'});<br /> }<br /> } else {<br /> // NAME SEARCH: Filter list to match name string<br /> if (name.indexOf(input) !== -1) {<br /> row.css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});<br /> } else {<br /> row.css('display', 'none'); // Hide non-matching names<br /> }<br /> }<br /> });<br /> });<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: CLIENT-SIDE BAR RENDERING<br /> ============================================================ */<br /> $(function() {<br /> function renderOnyxBars() {<br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> // 1. Determine the Scale (Mortal/Immortal/Ceaseless)<br /> var scale = 10000;<br /> if (cr &gt;= 10000) scale = 100000;<br /> if (cr &gt;= 100000) scale = 1000000;<br /> <br /> // 2. Calculate and apply widths<br /> var stats = ['str', 'def', 'spd', 'acu', 'sol'];<br /> stats.forEach(function(stat) {<br /> var val = parseInt(row.attr('data-' + stat)) || 0;<br /> var percent = (val / scale) * 100;<br /> if (percent &gt; 100) percent = 100; // Cap at 100%<br /> <br /> row.find('.bar-' + stat).css('width', percent + '%');<br /> });<br /> });<br /> }<br /> <br /> // Run it immediately<br /> renderOnyxBars();<br /> <br /> // Safety: Run again if the scanner is used<br /> $('#onyx-scanner-input').on('input', function() {<br /> setTimeout(renderOnyxBars, 50); <br /> });<br /> });</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=279 MediaWiki:Common.css 2026-02-13T18:34:35Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: THRESHOLD LEGEND<br /> ============================================================ */<br /> .onyx-legend-bar {<br /> display: flex;<br /> justify-content: space-between;<br /> background: #0f0f14;<br /> border: 1px solid #333;<br /> padding: 8px 15px;<br /> margin-bottom: 10px;<br /> font-family: 'Consolas', monospace;<br /> font-size: 0.75em;<br /> }<br /> .threshold-item { color: #888; }<br /> .t-label { color: #555; font-weight: bold; }<br /> .t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }<br /> <br /> /* Mobile optimization for the legend */<br /> @media (max-width: 600px) {<br /> .onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }<br /> }</div> Sinvrh https://jadnix.xyz/w/index.php?title=CR_Registry&diff=278 CR Registry 2026-02-13T18:34:00Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div id=&quot;onyx-terminal&quot;&gt;<br /> &lt;div style=&quot;font-family: 'Consolas'; color: #DAA520; margin-bottom: 10px; font-size: 0.8em;&quot;&gt;<br /> &gt; ONYX CORE DETECTION SYSTEM V4.5&lt;br&gt;<br /> &gt; STATUS: CONNECTED TO COSMIC LEDGER<br /> &lt;/div&gt;<br /> <br /> &lt;!-- THE THRESHOLD LEGEND --&gt;<br /> &lt;div class=&quot;onyx-legend-bar&quot;&gt;<br /> &lt;div class=&quot;threshold-item&quot;&gt;&lt;span class=&quot;t-label&quot;&gt;MORTAL LIMIT:&lt;/span&gt; &lt;span class=&quot;t-value&quot;&gt;9,999&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;threshold-item&quot;&gt;&lt;span class=&quot;t-label&quot;&gt;IMMORTAL LIMIT:&lt;/span&gt; &lt;span class=&quot;t-value&quot;&gt;99,999&lt;/span&gt;&lt;/div&gt;<br /> &lt;div class=&quot;threshold-item&quot;&gt;&lt;span class=&quot;t-label&quot;&gt;CEASELESS LIMIT:&lt;/span&gt; &lt;span class=&quot;t-value&quot;&gt;999,999&lt;/span&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;input type=&quot;text&quot; id=&quot;onyx-scanner-input&quot; placeholder=&quot;SCAN BY NAME OR CORE RATING VALUE...&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> {| class=&quot;onyx-ledger&quot;<br /> ! style=&quot;width:20%&quot; | SUBJECT / ENTITY<br /> ! style=&quot;width:10%&quot; | CR<br /> ! style=&quot;width:30%&quot; | STATISTICAL ATTUNEMENT<br /> ! style=&quot;width:40%&quot; | ADDITIONAL INTEL<br /> {{#cargo_query:<br /> |table=Subjects<br /> |fields=Name, CR, Class=fclass, STR, DEF, SPD, ACU, SOL, Description<br /> |order by=CR DESC<br /> |format=template<br /> |template=Onyx Row<br /> }}<br /> |}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Onyx_Row&diff=277 Template:Onyx Row 2026-02-13T18:24:08Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;Formatter for Onyx Registry. Do not use directly.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> |- class=&quot;onyx-row row-class-{{{3|}}}&quot; data-cr=&quot;{{{2|0}}}&quot; data-str=&quot;{{{4|0}}}&quot; data-def=&quot;{{{5|0}}}&quot; data-spd=&quot;{{{6|0}}}&quot; data-acu=&quot;{{{7|0}}}&quot; data-sol=&quot;{{{8|0}}}&quot;<br /> | style=&quot;font-weight:bold; color:var(--void-accent);&quot; | [[{{{1|}}}]]<br /> | style=&quot;text-align:center;&quot; | {{formatnum:{{{2|0}}}}}<br /> | <br /> &lt;div class=&quot;stat-container&quot;&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;STR&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-str&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;DEF&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-def&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SPD&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-spd&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;ACU&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-acu&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SOL&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-sol&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> | style=&quot;font-size:0.85em; color:#888;&quot; | {{{9|}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Onyx_Row&diff=276 Template:Onyx Row 2026-02-13T18:23:52Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;Formatter for Onyx Registry. Do not use directly.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> |- class=&quot;onyx-row row-class-{{{fclass|}}}&quot; data-cr=&quot;{{{CR|0}}}&quot;<br /> | style=&quot;font-weight:bold; color:var(--void-accent);&quot; | [[{{{Name|}}}]]<br /> | style=&quot;text-align:center;&quot; | {{formatnum:{{{CR|0}}}}}<br /> | <br /> &lt;!-- MATH ENGINE: Uses Variables Extension to set the 10k/100k/1M scale --&gt;<br /> {{#vardefine:scale | {{#expr: 10000 * (1 + ({{{CR|0}}} &gt;= 10000) * 9 + ({{{CR|0}}} &gt;= 100000) * 90) }} }}<br /> &lt;div class=&quot;stat-container&quot;&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;STR&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{STR|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;DEF&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{DEF|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SPD&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{SPD|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;ACU&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{ACU|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SOL&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ({{{SOL|0}}} / {{#var:scale}}) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> | style=&quot;font-size:0.85em; color:#888;&quot; | {{{Description|}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=CR_Registry&diff=275 CR Registry 2026-02-13T18:23:06Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div id=&quot;onyx-terminal&quot;&gt;<br /> &lt;div style=&quot;font-family: 'Consolas'; color: #DAA520; margin-bottom: 10px; font-size: 0.8em;&quot;&gt;<br /> &gt; ONYX CORE DETECTION SYSTEM V4.5&lt;br&gt;<br /> &gt; STATUS: CONNECTED TO COSMIC LEDGER<br /> &lt;/div&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;onyx-scanner-input&quot; placeholder=&quot;ENTER CORE RATING TO LOCATE TIER...&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> {| class=&quot;onyx-ledger&quot;<br /> ! style=&quot;width:20%&quot; | SUBJECT / ENTITY<br /> ! style=&quot;width:10%&quot; | CR<br /> ! style=&quot;width:30%&quot; | STATISTICAL ATTUNEMENT<br /> ! style=&quot;width:40%&quot; | ADDITIONAL INTEL<br /> {{#cargo_query:<br /> |table=Subjects<br /> |fields=Name, CR, Class=fclass, STR, DEF, SPD, ACU, SOL, Description<br /> |order by=CR DESC<br /> |format=template<br /> |template=Onyx Row<br /> }}<br /> |}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.js&diff=274 MediaWiki:Common.js 2026-02-13T18:19:48Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: CORE SCRIPTS (Themes + Calculator + Logos)<br /> ============================================================ */<br /> <br /> $(function() {<br /> /* --- PART A: LOGO &amp; THEME SYSTEM --- */<br /> <br /> // 1. DEFINE LOGOS<br /> const logos = {<br /> still: 'https://files.catbox.moe/0cmhjh.png',<br /> dealer: 'https://files.catbox.moe/73m0cp.png',<br /> skipper: 'https://files.catbox.moe/8gs8n5.png'<br /> };<br /> <br /> // 2. HELPER: FORCE LOGO SWAP<br /> function swapLogo(url) {<br /> $('#p-logo a').css('background-image', 'url(' + url + ')');<br /> }<br /> <br /> // 3. DETECT FACTION -&gt; APPLY CLASS &amp; LOGO<br /> if ($('.faction-dealer').length) {<br /> $('body').addClass('theme-dealer');<br /> swapLogo(logos.dealer);<br /> }<br /> else if ($('.faction-skipper').length) {<br /> $('body').addClass('theme-skipper');<br /> swapLogo(logos.skipper);<br /> }<br /> else if ($('.faction-still').length) {<br /> $('body').addClass('theme-still');<br /> }<br /> <br /> /* --- PART B: CRDD CALCULATOR LOGIC --- */<br /> <br /> // Only run if calculator is present<br /> if ($('#crdd-interface').length) {<br /> <br /> // Update number displays instantly<br /> $('.crdd-range').on('input', function() {<br /> $(this).next('.crdd-value-display').text($(this).val());<br /> });<br /> <br /> // The Calculation Function<br /> function updateCRDD() {<br /> let totalScore = 0;<br /> let activeMaxScore = 0;<br /> let criticalOverride = false;<br /> <br /> // SECTION 1: SUBJECT<br /> let subjSkip = $('#skip-subject').is(':checked');<br /> if (!subjSkip) {<br /> let s1 = parseInt($('#s-strength').val()) || 0;<br /> let s2 = parseInt($('#s-durability').val()) || 0;<br /> let s3 = parseInt($('#s-mobility').val()) || 0;<br /> let s4 = parseInt($('#s-intel').val()) || 0;<br /> let s5 = parseInt($('#s-stamina').val()) || 0;<br /> let s6 = parseInt($('#s-threat').val()) || 0;<br /> let s7 = parseInt($('#s-swarm').val()) || 0;<br /> <br /> // Critical Check<br /> if (s6 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (s1+s2+s3+s4+s5+s6+s7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;DOCILE&quot;;<br /> if (avg &gt; 8) rating = &quot;NEUTRAL&quot;;<br /> if (avg &gt; 16) rating = &quot;HOSTILE&quot;;<br /> if (avg &gt; 24) rating = &quot;VILE&quot;;<br /> $('#result-subject').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-subject').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 2: ITEM<br /> let itemSkip = $('#skip-item').is(':checked');<br /> if (!itemSkip) {<br /> let i1 = parseInt($('#i-entropy').val()) || 0;<br /> let i2 = parseInt($('#i-instability').val()) || 0;<br /> let i3 = parseInt($('#i-radiation').val()) || 0;<br /> let i4 = parseInt($('#i-corrupt').val()) || 0;<br /> let i5 = parseInt($('#i-volatility').val()) || 0;<br /> let i6 = parseInt($('#i-unport').val()) || 0;<br /> let i7 = parseInt($('#i-anomalous').val()) || 0;<br /> let i8 = parseInt($('#i-qty').val()) || 0;<br /> <br /> if (i7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (i1+i2+i3+i4+i5+i6+i7+i8) / 8;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;FUNCTIONAL&quot;;<br /> if (avg &gt; 8) rating = &quot;ALTERED&quot;;<br /> if (avg &gt; 16) rating = &quot;UNSTABLE&quot;;<br /> if (avg &gt; 24) rating = &quot;VOID&quot;;<br /> $('#result-item').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> } else {<br /> $('#result-item').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // SECTION 3: SEAM<br /> let seamSkip = $('#skip-seam').is(':checked');<br /> if (!seamSkip) {<br /> let m1 = parseInt($('#m-instability').val()) || 0;<br /> let m2 = parseInt($('#m-leakage').val()) || 0;<br /> let m3 = parseInt($('#m-geo').val()) || 0;<br /> let m4 = parseInt($('#m-atmo').val()) || 0;<br /> let m5 = parseInt($('#m-topo').val()) || 0;<br /> let m6 = parseInt($('#m-dead').val()) || 0;<br /> let m7 = parseInt($('#m-laws').val()) || 0;<br /> <br /> // Critical Checks<br /> if (m3 &gt; 24 || m4 &gt; 24 || m6 &gt; 24 || m7 &gt; 24) criticalOverride = true;<br /> <br /> let avg = (m1+m2+m3+m4+m5+m6+m7) / 7;<br /> totalScore += avg;<br /> activeMaxScore += 33;<br /> <br /> let rating = &quot;ANCHORED&quot;;<br /> if (avg &gt; 8) rating = &quot;VOLATILE&quot;;<br /> if (avg &gt; 16) rating = &quot;FRACTURED&quot;;<br /> if (avg &gt; 24) rating = &quot;NULL&quot;;<br /> $('#result-seam').text(avg.toFixed(1) + &quot; (&quot; + rating + &quot;)&quot;);<br /> <br /> } else {<br /> $('#result-seam').text(&quot;SKIPPED&quot;);<br /> }<br /> <br /> // FINAL RESULT LOGIC<br /> let finalBox = $('#crdd-final-output');<br /> let finalLabel = $('#crdd-final-label');<br /> <br /> if (activeMaxScore === 0) {<br /> finalBox.text(&quot;ERROR: NO DATA&quot;);<br /> finalBox.css('color', 'red');<br /> return;<br /> }<br /> <br /> let percent = (totalScore / activeMaxScore) * 100;<br /> <br /> // STATE 1: CRITICAL OVERRIDE (Specific stat &gt; 24)<br /> // Visual: Blinding White, Red Text, &quot;LEAVE NOW&quot;<br /> if (criticalOverride) {<br /> finalLabel.text(&quot;CRITICAL THREAT DETECTED&quot;);<br /> finalBox.text(&quot;NULL (&quot; + percent.toFixed(1) + &quot;% - LEAVE NOW)&quot;);<br /> finalBox.css({<br /> 'background-color': '#ffffff',<br /> 'color': '#000000',<br /> 'border-color': '#ff0000',<br /> 'text-shadow': '0 0 10px red',<br /> 'box-shadow': '0 0 30px rgba(255, 0, 0, 0.8)'<br /> });<br /> } <br /> // STATE 2: NORMAL CALCULATION (Including Organic Null)<br /> else {<br /> let finalRating = &quot;ANCHORED&quot;;<br /> let finalColor = &quot;#00ff9f&quot;; // Green<br /> let finalMsg = &quot;YOU ARE SAFE&quot;;<br /> let finalShadow = finalColor;<br /> let finalBg = &quot;transparent&quot;;<br /> let finalBoxShadow = &quot;none&quot;;<br /> <br /> if (percent &gt; 25) { <br /> finalRating = &quot;VOLATILE&quot;; <br /> finalColor = &quot;#ffd700&quot;; // Gold<br /> finalMsg = &quot;PROCEED WITH CAUTION&quot;; <br /> finalShadow = finalColor;<br /> }<br /> if (percent &gt; 50) { <br /> finalRating = &quot;FRACTURED&quot;; <br /> finalColor = &quot;#ff4500&quot;; // Orange-Red<br /> finalMsg = &quot;YOU ARE IN DANGER&quot;; <br /> finalShadow = finalColor;<br /> }<br /> <br /> // ORGANIC NULL (Math &gt; 75%, but no critical trigger)<br /> // Visual: Dead Grey, &quot;REALITY FAILURE&quot;<br /> if (percent &gt; 75) { <br /> finalRating = &quot;NULL&quot;; <br /> finalColor = &quot;#888888&quot;; // Grey<br /> finalMsg = &quot;REALITY FAILURE&quot;; <br /> finalShadow = &quot;#000000&quot;; // No Glow<br /> }<br /> <br /> finalLabel.text(finalMsg);<br /> finalBox.text(finalRating + &quot; (&quot; + percent.toFixed(1) + &quot;%)&quot;);<br /> <br /> finalBox.css({<br /> 'background-color': finalBg,<br /> 'color': finalColor,<br /> 'border-color': finalColor,<br /> 'text-shadow': '0 0 10px ' + finalShadow,<br /> 'box-shadow': finalBoxShadow<br /> });<br /> }<br /> }<br /> <br /> // Trigger update on any change<br /> $('.crdd-range, input[type=checkbox]').on('input change', updateCRDD);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> SPLASH SCREEN RANDOMIZER<br /> ============================================================ */<br /> $(function() {<br /> if ($('body').hasClass('page-Warning')) {<br /> const factions = [<br /> { name: 'still', class: 'splash-purple', status: 'RECOGNIZED', pact: 'THE QUIESCENT PACT', target: 'ALPHA-EARTH' },<br /> { name: 'dealer', class: 'splash-gold', status: 'PAID IN FULL', pact: 'HOUSE VOIDSEED TERMS', target: 'THE GILDED GATE' },<br /> { name: 'skipper', class: 'splash-blue', status: 'SECURED', pact: 'R&amp;R SAFETY PROTOCOLS', target: 'SUB-DIMENSION 00' }<br /> ];<br /> <br /> const roll = Math.floor(Math.random() * factions.length);<br /> const winner = factions[roll];<br /> <br /> $('body').addClass(winner.class);<br /> $('#splash-status').text(winner.status);<br /> $('#splash-pact').text(winner.pact);<br /> $('#splash-target').text(winner.target);<br /> }<br /> });<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (FORUM ENGINE)<br /> ============================================================ */<br /> mw.loader.load('https://commons.wikimedia.org/w/index.php?title=User:Jack_who_built_the_house/convenientDiscussions.js&amp;action=raw&amp;ctype=text/javascript');<br /> <br /> // Optional Config: Force Dark Mode compatibility settings if available<br /> window.convenientDiscussions = window.convenientDiscussions || {};<br /> window.convenientDiscussions.config = {<br /> // This helps the script guess where the comment ends in custom skins<br /> defaultCommentLinkType: 'diff',<br /> };<br /> <br /> /* ============================================================<br /> FORCE VIEW MODE FOR TALK PAGES (STOP AUTO-EDIT)<br /> ============================================================ */<br /> $(function() {<br /> // Target the Discussion Tab link (ID usually #ca-talk)<br /> var talkTab = $('#ca-talk a');<br /> <br /> if (talkTab.length) {<br /> var href = talkTab.attr('href');<br /> <br /> // Check if the link forces an edit (Red Links usually do)<br /> if (href &amp;&amp; (href.indexOf('action=edit') !== -1)) {<br /> <br /> // 1. Remove the 'action=edit' and 'redlink=1' parameters<br /> // This converts &quot;/w/index.php?title=Talk:Home&amp;action=edit&quot; -&gt; &quot;/w/index.php?title=Talk:Home&quot;<br /> var cleanUrl = href.replace(/&amp;action=edit.*/, '').replace(/\?action=edit.*/, '?');<br /> <br /> // 2. Cleanup trailing question marks if regex was messy<br /> if (cleanUrl.endsWith('?')) {<br /> cleanUrl = cleanUrl.slice(0, -1);<br /> }<br /> <br /> // 3. Update the link<br /> talkTab.attr('href', cleanUrl);<br /> <br /> // 4. (Optional) Visual cue - remove the 'new' class so it doesn't look red<br /> // talkTab.removeClass('new'); <br /> }<br /> }<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY INTERACTION<br /> ============================================================ */<br /> $(function() {<br /> $('#onyx-scanner-input').on('input', function() {<br /> var inputVal = parseInt($(this).val());<br /> if (isNaN(inputVal)) {<br /> $('.onyx-row').css('opacity', '1').css('background', 'transparent');<br /> return;<br /> }<br /> <br /> $('.onyx-row').each(function() {<br /> var rowCR = parseInt($(this).data('cr'));<br /> // If the row matches the tier the user is typing<br /> if (rowCR &lt;= inputVal) {<br /> $(this).css('background', 'rgba(218, 165, 32, 0.2)'); // Highlight Gold<br /> $(this).css('opacity', '1');<br /> } else {<br /> $(this).css('opacity', '0.3');<br /> $(this).css('background', 'transparent');<br /> }<br /> });<br /> });<br /> });<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: CLIENT-SIDE BAR RENDERING<br /> ============================================================ */<br /> $(function() {<br /> function renderOnyxBars() {<br /> $('.onyx-row').each(function() {<br /> var row = $(this);<br /> var cr = parseInt(row.attr('data-cr')) || 0;<br /> <br /> // 1. Determine the Scale (Mortal/Immortal/Ceaseless)<br /> var scale = 10000;<br /> if (cr &gt;= 10000) scale = 100000;<br /> if (cr &gt;= 100000) scale = 1000000;<br /> <br /> // 2. Calculate and apply widths<br /> var stats = ['str', 'def', 'spd', 'acu', 'sol'];<br /> stats.forEach(function(stat) {<br /> var val = parseInt(row.attr('data-' + stat)) || 0;<br /> var percent = (val / scale) * 100;<br /> if (percent &gt; 100) percent = 100; // Cap at 100%<br /> <br /> row.find('.bar-' + stat).css('width', percent + '%');<br /> });<br /> });<br /> }<br /> <br /> // Run it immediately<br /> renderOnyxBars();<br /> <br /> // Safety: Run again if the scanner is used<br /> $('#onyx-scanner-input').on('input', function() {<br /> setTimeout(renderOnyxBars, 50); <br /> });<br /> });</div> Sinvrh https://jadnix.xyz/w/index.php?title=CR_Registry&diff=273 CR Registry 2026-02-13T18:19:25Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div id=&quot;onyx-terminal&quot;&gt;<br /> &lt;div style=&quot;font-family: 'Consolas'; color: #DAA520; margin-bottom: 10px; font-size: 0.8em;&quot;&gt;<br /> &gt; ONYX CORE DETECTION SYSTEM V4.5&lt;br&gt;<br /> &gt; STATUS: CONNECTED TO COSMIC LEDGER<br /> &lt;/div&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;onyx-scanner-input&quot; placeholder=&quot;ENTER CORE RATING TO LOCATE TIER...&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> {| class=&quot;onyx-ledger&quot;<br /> ! style=&quot;width:20%&quot; | SUBJECT / ENTITY<br /> ! style=&quot;width:10%&quot; | CR<br /> ! style=&quot;width:30%&quot; | STATISTICAL ATTUNEMENT<br /> ! style=&quot;width:40%&quot; | ADDITIONAL INTEL<br /> {{#cargo_query:<br /> |table=Subjects<br /> |fields=Name=1, CR=2, Class=3, STR=4, DEF=5, SPD=6, ACU=7, SOL=8, Description=9<br /> |order by=CR DESC<br /> |format=template<br /> |template=Onyx Row<br /> }}<br /> |}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Onyx_Row&diff=272 Template:Onyx Row 2026-02-13T18:19:10Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;Formatter for Onyx Registry. Do not use directly.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> |- class=&quot;onyx-row row-class-{{{3|}}}&quot; data-cr=&quot;{{{2|0}}}&quot; data-str=&quot;{{{4|0}}}&quot; data-def=&quot;{{{5|0}}}&quot; data-spd=&quot;{{{6|0}}}&quot; data-acu=&quot;{{{7|0}}}&quot; data-sol=&quot;{{{8|0}}}&quot;<br /> | style=&quot;font-weight:bold; color:var(--void-accent);&quot; | [[{{{1|}}}]]<br /> | style=&quot;text-align:center;&quot; | {{formatnum:{{{2|0}}}}}<br /> | <br /> &lt;div class=&quot;stat-container&quot;&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;STR&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-str&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;DEF&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-def&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SPD&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-spd&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;ACU&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-acu&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SOL&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill bar-sol&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> | style=&quot;font-size:0.85em; color:#888;&quot; | {{{9|}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Onyx_Row&diff=271 Template:Onyx Row 2026-02-13T18:17:14Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;Formatter for Onyx Registry. Do not use directly.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> |- class=&quot;onyx-row row-class-{{{3|}}}&quot; data-cr=&quot;{{{2|0}}}&quot;<br /> | style=&quot;font-weight:bold; color:var(--void-accent);&quot; | [[{{{1|}}}]]<br /> | style=&quot;text-align:center;&quot; | {{formatnum:{{{2|0}}}}}<br /> | <br /> &lt;div class=&quot;stat-container&quot;&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;STR&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{4|0}}} / {{{10|100000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;DEF&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{5|0}}} / {{{10|100000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;SPD&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{6|0}}} / {{{10|100000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;ACU&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{7|0}}} / {{{10|100000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;SOL&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width: calc(({{{8|0}}} / {{{10|100000}}}) * 100%);&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> | style=&quot;font-size:0.85em; color:#888;&quot; | {{{9|}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=CR_Registry&diff=270 CR Registry 2026-02-13T18:16:52Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div id=&quot;onyx-terminal&quot;&gt;<br /> &lt;div style=&quot;font-family: 'Consolas'; color: #DAA520; margin-bottom: 10px; font-size: 0.8em;&quot;&gt;<br /> &gt; ONYX CORE DETECTION SYSTEM V4.5&lt;br&gt;<br /> &gt; STATUS: CONNECTED TO COSMIC LEDGER<br /> &lt;/div&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;onyx-scanner-input&quot; placeholder=&quot;ENTER CORE RATING TO LOCATE TIER...&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> {| class=&quot;onyx-ledger&quot;<br /> ! style=&quot;width:20%&quot; | SUBJECT / ENTITY<br /> ! style=&quot;width:10%&quot; | CR<br /> ! style=&quot;width:30%&quot; | STATISTICAL ATTUNEMENT<br /> ! style=&quot;width:40%&quot; | ADDITIONAL INTEL<br /> {{#cargo_query:<br /> |table=Subjects<br /> |fields=Name=1, CR=2, Class=3, STR=4, DEF=5, SPD=6, ACU=7, SOL=8, Description=9, (CASE WHEN CR &lt; 10000 THEN 10000 WHEN CR &lt; 100000 THEN 100000 ELSE 1000000 END)=10<br /> |order by=CR DESC<br /> |format=template<br /> |template=Onyx Row<br /> }}<br /> |}<br /> &lt;/div&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=MediaWiki:Common.css&diff=269 MediaWiki:Common.css 2026-02-13T18:16:34Z <p>Sinvrh: </p> <hr /> <div>/* ============================================================<br /> JADNIX CODEX: MEDIK VOID (FINAL MASTER)<br /> ============================================================ */<br /> <br /> /* 1. ROOT VARIABLES */<br /> :root {<br /> --void-accent: #a020f0; <br /> --void-bg: #0a0a0f;<br /> --void-card: #13131a;<br /> --void-text: #d1d1d1;<br /> --void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */<br /> }<br /> <br /> /* 2. NUCLEAR BACKGROUND FIX */<br /> html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {<br /> background-color: var(--void-bg) !important;<br /> background-image: none !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* SCANLINES */<br /> body::before {<br /> content: &quot; &quot;;<br /> position: fixed;<br /> top: 0; left: 0; width: 100%; height: 100%;<br /> background: repeating-linear-gradient(<br /> 0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, <br /> transparent 1px, transparent 2px<br /> );<br /> z-index: 9999;<br /> pointer-events: none; <br /> }<br /> <br /> /* 3. HEADER LAYOUT */<br /> .navbar-collapse { display: flex !important; flex-basis: auto !important; }<br /> .navbar-nav { flex-direction: row !important; align-items: center; }<br /> .nav-item { margin-right: 15px !important; margin-left: 15px !important; }<br /> <br /> /* Header Text */<br /> .navbar-nav .nav-link, .dropdown-toggle {<br /> color: var(--void-text) !important;<br /> font-family: 'Consolas', monospace;<br /> font-size: 1.1em;<br /> padding-bottom: 5px;<br /> }<br /> .navbar-nav .nav-link:hover, .dropdown-toggle:hover {<br /> color: #ffffff !important;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> .nav-item.active .nav-link {<br /> font-weight: bold;<br /> color: #fff !important;<br /> border-bottom: 3px solid var(--void-accent);<br /> }<br /> <br /> /* 4. CONTENT CARD */<br /> #content, .mw-body {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid #333 !important;<br /> border-left: 5px solid var(--void-accent) !important;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;<br /> margin-top: 20px !important;<br /> padding: 30px !important;<br /> color: var(--void-text) !important;<br /> }<br /> .col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }<br /> <br /> /* 5. SIDEBAR NAVIGATION FIX */<br /> #mw-navigation .nav-link:hover,<br /> .sidebar .nav-link:hover {<br /> background-color: var(--void-hover) !important; <br /> color: #fff !important;<br /> padding-left: 20px !important;<br /> opacity: 1 !important; <br /> }<br /> <br /> /* 6. GLOBAL TYPOGRAPHY */<br /> h1, h2, h3, h4, h5, h6 { <br /> color: #fff !important; <br /> font-family: 'Consolas', monospace; <br /> border-bottom: 1px solid #333; <br /> }<br /> a { <br /> color: var(--void-accent); <br /> transition: 0.2s; <br /> }<br /> a:hover { <br /> color: #fff; <br /> text-shadow: 0 0 5px var(--void-accent); <br /> text-decoration: none; <br /> }<br /> <br /> /* 7. DROPDOWNS */<br /> .dropdown-menu { <br /> background-color: var(--void-card) !important; <br /> border: 1px solid var(--void-accent) !important; <br /> }<br /> .dropdown-item { color: var(--void-text) !important; }<br /> .dropdown-item:hover { <br /> background-color: var(--void-accent) !important; <br /> color: #fff !important; <br /> }<br /> <br /> /* ============================================================<br /> FACTION THEMES<br /> ============================================================ */<br /> <br /> /* DEALERS (Gold) */<br /> body.theme-dealer { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important; <br /> --font-family-system: 'Georgia', serif; <br /> }<br /> body.theme-dealer h1, body.theme-dealer h2 {<br /> font-family: 'Georgia', serif; <br /> color: #DAA520 !important;<br /> }<br /> <br /> /* SKIPPERS (Blue) */<br /> body.theme-skipper { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> --font-family-system: 'Consolas', monospace; <br /> }<br /> body.theme-skipper h1, body.theme-skipper h2 {<br /> color: #21b0cd !important;<br /> }<br /> <br /> /* STILL (Purple) */<br /> body.theme-still { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> CRDD CALCULATOR<br /> ============================================================ */<br /> #crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }<br /> .crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }<br /> .crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }<br /> .crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }<br /> .crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<br /> .crdd-input-group label { flex: 1; font-size: 0.9em; }<br /> .crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }<br /> .crdd-value-display { width: 30px; text-align: right; font-weight: bold; }<br /> .crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }<br /> #crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }<br /> .crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }<br /> @media only screen and (max-width: 768px) {<br /> .crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }<br /> .crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }<br /> .crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }<br /> .crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }<br /> #crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }<br /> }<br /> <br /> /* ============================================================<br /> SPLASH SCREEN (FULLSCREEN OVERRIDE &amp; VARIABLES)<br /> ============================================================ */<br /> <br /> /* 1. HIDE ALL INTERFACE ELEMENTS */<br /> body.page-Warning #mw-navigation, /* The Sidebar */<br /> body.page-Warning #mw-navbar, /* The Header */<br /> body.page-Warning .navbar, /* Bootstrap Header */<br /> body.page-Warning .mw-footer, /* The Footer */<br /> body.page-Warning .sidebar, /* Legacy Sidebar */<br /> body.page-Warning aside, /* Edit Tools */<br /> body.page-Warning #catlinks { /* Categories */<br /> display: none !important;<br /> }<br /> <br /> /* 2. REMOVE PADDING/MARGINS FROM BODY */<br /> body.page-Warning #content,<br /> body.page-Warning .mw-body {<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> border: none !important; /* Remove the Purple Left Border */<br /> box-shadow: none !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* 3. THE FULLSCREEN CONTAINER */<br /> body.page-Warning .splash-container {<br /> position: fixed !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 100vw !important;<br /> height: 100vh !important;<br /> background-color: var(--void-bg) !important;<br /> z-index: 2147483647 !important; /* Maximum Integer Value */<br /> display: flex !important;<br /> flex-direction: column;<br /> justify-content: center;<br /> align-items: center;<br /> margin: 0 !important;<br /> padding: 20px !important;<br /> box-sizing: border-box !important;<br /> }<br /> <br /> /* 4. INNER BOX STYLING */<br /> .splash-inner-wrapper {<br /> width: 100%;<br /> max-width: 500px;<br /> border: 1px solid #333;<br /> border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */<br /> background: var(--void-card);<br /> padding: 30px;<br /> box-shadow: 0 0 30px rgba(0,0,0,0.8);<br /> text-align: center;<br /> }<br /> <br /> /* 5. TEXT &amp; BUTTONS */<br /> .splash-title {<br /> font-family: 'Consolas', monospace;<br /> font-size: 2em;<br /> color: #fff;<br /> margin-bottom: 5px;<br /> text-shadow: 0 0 10px var(--void-accent);<br /> }<br /> .splash-subtitle {<br /> color: var(--void-accent);<br /> font-size: 0.8em;<br /> letter-spacing: 2px;<br /> margin-bottom: 30px;<br /> text-transform: uppercase;<br /> }<br /> .splash-btn {<br /> display: inline-block;<br /> border: 1px solid var(--void-accent);<br /> padding: 12px 24px;<br /> color: #fff !important;<br /> text-decoration: none;<br /> font-family: 'Consolas', monospace;<br /> margin: 20px 0;<br /> transition: all 0.3s;<br /> }<br /> .splash-btn:hover {<br /> background: var(--void-accent);<br /> color: #000 !important;<br /> box-shadow: 0 0 15px var(--void-accent);<br /> }<br /> <br /> /* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */<br /> body.splash-gold { <br /> --void-accent: #DAA520 !important; <br /> --void-hover: rgba(218, 165, 32, 0.4) !important;<br /> }<br /> body.splash-blue { <br /> --void-accent: #21b0cd !important; <br /> --void-hover: rgba(33, 176, 205, 0.4) !important;<br /> }<br /> body.splash-purple { <br /> --void-accent: #a020f0 !important; <br /> --void-hover: rgba(160, 32, 240, 0.4) !important;<br /> }<br /> <br /> /* ============================================================<br /> HOME PAGE NAVIGATION<br /> ============================================================ */<br /> .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }<br /> .nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }<br /> .nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }<br /> .nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }<br /> .nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }<br /> .nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }<br /> .nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }<br /> .nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }<br /> .nav-card:hover .nav-title { color: var(--void-accent); background: #000; }<br /> <br /> /* ============================================================<br /> PERSONNEL FILE<br /> ============================================================ */<br /> .personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }<br /> .id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }<br /> .id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }<br /> .id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }<br /> .void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }<br /> .id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }<br /> .id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }<br /> .id-details li { margin-bottom: 5px; }<br /> .id-details strong { color: var(--void-accent); margin-right: 5px; }<br /> @media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }<br /> <br /> /* ============================================================<br /> CONVENIENT DISCUSSIONS (VOID THEME PATCH)<br /> ============================================================ */<br /> <br /> /* 1. Comment Layers &amp; Backgrounds */<br /> .cd-comment-part, <br /> .cd-comment-part-first, <br /> .cd-comment-part-last {<br /> background-color: transparent !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 2. The &quot;Reply&quot; Button */<br /> .cd-replyButton {<br /> font-family: 'Consolas', monospace;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> font-size: 0.8em;<br /> color: var(--void-accent) !important;<br /> opacity: 0.7;<br /> }<br /> .cd-replyButton:hover {<br /> opacity: 1;<br /> text-shadow: 0 0 5px var(--void-accent);<br /> }<br /> <br /> /* 3. The Reply Form (Text Area) */<br /> .cd-commentForm-panel {<br /> background-color: var(--void-card) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> padding: 15px;<br /> }<br /> <br /> .cd-commentForm-textarea {<br /> background-color: #050505 !important;<br /> color: #00ff9f !important; /* Terminal Green Typing */<br /> border: 1px solid #333 !important;<br /> font-family: 'Consolas', monospace !important;<br /> }<br /> <br /> /* 4. Form Buttons (Reply / Cancel) */<br /> .cd-button-action, .oo-ui-buttonElement-button {<br /> background-color: #1a1a24 !important;<br /> color: #fff !important;<br /> border: 1px solid var(--void-accent) !important;<br /> }<br /> <br /> /* 5. Popups &amp; Dialogs */<br /> .cd-dialog-panel, .oo-ui-window-frame {<br /> background-color: var(--void-bg) !important;<br /> border: 1px solid var(--void-accent) !important;<br /> color: var(--void-text) !important;<br /> }<br /> <br /> /* 6. Thread Lines (The visual threading on the left) */<br /> .cd-thread-line {<br /> border-left-color: #333 !important;<br /> }<br /> .cd-thread-line:hover {<br /> border-left-color: var(--void-accent) !important;<br /> }<br /> <br /> /* ============================================================<br /> ONYX REGISTRY: VISUALS &amp; BAR GRAPHS<br /> ============================================================ */<br /> <br /> /* 1. The Main Ledger Container */<br /> .onyx-ledger {<br /> width: 100%;<br /> border-collapse: collapse;<br /> background: #050505;<br /> font-family: 'Consolas', monospace;<br /> border: 1px solid #333;<br /> }<br /> <br /> /* 2. Tier Headers (The Telescopic Row look) */<br /> .onyx-tier-header {<br /> background: #13131a;<br /> color: #DAA520; /* Dealer Gold */<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> border-bottom: 2px solid #DAA520;<br /> cursor: pointer;<br /> }<br /> <br /> /* 3. The Stat Bar Graphs */<br /> .stat-bar-container {<br /> width: 100px;<br /> height: 8px;<br /> background: #1a1a24;<br /> border: 1px solid #333;<br /> display: inline-block;<br /> vertical-align: middle;<br /> margin-right: 5px;<br /> }<br /> <br /> .stat-bar-fill {<br /> height: 100%;<br /> /* width is removed from here so the template can set it */<br /> background: #21b0cd; <br /> box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);<br /> transition: width 0.8s ease-out;<br /> }<br /> <br /> /* Ensure the containers don't allow overflow */<br /> .stat-bar-container {<br /> background: #111;<br /> border: 1px solid #222;<br /> height: 6px;<br /> width: 100%;<br /> position: relative;<br /> overflow: hidden; /* Keeps the bars inside the box */<br /> }<br /> <br /> /* Specific colors for classes */<br /> .row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }<br /> .row-class-a { border-left: 4px solid #a020f0; }<br /> .row-class-b { border-left: 4px solid #DAA520; }<br /> .row-class-c { border-left: 4px solid #666; }<br /> <br /> /* 4. The Interactive Search/Jump Bar */<br /> #onyx-scanner-input {<br /> background: #000;<br /> color: #DAA520;<br /> border: 1px solid #DAA520;<br /> padding: 10px;<br /> width: 100%;<br /> font-family: 'Consolas', monospace;<br /> margin-bottom: 20px;<br /> box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);<br /> }<br /> <br /> .stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }<br /> .stat-label { font-size: 0.7em; color: #555; font-weight: bold; }<br /> .stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }<br /> .stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }<br /> .onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }<br /> .onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }<br /> .onyx-row { transition: all 0.3s ease; }</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Onyx_Row&diff=268 Template:Onyx Row 2026-02-13T18:13:35Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;Formatter for Onyx Registry. Do not use directly.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> |- class=&quot;onyx-row row-class-{{{3|}}}&quot; data-cr=&quot;{{{2|0}}}&quot;<br /> | style=&quot;font-weight:bold; color:var(--void-accent);&quot; | [[{{{1|}}}]]<br /> | style=&quot;text-align:center;&quot; | {{formatnum:{{{2|0}}}}}<br /> | <br /> &lt;div class=&quot;stat-container&quot;&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;STR&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( (0+{{{4|0}}}) / (10000 * (1 + ((0+{{{2|0}}}) &gt;= 10000) * 9 + ((0+{{{2|0}}}) &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;DEF&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( (0+{{{5|0}}}) / (10000 * (1 + ((0+{{{2|0}}}) &gt;= 10000) * 9 + ((0+{{{2|0}}}) &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;SPD&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( (0+{{{6|0}}}) / (10000 * (1 + ((0+{{{2|0}}}) &gt;= 10000) * 9 + ((0+{{{2|0}}}) &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;ACU&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( (0+{{{7|0}}}) / (10000 * (1 + ((0+{{{2|0}}}) &gt;= 10000) * 9 + ((0+{{{2|0}}}) &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;stat-label&quot;&gt;SOL&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( (0+{{{8|0}}}) / (10000 * (1 + ((0+{{{2|0}}}) &gt;= 10000) * 9 + ((0+{{{2|0}}}) &gt;= 100000) * 90)) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> | style=&quot;font-size:0.85em; color:#888;&quot; | {{{9|}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=Template:Onyx_Row&diff=267 Template:Onyx Row 2026-02-13T18:11:17Z <p>Sinvrh: </p> <hr /> <div>&lt;noinclude&gt;Formatter for Onyx Registry. Do not use directly.&lt;/noinclude&gt;&lt;includeonly&gt;<br /> |- class=&quot;onyx-row row-class-{{{3|}}}&quot; data-cr=&quot;{{{2|0}}}&quot;<br /> | style=&quot;font-weight:bold; color:var(--void-accent);&quot; | [[{{{1|}}}]]<br /> | style=&quot;text-align:center;&quot; | {{formatnum:{{{2|0}}}}}<br /> | <br /> &lt;div class=&quot;stat-container&quot;&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;STR&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{4|0}}} / ( 10000 * (1 + ({{{2|0}}} &gt;= 10000) * 9 + ({{{2|0}}} &gt;= 100000) * 90 + ({{{2|0}}} &gt;= 1000000) * 900) ) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;DEF&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{5|0}}} / ( 10000 * (1 + ({{{2|0}}} &gt;= 10000) * 9 + ({{{2|0}}} &gt;= 100000) * 90 + ({{{2|0}}} &gt;= 1000000) * 900) ) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SPD&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{6|0}}} / ( 10000 * (1 + ({{{2|0}}} &gt;= 10000) * 9 + ({{{2|0}}} &gt;= 100000) * 90 + ({{{2|0}}} &gt;= 1000000) * 900) ) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;ACU&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{7|0}}} / ( 10000 * (1 + ({{{2|0}}} &gt;= 10000) * 9 + ({{{2|0}}} &gt;= 100000) * 90 + ({{{2|0}}} &gt;= 1000000) * 900) ) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;div class=&quot;stat-label&quot;&gt;SOL&lt;/div&gt;<br /> &lt;div class=&quot;stat-bar-container&quot;&gt;&lt;div class=&quot;stat-bar-fill&quot; style=&quot;width:{{#expr: ( {{{8|0}}} / ( 10000 * (1 + ({{{2|0}}} &gt;= 10000) * 9 + ({{{2|0}}} &gt;= 100000) * 90 + ({{{2|0}}} &gt;= 1000000) * 900) ) ) * 100 round 0}}%;&quot;&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> | style=&quot;font-size:0.85em; color:#888;&quot; | {{{9|}}}<br /> &lt;/includeonly&gt;</div> Sinvrh https://jadnix.xyz/w/index.php?title=CR_Registry&diff=266 CR Registry 2026-02-13T18:09:34Z <p>Sinvrh: </p> <hr /> <div>&lt;div class=&quot;faction-dealer&quot;&gt;<br /> &lt;html&gt;<br /> &lt;div id=&quot;onyx-terminal&quot;&gt;<br /> &lt;div style=&quot;font-family: 'Consolas'; color: #DAA520; margin-bottom: 10px; font-size: 0.8em;&quot;&gt;<br /> &gt; ONYX CORE DETECTION SYSTEM V4.5&lt;br&gt;<br /> &gt; STATUS: CONNECTED TO COSMIC LEDGER<br /> &lt;/div&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;onyx-scanner-input&quot; placeholder=&quot;ENTER CORE RATING TO LOCATE TIER...&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;/html&gt;<br /> <br /> {| class=&quot;onyx-ledger&quot;<br /> ! style=&quot;width:20%&quot; | SUBJECT / ENTITY<br /> ! style=&quot;width:10%&quot; | CR<br /> ! style=&quot;width:30%&quot; | STATISTICAL ATTUNEMENT<br /> ! style=&quot;width:40%&quot; | ADDITIONAL INTEL<br /> {{#cargo_query:<br /> |table=Subjects<br /> |fields=Name, CR, Class, STR, DEF, SPD, ACU, SOL, Description<br /> |order by=CR DESC<br /> |format=template<br /> |template=Onyx Row<br /> }}<br /> |}<br /> &lt;/div&gt;</div> Sinvrh