https://windsofvalenwiki.com/api.php?action=feedcontributions&feedformat=atom&user=Maintenance+script 2026-07-11T18:31:49Z User contributions MediaWiki 1.46.0 https://windsofvalenwiki.com/index.php?title=Lore&diff=929 2026-07-11T18:14:34Z

<p>Maintenance script: Initial</p> <hr /> <div>= Winds of Valen =<br /> '''Winds of Valen''' is a fantasy sandbox MMORPG built on Unreal Engine for high-fidelity client-side spatial representation. The game utilizes Microsoft PlayFab as the authoritative backend database to handle user states, inventory syncing, and progression tracking.<br /> <br /> Originally introduced to sandbox enthusiasts on itch.io under the developer title HeadCoach, the software underwent official Steam deployment under Fiery Dog Games on November 29, 2025.<br /> <br /> == Gameplay and Economy ==<br /> Progression in this sandbox environment is non-linear and demands manual, effort-driven execution across combat, gathering, and production disciplines.<br /> <br /> The economy operates on a free-to-play base with a premium membership pass model introduced on July 9, 2026, to monetize ongoing development without introducing microtransactions or cosmetic purchase mechanics. While the foundational early-game areas remain entirely free, late-game expansions, high-tier dungeons, and metropolitan trade hubs are restricted to active members. <br /> <br /> Stacking multiple membership certificates on a single account increases the simultaneous character login limit, allowing multi-boxing operations where two membership stacks permit two active concurrent client logins.</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=928 2026-07-11T18:14:33Z

<p>Maintenance script: Initial</p> <hr /> <div>= Power Gems =<br /> Unlike armor, jewelry accessories lack skill requirements but feature dedicated sockets to host Power Gems. Dragging a gem onto an equipped ring or amulet sockets the gem, granting permanent attribute upgrades. These gems are primarily acquired through mining or high-level extraction.<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Power Gem Socket !! Mining Req. !! Specific Stat Buffer !! Sourcing Rocks &amp; Dynamic Rates !! Market Stall Value<br /> |-<br /> | Weak Power Gem || Mining: 1 || +20% Melee Power || Copper / Tin Rock (3.3% Drop Chance) || N/A<br /> |-<br /> | Power Gem || Mining: 15 || +30% Melee Power || Iron Rock (1.0% Drop Chance) || N/A<br /> |-<br /> | Strong Power Gem || Mining: 30 || +40% Melee Power || Coal Rock (0.4% Drop Chance) || N/A<br /> |-<br /> | Fishing Power Gem || Mining: 30 || +5 Fishing Power || Mithril Rock (0.1% Drop Chance) || 1,400g<br /> |-<br /> | Mining Power Gem || Mining: 40 || +5 Mining Power || Gold / Volcanic Gold Rock (0.1% Drop) || 3,500g<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=927 2026-07-11T18:14:32Z

<p>Maintenance script: Initial</p> <hr /> <div>= Metallurgy, Mining, and Smithing Systems =<br /> Gathering and refining metals forms the primary economic backbone of early to mid-game progression. Smelting and Smithing operations require different tool setups: smelting ore requires a nearby furnace, whereas smithing refined bars requires both an anvil and an equipped smithing hammer.<br /> <br /> == Tools ==<br /> Hammers and pickaxes cannot be crafted. Players can purchase a basic iron smithing hammer for 10g from Blacksmith Stalls, while high-tier tools like the Dwarven Smithing Hammer must be farmed from bosses. Mining is governed by Mining Power, which is compiled from equipped pickaxes, mining gear, active potions, and socketed Gems.<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Pickaxe Tier !! Required Level !! Mining Power !! Buy Price !! Sell Price !! Sourcing Methods<br /> |-<br /> | Copper Pickaxe || 1 || 10 || 0g || 0g || Default Starter / Mining Stall ([[Town 1]])<br /> |-<br /> | Bronze Pickaxe || 1 || 44 || 40g || 28g || Mining Stall ([[Town 1]]) / Drop: [[Skeleton Miner]] (5%)<br /> |-<br /> | Iron Pickaxe || 10 || 122 || 40g || 168g || Mining Stall ([[Town 1]])<br /> |-<br /> | Steel Pickaxe || 20 || 259 || 60g || 672g || Mining Stall ([[Town 1]])<br /> |-<br /> | Dwarven Pickaxe || 30 || 50~ || 2,000g - 5,000g || 1,400g || Drop: [[Bandit Mercenary Boss]] (5%)<br /> |}<br /> <br /> == Smelting Pipeline ==<br /> The smelting and refining pipeline maps raw mined ores to refined metal bars:<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Bar Type !! Level Req. !! Raw Ingredient Composition !! Cycle Time !! Base XP Yield !! Stall Value<br /> |-<br /> | Bronze Bar || 1 || 1x Copper Ore + 1x Tin Ore || 3s || 15 XP || 4g<br /> |-<br /> | Iron Bar || 10 || 2x Iron Ore || 4s || 30 XP || 14g<br /> |-<br /> | Steel Bar || 20 || 1x Iron Ore + 1x Coal Ore || 5s || 55 XP || 28g<br /> |-<br /> | Mithril Bar || 30 || 1x Mithril Ore + 2x Coal Ore || 6s || 155 XP || 140g<br /> |-<br /> | Gold Bar || 40 || 8x Gold Ore / Gold Dust || 15s || 800 XP || 700g<br /> |}<br /> <br /> The speed of smelting and forging scales dynamically with the player's total efficiency. Crafting duration is calculated using the following formulas:<br /> <br /> &lt;math&gt;\text{TotalEfficiency} = 1.0 + (\text{CraftingSkill} \times 0.01) + (\text{CraftingPower} \times 0.01)&lt;/math&gt;<br /> &lt;math&gt;\text{FinalDuration} = \frac{\text{BaseDuration}}{\text{TotalEfficiency}}&lt;/math&gt;<br /> <br /> == Optimal Methods ==<br /> At level 40, smelting Gold Dust provides an optimal high-tier refining option, yielding up to 433,548 XP and 379,354 gold per hour. In early levels, players can exploit vendor margins by purchasing raw bronze, iron, or steel bars from stalls, smithing them into helmets, and selling those helmets back to vendor shops to generate consistent early gold:<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Production Tier !! Recommended Item !! Hourly Experience !! Hourly Net Profit !! Method Parameters<br /> |-<br /> | Bronze (Level 1+) || Bronze Helmet || 57,092 XP || 2,854g || Buy raw bars from Town 1 vendors, forge, sell back<br /> |-<br /> | Iron (Level 10+) || Iron Helmet || 116,756 XP || 8,756g || Steady early-game progression method<br /> |-<br /> | Steel (Level 20+) || Steel Helmet || 251,428 XP || 57,142g || Highly optimized, low-risk gold-making loop<br /> |-<br /> | Mithril (Level 30+) || Mithril Sword || 826,666 XP || -218,666g || High-speed XP method utilizing pre-banked bars<br /> |-<br /> | Mithril (Self-Mined) || Mithril Sword || 826,666 XP || 848,000g || Optimized method requiring self-mined ore<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=926 2026-07-11T18:14:32Z

<p>Maintenance script: Initial</p> <hr /> <div>= Cartography and Spatial Zone Architecture =<br /> Spatial design and directional orientation in Winds of Valen are anchored around a centralized cartographic benchmark known as '''True North''', which is defined as the direct line of sight stretching from the starter settlement toward the main castle gate. All directional metadata across the database relies on this orientation vector. <br /> <br /> The world is divided into safe regions, gated metropolitan zones, resource nodes, and high-risk player-versus-player wilderness areas.<br /> <br /> == Safe Zones &amp; Early Progression ==<br /> * '''[[Town 1]]''': The default entry point for all new characters, featuring standard stalls for early-stage combat preparation and fishing.<br /> * '''[[Town Mine]]''': Positioned adjacent to Town 1, serving as a non-hazardous mining site packed with copper, tin, and iron rock nodes.<br /> * '''[[Broken Village]]''': Located directly south of the starting settlement. A run-down area populated by [[Goblin Villager|Goblins]] that functions as the entry-level combat training ground.<br /> * '''Graveyard''': Further south of the Broken Village, populated by basic [[Skeleton|Skeletons]].<br /> <br /> == Mid-Tier Zones ==<br /> * '''[[Town 2]]''': Located in the western sector. Contains a specialized Mining Stall.<br /> * '''Town 2 Graveyard''': A solemn resting place immediately west of Town 2.<br /> * '''[[West Mine]]''': A mid-tier progression zone where [[Skeleton Knight (Level 26)|Skeleton Knights]] patrol, guarded by [[Highwayman|Highwaymen]] along the access paths.<br /> <br /> == High-Tier Zones ==<br /> * '''[[Elven Haven]]''': Located in the eastern sector. A high-tier zone containing [[Elf|Elves]], [[Elf Scholar|Elf Scholars]], and the dangerous boss [[Elf Warden]].<br /> * '''[[Forest Alcove]]''': Deep within the eastern woodland. A secluded and highly hazardous section of the woods that houses [[Bandit]] camps.<br /> <br /> == PvP &amp; Wilderness ==<br /> * '''[[Darklands]]''': Acts as the primary full-loot wilderness area. Player-versus-player combat is enabled, and standard safe respawn features are suspended. High-tier resources such as Volcanic Gold Rocks are located here, guarded by level 67 [[Skeleton Knight (Level 67)|Skeleton Knights]].<br /> <br /> == Members Only Regions ==<br /> * '''[[Valen City]]''': A massive gated urban center accessible only after completing the [[Open The Gates]] quest. Contains numerous friendly NPCs, a specialized bank, and an advanced potion-making shop equipped with a Large Cauldron.<br /> * '''The Caverns''': Divided into three distinct subterranean layers:<br /> ** ''Goblin Cavern'': Featuring level 35 enemies and a specialized chieftain boss.<br /> ** ''Crystal Cavern'': Houses a level 50 mining rock.<br /> ** ''Lava Cavern'': A high-hazard zone featuring level 60 monsters and a boss that drops components required to obtain the highest-tier sword and shield.<br /> * '''[[Elf Forest]]''': A premium region featuring a high-level members-only Carp fishing spot.</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=925 2026-07-11T18:14:31Z

<p>Maintenance script: Initial</p> <hr /> <div>= Piscary and Alchemy: Fishing and Potion Making Pipelines =<br /> Fishing and Potion Making operate as an integrated production pipeline, where catches from fishing spots are processed into raw chemical bases for alchemical brewing. <br /> <br /> == Fishing Locations ==<br /> Fishing spots require specific levels and bait types, with catches divided into standard and rare tiers:<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Fish Species !! Fishing Req. !! Core Habitat Node !! Necessary Bait Input !! Catch Base XP !! Base Item Value<br /> |-<br /> | Minnow || Level 1 || Minnow Spot || Worm Bait / Tiny Fish Bait || 8 XP || 1g Buy / 0g Sell<br /> |-<br /> | Rare Minnow || Level 1 || Minnow Spot || Worm Bait / Tiny Fish Bait || N/A || N/A Buy / 21g Sell<br /> |-<br /> | Common Trout || Level 5 || Common Trout Spot || Small Fish Bait || N/A || 8g Buy / 2g Sell<br /> |-<br /> | Rare Trout || Level 5 || Common Trout Spot || Small Fish Bait || N/A || N/A Buy / 63g Sell<br /> |-<br /> | Perch || Level 10 || Perch Spot || Small Fish Bait || N/A || 70g Buy / 24g Sell<br /> |-<br /> | Rare Perch || Level 10 || Perch Spot || Small Fish Bait || N/A || N/A Buy / 210g Sell<br /> |-<br /> | Bass || Level 20 || Small Bass Spot || Small Fish Bait || N/A || 30g Buy / 10g Sell<br /> |-<br /> | Rare Bass || Level 20 || Small Bass Spot || Small Fish Bait || N/A || N/A Buy / 280g Sell<br /> |-<br /> | Blue Gill || Level 30 || Blue Gill Spot || Small Fish Bait || N/A || 10g Buy / 7g Sell<br /> |-<br /> | Rare Blue Gill || Level 30 || Blue Gill Spot || Small Fish Bait || N/A || N/A Buy / 560g Sell<br /> |-<br /> | Elder Trout || Level 40 || Elder Trout Spot || Medium Fish Bait || N/A || 100g Buy / 70g Sell<br /> |-<br /> | Rare Elder Trout || Level 40 || Elder Trout Spot || Medium Fish Bait || N/A || N/A Buy / 1,120g Sell<br /> |}<br /> <br /> == Alchemical Processing ==<br /> Caught fish can be cut into bait using a Bait Knife, or processed at alchemical workstations to extract raw potion-making ingredients.<br /> <br /> === Workstation Type A: Cutting Table ===<br /> * '''Minnow (Lvl 1):''' 2s, 10 XP ??? 2x Small Essence Gland.<br /> * '''Common Trout (Lvl 1):''' 2s, 10 XP ??? 1x Scrap Fish Flesh, 2x Small Essence Gland.<br /> * '''Perch (Lvl 10):''' 2s, 30 XP ??? 1x Fish Scales, 1x Small Essence Gland.<br /> * '''Bass (Lvl 20):''' 2s, 20 XP ??? 1x Plain Fish Flesh, 1x Small Essence Gland.<br /> * '''Blue Gill (Lvl 30):''' 2s, 40 XP ??? 2x Essence Gland.<br /> * '''Elder Trout (Lvl 40):''' 2s, 70 XP ??? 1x Hearty Fish Flesh, 1x Essence Gland.<br /> * '''Carp (Lvl 50):''' 2s, ?? XP ??? 1x Hardened Fish Scales, 1x Small Essence Gland.<br /> <br /> === Workstation Type B: Pestle and Mortar (Crushing / Grinding) ===<br /> * '''Fish Scales (Lvl 5):''' 2s, 30 XP ??? 1x Crushed Fish Scales.<br /> * '''Mud Root (Lvl 10):''' 3s, 35 XP ??? 1x Root Paste.<br /> * '''Plain Fish Flesh (Lvl 15):''' 2s, 40 XP ??? 1x Fish Mash.<br /> * '''Small Fang (Lvl 20):''' 3s, 45 XP ??? 2x Fang Dust.<br /> * '''Hearty Fish Flesh (Lvl 35):''' 3s, 80 XP ??? 1x Hearty Fish Mash.<br /> <br /> === Workstation Type C: Reduction Station ===<br /> * '''Rare Minnow (Lvl 1):''' 5s, 50 XP ??? 5x Fish Oil.<br /> * '''Small Essence Gland (Lvl 1):''' 0.5s, 4 XP ??? 1x Essence.<br /> * '''Essence Gland (Lvl 30):''' 0.5s, 10 XP ??? 10x Essence.<br /> * '''Hearty Fish Mash (Lvl 35):''' 3s, 90 XP ??? 1x Hearty Extract.<br /> <br /> == Power Gems ==<br /> Processing rare fish has a chance to yield specialized [[Power Gems]] used to boost crafting, gathering, and combat skills:<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Raw Input Material !! Yielded Alchemical Output !! Primary Database Use Case !! Sourcing Details<br /> |-<br /> | Rare Minnow || 5x Fish Oil || Key ingredient for Fishing Potions || Processed at Reduction Station<br /> |-<br /> | Rare Trout || Weak Magic Power Gem || Socketed Magic buffer || Harvested via Bait Knife<br /> |-<br /> | Rare Perch || Potion Making Power Gem || Socketed Alchemy buffer || Harvested via Bait Knife<br /> |-<br /> | Rare Bass || Magic Power Gem || Socketed Magic buffer || Harvested via Bait Knife<br /> |-<br /> | Rare Blue Gill || 15x Fish Oil || Heavy Fishing Potion reagent || Processed at Reduction Station<br /> |-<br /> | Rare Elder Trout || Smithing Power Gem || Socketed Smithing buffer || Harvested via Bait Knife<br /> |-<br /> | Rare Carp || Strong Magic Power Gem || High-tier socketed Magic buffer || Harvested via Bait Knife<br /> |}<br /> <br /> == Potion Brewing ==<br /> Reagents are compiled at a Cauldron to brew finished potions, which are then bottled using vials purchased from alchemical shops.<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Potion Classification !! Brew Skill Req. !! Ingredient Matrix Components !! Duration !! Base XP !! Bottle Vial Required<br /> |-<br /> | Weak Health Potion || Level 1 || 10x Scrap Fish Flesh + 25x Essence || 20s || 500 XP || Small Vial (1g cost)<br /> |-<br /> | Fishing Potion || Level 5 || 10x Fish Oil + 25x Essence || 20s || 500 XP || Small Vial (1g cost)<br /> |-<br /> | Shields Potion || Level 10 || 10x Crushed Fish Scales + 50x Essence || 25s || 1,500 XP || Small Vial (1g cost)<br /> |-<br /> | Mining Potion || Level 15 || 10x Root Paste + 50x Essence || 25s || 1,000 XP || Small Vial (1g cost)<br /> |-<br /> | Health Potion || Level 20 || 10x Fish Mash + 50x Essence || 30s || 1,500 XP || Small Vial (1g cost)<br /> |-<br /> | Attack Potion || Level 25 || 10x Fang Dust + 200x Essence || 30s || 1,500 XP || Small Vial (1g cost)<br /> |-<br /> | Strong Health Potion || Level 40 || 10x Hearty Extract + 200x Essence || 40s || 3,250 XP || Large Vial (10g cost)<br /> |-<br /> | Strong Shields Potion || Level 50 || 10x Fine Fish Scales + 500x Essence || 50s || N/A || Large Vial (10g cost)<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=924 2026-07-11T18:14:31Z

<p>Maintenance script: Initial</p> <hr /> <div>= Drop Mechanics =<br /> The system balances drop mechanics using a persistent pity formula to soften the volatility of RNG:<br /> <br /> &lt;math&gt;\text{DryRolls} = \text{TotalRolls} - (\text{TotalDrops} \times N)&lt;/math&gt;<br /> <br /> Under this system, the dynamic drop rate only increases when a player exceeds the expected dry threshold, helping prevent extreme streaks of bad luck on rare items like the Elven Greatsword.</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=923 2026-07-11T18:14:30Z

<p>Maintenance script: Initial</p> <hr /> <div>= Controls and UI =<br /> The user interface integrates a centralized quest tracker and log menu mapped to the default keyboard hotkey '''[J]''' to guide non-linear milestones. <br /> <br /> == Inventory Management ==<br /> Inventory management utilizes precise keystroke sequences for optimal resource handling:<br /> * '''Stack Splitting''': Executed via &lt;code&gt;CTRL + Middle Mouse Button + Drag&lt;/code&gt;. Allows precision value entry.<br /> * '''Drop All''': Dropping an entire inventory of identical unstacked assets is mapped to &lt;code&gt;CTRL + Drop&lt;/code&gt;.<br /> <br /> == Peer-to-Peer Trading ==<br /> Direct peer-to-peer commerce is mediated by a secure, five-stage transactional state machine requiring:<br /> # Initiation<br /> # Acceptance of a trading invitation<br /> # Loading of coins and items into separate trade windows<br /> # Reciprocal manual trade confirmation<br /> # Final database execution. <br /> <br /> == Terminal Commands ==<br /> Client-to-server text interactions utilize localized terminal syntax, enabling players to execute direct instructions to monitor stats or mitigate physical clipping errors within the seamless open world.<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Hotkey / Command !! Functional Operations !! Operational Constraint / Parameter<br /> |-<br /> | '''[J]''' || Opens Quest Log and Active Tracker || Client UI default input<br /> |-<br /> | '''CTRL + Mid-Mouse + Drag''' || Executes Item Split Dialogue || Allows precision value entry<br /> |-<br /> | '''CTRL + Drop''' || Empties Selected Duplicate Items || Drops entire matching inventory set<br /> |-<br /> | &lt;code&gt;/commands&lt;/code&gt; || Queries Active Terminal Dictionary || Chat window activation<br /> |-<br /> | &lt;code&gt;/unstuck&lt;/code&gt; || Teleports Character to Closest Town Safezone || Governed by a 30-minute cooldown<br /> |-<br /> | &lt;code&gt;/block &quot;playername&quot;&lt;/code&gt; || Filters Communication Streams || Suppresses targeted network chat<br /> |-<br /> | &lt;code&gt;/unblock &quot;playername&quot;&lt;/code&gt; || Restores Communication Streams || Re-establishes network chat<br /> |-<br /> | &lt;code&gt;/kd&lt;/code&gt; || Displays Character Kill-to-Death Statistics || Local database calculation query<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=922 2026-07-11T18:14:30Z

<p>Maintenance script: Initial</p> <hr /> <div>= Combat Mechanics, Leveling Dynamics, and Discrete Math =<br /> The combat architecture operates on calculated mathematical systems that govern experience distribution, server-side hit resolution, and damage mitigation.<br /> <br /> == Experience Distribution ==<br /> Characters accumulate combat experience dynamically during battle, splitting the earned XP at a strict 75% to 25% ratio. The larger share (75%) goes directly to the active stance skill (such as Attack, Archery, Block, Evasion, or Warding), while the remaining 25% is funnelled into the passive Health pool. Each level gained in Health grants a flat +10 HP increase to the character's base life pool.<br /> <br /> Combat experience is generated as a function of damage dealt, scaled by a linear Combat Multiplier that increases based on the monster's level:<br /> <br /> &lt;math&gt;\text{TotalXP} = \text{Damage} \times \text{CombatMultiplier}&lt;/math&gt;<br /> &lt;math&gt;\text{TrainingXP} = \text{TotalXP} \times 0.75&lt;/math&gt;<br /> <br /> The Combat Multiplier scales with the target's level to ensure that high-tier combat encounters remain rewarding:<br /> &lt;math&gt;\text{CombatMultiplier} = 1 + (\text{MonsterLevel} \times 0.01)&lt;/math&gt;<br /> <br /> For example, fighting a level 50 monster yields a multiplier of 1.50 (a 50% experience bonus). This formula allows players to accurately project experience rates by using the monster's maximum HP as the damage value.<br /> <br /> == Hit Resolution ==<br /> To resolve physical hits, the backend engine compares two independent, uniform random integer rolls:<br /> <br /> &lt;math&gt;\text{AccuracyRoll} \in [0, A]&lt;/math&gt;<br /> &lt;math&gt;\text{DefenceRoll} \in [0, D]&lt;/math&gt;<br /> <br /> A hit is registered strictly if &lt;math&gt;\text{AccuracyRoll} &gt; \text{DefenceRoll}&lt;/math&gt;. The upper limits for these ranges (&lt;math&gt;A&lt;/math&gt; and &lt;math&gt;D&lt;/math&gt;) scale dynamically based on active combat skills and equipped item stats:<br /> <br /> &lt;math&gt;A = (L_{\text{attack}} + 8) \times (\text{EquippedAccuracy} + 32)&lt;/math&gt;<br /> <br /> To analyze DPS probabilities and calculate expected values, the continuous approximation of the hit chance is structured as follows:<br /> <br /> &lt;math&gt;\text{HitChance} = \begin{cases} <br /> 1 - \frac{D}{2A} &amp; \text{if } A \geq D \\ <br /> \frac{A}{2D} &amp; \text{if } D &gt; A <br /> \end{cases}&lt;/math&gt;<br /> <br /> For discrete probability models requiring strict server-side accuracy, the exact roll-based hit chance probability is modeled as:<br /> <br /> &lt;math&gt;\text{HitChance} = \begin{cases} <br /> 1 - \frac{D + 2}{2(A + 1)} &amp; \text{if } A &gt; D \\ <br /> \frac{A}{2D + 1} &amp; \text{if } D \geq A <br /> \end{cases}&lt;/math&gt;<br /> <br /> == Damage Mitigation &amp; Shields ==<br /> Damage calculations are further balanced by comparing the attacker's penetration rating against the defender's damage reduction score. The damage reduction score is computed as:<br /> <br /> &lt;math&gt;\text{damage\_reduction\_score} = L_{\text{defence}} \times \text{EquipmentStat} \times \text{PotionEffects}&lt;/math&gt;<br /> <br /> These calculations make matching shield types essential during combat. Standard shields are divided into three categories to counter specific enemy attack colors:<br /> * '''Block Shields''' (Red Damage) counter heavy physical attacks.<br /> * '''Parry Shields''' (Green Damage) deflect quick, agile attacks.<br /> * '''Warding Shields''' (Blue Damage) mitigate mystical or arcane attacks.</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=921 2026-07-11T18:14:29Z

<p>Maintenance script: Initial</p> <hr /> <div>= Comprehensive Bestiary and Database =<br /> The table below catalogs all standard and boss enemies currently documented in the game. This data outlines combat stats, location parameters, defensive vulnerabilities, and drop tables.<br /> <br /> == Bestiary Table ==<br /> {| class=&quot;wikitable sortable&quot;<br /> ! Enemy Name !! Level !! HP !! Location !! Combat Stats !! Damage Profile !! Primary Weakness !! Defences (Pierce / Slash) !! Key Loot &amp; Rates<br /> |-<br /> | [[Goblin]] || 1 || 50 || [[Broken Village]] || Atk 1, Def 1, Eva 1, Ward 1 || Quick: 10 || Pierce / Slash || Pierce: 0, Slash: 0 || Coins (1-10) 100%, Copper Ring 17%<br /> |-<br /> | [[Goblin Berserker]] || 9 || 250 || [[Broken Village]] || Atk 6, Def 6, Eva 1, Ward 1 || Quick: 40, Heavy: 40 || Slash / Pierce || Pierce: 20, Slash: 15 || Goblin Axe (33%), Coins (10-30) 100%<br /> |-<br /> | [[Skeleton]] || 6 || 75 || Graveyard || Atk 6, Def 6, Eva 1, Ward 1 || Quick: 30 || Slash || Pierce: 5, Slash: 0 || Coins (5) 50%, Skeleton Helmet (7.7%), Skeleton Shield (7.7%), Copper Ring (7.7%)<br /> |-<br /> | [[Bandit]] || 10 || 120 || [[Forest Alcove]] || Atk 10, Def 10, Eva 1, Ward 1 || Quick: 35 || Slash || Pierce: 50, Slash: 20 || Coins (2-23) 100%, Gold Ring (6.2%)<br /> |-<br /> | [[Skeleton Miner]] || 13 || 125 || [[Town Mine]] / Graveyard || Atk 13, Def 13, Eva 1, Ward 1 || Quick: 25 || Pierce || Pierce: 10, Slash: 50 || Mining Boots (8.3%), Tin/Copper/Iron Ore (50%), Bronze Pickaxe (5%)<br /> |-<br /> | [[Goblin Villager]] || 15 || 200 || Goblin Village || Atk 13, Def 13, Eva 1, Ward 1 || Quick: 50 || Pierce || Pierce: 30, Slash: 70 || Berserker Gloves (5%), Iron Bar (28%), Steel Bar (10%), Coins (15) 25%<br /> |-<br /> | [[Bandit Leader]] || 25 || 500 || [[Forest Alcove]] || Atk 15, Def 15, Eva 1, Ward 1 || Quick 50, Heavy 65, Mystical 80 || Slash || Pierce: 45, Slash: 25 || Bandit Spear (13%), Coins (10-100) 100%<br /> |-<br /> | [[Skeleton Knight (Level 26)]] || 26 || 350 || [[West Mine]] || Atk 20, Def 20, Eva 1, Ward 1 || Heavy: 80 || Slash || Pierce: 50, Slash: 15 || Skeleton Greatsword (2%), Titanium Ring (2%), Coins (1-22) 100%<br /> |-<br /> | [[Highwayman]] || 28 || 300 || Path at [[West Mine]] || Atk 23, Def 23, Eva 23, Ward 23 || Quick: 60 || Slash || Pierce: 50, Slash: 25 || Parry Shield (2%), Coins (3-26) 100%<br /> |-<br /> | [[Bandit Mercenary]] || 30 || 300 || Mercenary Camp || Atk 25, Def 25, Eva 1, Ward 1 || Quick: 60 || Slash || Pierce: 50, Slash: 25 || Berserker Boots (2%), Coins (1-20) 100%<br /> |-<br /> | [[Elf]] || 37 || 400 || [[Elven Haven]] || Atk 30, Def 30, Eva 1, Ward 1 || Quick: 85 || Pierce || Pierce: 10, Slash: 50 || Elven Ring (1%), Coins (14-74) 100%<br /> |-<br /> | [[Elf Scholar]] || 37 || 400 || [[Elven Haven]] || Atk 30, Def 30, Eva 1, Ward 1 || Mystical: 85 || Pierce || Pierce: 0, Slash: 10 || Artisan Gloves (1%), Coins (14-74) 100%<br /> |-<br /> | [[Goblin Chieftain]] || 40 || 1000 || Goblin Village || Atk 18, Def 18, Eva 1, Ward 1 || Quick 60, Heavy 80, Mystical 100 || Pierce || Pierce: 15, Slash: 45 || Dwarven Hammer (12%), Steel Bar (61%), Iron Bar (75%), Coins 25%<br /> |-<br /> | [[Skeleton Knight (Level 67)]] || 67 || 1000 || [[Darklands]] || Atk 50, Def 40, Eva 25, Ward 25 || Heavy: 125 || Slash || Pierce: 100, Slash: 35 || Gold Dust (15%), Weak/Strong HP/Shield Potions (2-23%), Gold Bar (1%)<br /> |-<br /> | [[Bandit Mercenary Boss]] || 74 || 2000 || Mercenary Camp || Atk 27, Def 27, Eva 1, Ward 1 || Quick 60, Heavy 75, Mystical 120 || Pierce || Pierce: 30, Slash: 50 || Dwarven Pickaxe (5%), Coins (98-312) 100%<br /> |-<br /> | [[Skeleton Pioneer]] || 90 || 2500 || [[West Mine]] || Atk 28, Def 28, Eva 30, Ward 30 || Quick 120, Heavy 100, Mystical 120 || Slash || Pierce: 70, Slash: 40 || Skeleton Rapier (2%), Coins (106-500) 100%<br /> |-<br /> | [[Elf Warden]] || 120 || 3500 || [[Elven Haven]] || Atk 35, Def 35, Eva 35, Ward 35 || Quick 120, Heavy 150, Mystical 150 || Pierce || Pierce: 20, Slash: 80 || Elven Greatsword (1%), Coins (102-800) 100%<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Lore&diff=920 2026-07-11T18:14:27Z

<p>Maintenance script: Initial</p> <hr /> <div>= Shielding, Agility Gear, and Jewelry Configurations =<br /> To optimize combat effectiveness, players must match their gear setups to the offensive and defensive profiles of their targets. Standard shields and physical armor sets provide strong physical defense but require meeting active Defence thresholds to equip.<br /> <br /> == Heavy Armour Plate ==<br /> {| class=&quot;wikitable sortable&quot;<br /> ! Item !! Level Req. !! Pierce Defence !! Slash Defence !! Shop Buy Value !! Stall Sell Value !! Crafting Reagents Required<br /> |-<br /> | Bronze Helmet || Defence: 1 || 6 || 6 || N/A || 35g || Requires 8 Smithing: 4x Bronze Bar<br /> |-<br /> | Iron Helmet || Defence: 10 || 10 || 10 || N/A || 105g || Requires 18 Smithing: 4x Iron Bar<br /> |-<br /> | Steel Helmet || Defence: 20 || 16 || 16 || N/A || 210g || Requires 28 Smithing: 4x Steel Bar<br /> |-<br /> | Mithril Helmet || Defence: 30 || 25 || 25 || N/A || 700g || Requires 38 Smithing: 4x Mithril Bar<br /> |-<br /> | Bronze Platebody || Defence: 1 || 9 || 7 || 100g || 70g || Requires 6 Smithing: 10x Bronze Bar<br /> |-<br /> | Iron Platebody || Defence: 10 || 14 || 11 || 250g || 175g || Requires 16 Smithing: 10x Iron Bar<br /> |-<br /> | Steel Platebody || Defence: 20 || 21 || 18 || 500g || 350g || Requires 26 Smithing: 10x Steel Bar<br /> |-<br /> | Mithril Platebody || Defence: 30 || 35 || 29 || N/A || 1,750g || Requires 36 Smithing: 10x Mithril Bar<br /> |-<br /> | Bronze Platelegs || Defence: 1 || 8 || 6 || 70g || 49g || Requires 2 Smithing: 8x Bronze Bar<br /> |-<br /> | Iron Platelegs || Defence: 10 || 13 || 10 || 200g || 140g || Requires 12 Smithing: 8x Iron Bar<br /> |-<br /> | Steel Platelegs || Defence: 20 || 21 || 16 || 400g || 280g || Requires 22 Smithing: 8x Steel Bar<br /> |-<br /> | Mithril Platelegs || Defence: 30 || 30 || 27 || N/A || 1,400g || Requires 32 Smithing: 8x Mithril Bar<br /> |}<br /> <br /> == Evasion Armor ==<br /> Evasion armor pieces bypass physical mitigation in favor of direct agility multipliers and elemental resistances, requiring active Evasion levels to equip:<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Item !! Level Req. !! Pierce Def !! Slash Def !! Fire/Light/Ice Def !! Agility !! Price (Buy/Sell) !! Sourcing / Merchant<br /> |-<br /> | Leather Hood || Evasion: 1 || 3 || 3 || 3 / 3 / 3 || +5 || 50g / 35g || Archery Stall<br /> |-<br /> | Leather Armour || Evasion: 1 || 4 || 3 || 4 / 3 / 2 || +5 || 100g / 70g || Archery Stall<br /> |-<br /> | Leather Legs || Evasion: 1 || 4 || 3 || 4 / 3 / 2 || +5 || 70g / 49g || Archery Stall<br /> |-<br /> | Leather Boots || Evasion: 1 || 2 || 2 || 2 / 2 / 1 || +5 || 70g / 28g || Archery Stall<br /> |-<br /> | Pirate Hat || Evasion: 10 || 6 || 6 || 6 / 6 / 6 || +10 || N/A / 210g || Drop: Pirate Captain<br /> |-<br /> | Pirate Armour || Evasion: 10 || 6 || 7 || 7 / 7 / 7 || +10 || N/A / 175g || Drop: Pirate Corsair<br /> |-<br /> | Pirate Legs || Evasion: 10 || 5 || 6 || 6 / 6 / 6 || +10 || N/A / 140g || Drop: Pirate Rigger<br /> |-<br /> | Pirate Boots || Evasion: 10 || 5 || 3 || 2 / 4 / 2 || +10 || N/A / 70g || Drop: Pirate Deckhand<br /> |}<br /> <br /> == Shields ==<br /> In combat, matching shield types to the opponent's primary damage vector is essential. In addition to standard block shields, specialized evasion shields help players mitigate quick strikes:<br /> <br /> {| class=&quot;wikitable sortable&quot;<br /> ! Shield Selection !! Skill Req. !! Block Type !! Deflect Power !! Shop Buy Value !! Stall Sell Value !! Sourcing Methods<br /> |-<br /> | Parry Shield || Evasion: 1 || Parry || N/A || N/A || N/A || Drop: Highwayman (2%)<br /> |-<br /> | Advanced Parry Shield || Evasion: 20 || Parry || 70 || 10,000g || 7,000g || Shield Stall Purchase<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Winds_of_Valen&diff=919 2026-07-11T18:13:12Z

<p>Maintenance script: Initial lore import</p> <hr /> <div>= Winds of Valen =<br /> '''Winds of Valen''' is a fantasy sandbox MMORPG built on Unreal Engine for high-fidelity client-side spatial representation. The game utilizes Microsoft PlayFab as the authoritative backend database to handle user states, inventory syncing, and progression tracking.<br /> <br /> Originally introduced to sandbox enthusiasts on itch.io under the developer title HeadCoach, the software underwent official Steam deployment under Fiery Dog Games on November 29, 2025.<br /> <br /> == Gameplay and Economy ==<br /> Progression in this sandbox environment is non-linear and demands manual, effort-driven execution across combat, gathering, and production disciplines.<br /> <br /> The economy operates on a free-to-play base with a premium membership pass model introduced on July 9, 2026, to monetize ongoing development without introducing microtransactions or cosmetic purchase mechanics. While the foundational early-game areas remain entirely free, late-game expansions, high-tier dungeons, and metropolitan trade hubs are restricted to active members. <br /> <br /> Stacking multiple membership certificates on a single account increases the simultaneous character login limit, allowing multi-boxing operations where two membership stacks permit two active concurrent client logins.</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=918 2026-07-11T17:46:15Z

<p>Maintenance script: Force link color in header</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background: url('/resources/assets/welcomeimage.jpg') center center no-repeat !important;<br /> background-size: cover !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> position: relative;<br /> z-index: 1;<br /> }<br /> .header-intro::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> background: rgba(0, 0, 0, 0.6); /* Dark overlay to make text pop against busy background */<br /> z-index: -1;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #ffd700; /* Gold text */<br /> text-shadow: 2px 2px 4px rgba(0,0,0,0.8);<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #fff; /* White text */<br /> text-shadow: 1px 1px 3px rgba(0,0,0,0.8);<br /> margin: 0;<br /> }<br /> .header-intro p a {<br /> color: #55ccff !important; /* Bright sky blue for links on dark bg */<br /> font-weight: bold !important;<br /> text-decoration: underline !important;<br /> }<br /> .header-intro p a:hover {<br /> color: #fff !important;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;\2022 &quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=917 2026-07-11T17:13:44Z

<p>Maintenance script: Brighten links in header</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background: url('/resources/assets/welcomeimage.jpg') center center no-repeat !important;<br /> background-size: cover !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> position: relative;<br /> z-index: 1;<br /> }<br /> .header-intro::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> background: rgba(0, 0, 0, 0.6); /* Dark overlay to make text pop against busy background */<br /> z-index: -1;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #ffd700; /* Gold text */<br /> text-shadow: 2px 2px 4px rgba(0,0,0,0.8);<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #fff; /* White text */<br /> text-shadow: 1px 1px 3px rgba(0,0,0,0.8);<br /> margin: 0;<br /> }<br /> .header-intro p a {<br /> color: #55ccff; /* Bright sky blue for links on dark bg */<br /> font-weight: bold;<br /> text-decoration: underline;<br /> }<br /> .header-intro p a:hover {<br /> color: #fff;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;\2022 &quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=916 2026-07-11T17:12:38Z

<p>Maintenance script: Add welcome header image</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background: url('/resources/assets/welcomeimage.jpg') center center no-repeat !important;<br /> background-size: cover !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> position: relative;<br /> z-index: 1;<br /> }<br /> .header-intro::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> background: rgba(0, 0, 0, 0.6); /* Dark overlay to make text pop against busy background */<br /> z-index: -1;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #ffd700; /* Gold text */<br /> text-shadow: 2px 2px 4px rgba(0,0,0,0.8);<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #fff; /* White text */<br /> text-shadow: 1px 1px 3px rgba(0,0,0,0.8);<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;\2022 &quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Main_Page&diff=915 2026-07-11T17:11:25Z

<p>Maintenance script: Fix encoding</p> <hr /> <div>&lt;div class=&quot;mainpage-container&quot;&gt;<br /> <br /> &lt;div class=&quot;mainpage-header&quot;&gt;<br /> &lt;div class=&quot;header-intro&quot;&gt;<br /> &lt;div class=&quot;header-title&quot;&gt;Welcome to the Winds of Valen Wiki!&lt;/div&gt;<br /> &lt;p&gt;We are the official community-maintained encyclopaedia for the fantasy sandbox MMORPG. Anyone can contribute &amp;mdash; [[Special:CreateAccount|create an account]] to get started.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-stats plainlist nomobile&quot;&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;&lt;span&gt;Articles:&lt;/span&gt; &lt;b&gt;{{NUMBEROFARTICLES}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;span&gt;Files:&lt;/span&gt; &lt;b&gt;{{NUMBEROFFILES}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;span&gt;Users:&lt;/span&gt; &lt;b&gt;{{NUMBEROFUSERS}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;span&gt;Edits:&lt;/span&gt; &lt;b&gt;{{NUMBEROFEDITS}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mainpage-layout&quot;&gt;<br /> &lt;div class=&quot;mainpage-left&quot;&gt;<br /> <br /> &lt;!-- Latest Updates --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Latest Updates&lt;/div&gt;<br /> &lt;div class=&quot;tile-row updates-row&quot;&gt;<br /> &lt;div class=&quot;tile-halves update-card&quot;&gt;<br /> &lt;div class=&quot;update-header&quot;&gt;10 JULY 2026 &amp;bull; GAME UPDATE&lt;/div&gt;<br /> &lt;div class=&quot;update-title&quot;&gt;[[Open The Gates|Open The Gates &amp;mdash; First Quest is Live!]]&lt;/div&gt;<br /> &lt;p&gt;Help the guards of Valen City open the ancient sealed gates and earn 5,000 Mining XP. The first official quest is now available to all players.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves update-card&quot;&gt;<br /> &lt;div class=&quot;update-header&quot;&gt;10 JULY 2026 &amp;bull; WIKI LAUNCH&lt;/div&gt;<br /> &lt;div class=&quot;update-title&quot;&gt;[[Main Page|Winds of Valen Wiki is Open!]]&lt;/div&gt;<br /> &lt;p&gt;The community wiki is now live. 169 items, 6 skills, regions, quests, and more are documented and ready to be expanded by players.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Categories --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Categories&lt;/div&gt;<br /> &lt;div class=&quot;mainpage-contents tile-row categories-grid&quot;&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_BronzeSword_Icon.png|link=Items]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Items]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_BronzePickaxe_Icon.png|link=Skills]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Skills]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_SantaHat_Icon.png|link=Quests]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Quests]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_LeatherBoots_Icon.png|link=Regions]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Regions]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Popular Pages --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Popular Pages&lt;/div&gt;<br /> &lt;div class=&quot;popular-grid&quot;&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Open The Gates|Quest: Open The Gates]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Valen City]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[The Wilderness|The Wilderness (PvP)]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Lava Cavern]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Combat|Combat Training]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Mining|Mining Guide]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Skills --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Skill Training&lt;/div&gt;<br /> &lt;div class=&quot;skills-grid&quot;&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_BronzeSword_Icon.png|16px|link=Combat]] [[Combat]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_BronzePickaxe_Icon.png|16px|link=Mining]] [[Mining]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_SmithingHammer_Icon.png|16px|link=Smithing]] [[Smithing]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_WoodBow_Icon.png|16px|link=Archery]] [[Archery]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_FishingRod_Icon.png|16px|link=Fishing]] [[Fishing]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mainpage-right&quot;&gt;<br /> <br /> &lt;!-- Discord --&gt;<br /> &lt;div class=&quot;discord-widget-modern plainlinks&quot;&gt;<br /> [https://discord.gg/xxzDqg9xWc &lt;span class=&quot;discord-click-target&quot;&gt;&lt;/span&gt;]<br /> &lt;div class=&quot;discord-top&quot;&gt;<br /> &lt;div class=&quot;discord-icon&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;discord-text&quot;&gt;<br /> &lt;div class=&quot;discord-server-name&quot;&gt;Winds of Valen&lt;/div&gt;<br /> &lt;div class=&quot;discord-join-text&quot;&gt;Join the server!&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;discord-arrow&quot;&gt;&amp;rsaquo;&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;discord-bottom&quot;&gt;OFFICIAL GAME DISCORD&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Contribute --&gt;<br /> &lt;div class=&quot;widget-box&quot;&gt;<br /> &lt;div class=&quot;widget-title&quot;&gt;Help Improve the Wiki&lt;/div&gt;<br /> &lt;div class=&quot;widget-body plainlist&quot;&gt;<br /> &lt;p&gt;Anyone can contribute. Click '''Edit''' on any page to add or fix information.&lt;/p&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;[[Special:RecentChanges|Recent changes]]&lt;/li&gt;<br /> &lt;li&gt;[[Special:WantedPages|Wanted pages]]&lt;/li&gt;<br /> &lt;li&gt;[[Special:NewFiles|New files]]&lt;/li&gt;<br /> &lt;li&gt;[[Special:Statistics|Statistics]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> __NOTOC__</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=914 2026-07-11T17:11:24Z

<p>Maintenance script: Fix encoding</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;\2022 &quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Main_Page&diff=913 2026-07-11T17:09:44Z

<p>Maintenance script: Update Discord button text</p> <hr /> <div>&lt;div class=&quot;mainpage-container&quot;&gt;<br /> <br /> &lt;div class=&quot;mainpage-header&quot;&gt;<br /> &lt;div class=&quot;header-intro&quot;&gt;<br /> &lt;div class=&quot;header-title&quot;&gt;Welcome to the Winds of Valen Wiki!&lt;/div&gt;<br /> &lt;p&gt;We are the official community-maintained encyclopaedia for the fantasy sandbox MMORPG. Anyone can contribute &amp;mdash; [[Special:CreateAccount|create an account]] to get started.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-stats plainlist nomobile&quot;&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;&lt;span&gt;Articles:&lt;/span&gt; &lt;b&gt;{{NUMBEROFARTICLES}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;span&gt;Files:&lt;/span&gt; &lt;b&gt;{{NUMBEROFFILES}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;span&gt;Users:&lt;/span&gt; &lt;b&gt;{{NUMBEROFUSERS}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;span&gt;Edits:&lt;/span&gt; &lt;b&gt;{{NUMBEROFEDITS}}&lt;/b&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mainpage-layout&quot;&gt;<br /> &lt;div class=&quot;mainpage-left&quot;&gt;<br /> <br /> &lt;!-- Latest Updates --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Latest Updates&lt;/div&gt;<br /> &lt;div class=&quot;tile-row updates-row&quot;&gt;<br /> &lt;div class=&quot;tile-halves update-card&quot;&gt;<br /> &lt;div class=&quot;update-header&quot;&gt;10 JULY 2026 &amp;bull; GAME UPDATE&lt;/div&gt;<br /> &lt;div class=&quot;update-title&quot;&gt;[[Open The Gates|Open The Gates &amp;mdash; First Quest is Live!]]&lt;/div&gt;<br /> &lt;p&gt;Help the guards of Valen City open the ancient sealed gates and earn 5,000 Mining XP. The first official quest is now available to all players.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves update-card&quot;&gt;<br /> &lt;div class=&quot;update-header&quot;&gt;10 JULY 2026 &amp;bull; WIKI LAUNCH&lt;/div&gt;<br /> &lt;div class=&quot;update-title&quot;&gt;[[Main Page|Winds of Valen Wiki is Open!]]&lt;/div&gt;<br /> &lt;p&gt;The community wiki is now live. 169 items, 6 skills, regions, quests, and more are documented and ready to be expanded by players.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Categories --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Categories&lt;/div&gt;<br /> &lt;div class=&quot;mainpage-contents tile-row categories-grid&quot;&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_BronzeSword_Icon.png|link=Items]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Items]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_BronzePickaxe_Icon.png|link=Skills]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Skills]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_SantaHat_Icon.png|link=Quests]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Quests]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;tile-halves&quot;&gt;<br /> &lt;div class=&quot;tile-top tile-image&quot;&gt;[[File:T_LeatherBoots_Icon.png|link=Regions]]&lt;/div&gt;<br /> &lt;div class=&quot;tile-bottom link-button&quot;&gt;[[Regions]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Popular Pages --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Popular Pages&lt;/div&gt;<br /> &lt;div class=&quot;popular-grid&quot;&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Open The Gates|Quest: Open The Gates]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Valen City]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[The Wilderness|The Wilderness (PvP)]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Lava Cavern]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Combat|Combat Training]]&lt;/div&gt;<br /> &lt;div class=&quot;link-button dark-button&quot;&gt;[[Mining|Mining Guide]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Skills --&gt;<br /> &lt;div class=&quot;section-title&quot;&gt;Skill Training&lt;/div&gt;<br /> &lt;div class=&quot;skills-grid&quot;&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_BronzeSword_Icon.png|16px|link=Combat]] [[Combat]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_BronzePickaxe_Icon.png|16px|link=Mining]] [[Mining]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_SmithingHammer_Icon.png|16px|link=Smithing]] [[Smithing]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_WoodBow_Icon.png|16px|link=Archery]] [[Archery]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_FishingRod_Icon.png|16px|link=Fishing]] [[Fishing]]&lt;/div&gt;<br /> &lt;div class=&quot;skill-item&quot;&gt;[[File:T_SmallVial_Icon.png|16px|link=Potion Making]] [[Potion Making]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;mainpage-right&quot;&gt;<br /> <br /> &lt;!-- Discord --&gt;<br /> &lt;div class=&quot;discord-widget-modern plainlinks&quot;&gt;<br /> [https://discord.gg/xxzDqg9xWc &lt;span class=&quot;discord-click-target&quot;&gt;&lt;/span&gt;]<br /> &lt;div class=&quot;discord-top&quot;&gt;<br /> &lt;div class=&quot;discord-icon&quot;&gt;&lt;/div&gt;<br /> &lt;div class=&quot;discord-text&quot;&gt;<br /> &lt;div class=&quot;discord-server-name&quot;&gt;Winds of Valen&lt;/div&gt;<br /> &lt;div class=&quot;discord-join-text&quot;&gt;Join the server!&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;discord-arrow&quot;&gt;???&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;discord-bottom&quot;&gt;OFFICIAL GAME DISCORD&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Contribute --&gt;<br /> &lt;div class=&quot;widget-box&quot;&gt;<br /> &lt;div class=&quot;widget-title&quot;&gt;Help Improve the Wiki&lt;/div&gt;<br /> &lt;div class=&quot;widget-body plainlist&quot;&gt;<br /> &lt;p&gt;Anyone can contribute. Click '''Edit''' on any page to add or fix information.&lt;/p&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;[[Special:RecentChanges|Recent changes]]&lt;/li&gt;<br /> &lt;li&gt;[[Special:WantedPages|Wanted pages]]&lt;/li&gt;<br /> &lt;li&gt;[[Special:NewFiles|New files]]&lt;/li&gt;<br /> &lt;li&gt;[[Special:Statistics|Statistics]]&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> __NOTOC__</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=912 2026-07-11T17:09:43Z

<p>Maintenance script: Fix list icons</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;??? &quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Open_The_Gates&diff=910 2026-07-11T16:48:43Z

<p>Maintenance script: Link all goblin references</p> <hr /> <div><br /> <br /> '''Open The Gates''' is an introductory, members-only quest in Winds of Valen that grants players access to [[Valen City]]. In this quest, you must assist Guard Captain Miller in locating his missing scouts around the [[Goblin Villager|goblin]] camp.<br /> <br /> == Details ==<br /> {{Quest Details<br /> |start=Speak to the Gate Guard near [[Valen City]], at the gates of Valen City.<br /> |released=9 July 2026<br /> |members=Yes<br /> |series=Valen City<br /> |difficulty=Novice<br /> |description=The Gate Guard needs assistance, and directs you to speak with Guard Captain Miller.<br /> |requirements=* Active Membership<br /> |items=None<br /> |enemies=* [[Goblin Villager|Goblins]] (Level 15)<br /> }}<br /> <br /> == Walkthrough ==<br /> To begin the quest, speak with the Gate Guard stationed near Valen Gate at the gates of Valen City. The guard will inform you of a situation and direct you to speak with Guard Captain Miller.<br /> <br /> Cross the nearby bridge toward the [[Goblin Villager|goblin]] camp to find Guard Captain Miller. Upon speaking with him, he will ask for your assistance in opening the gate. To do this, you must locate three of his missing scouts: Harry, Walter, and Thomas.<br /> <br /> === Finding the Scouts ===<br /> [[File:Scouts.png|thumb|right|300px|Locations of the three missing scouts.]]<br /> * '''Harry:''' Head above the area where the berserker boss is located. You will need to defeat Level 15 [[Goblin Villager|Goblins]] in this area until one of them drops Harry's helmet. [[File:harry.png|thumb|right|200px|Harry]]<br /> * '''Thomas:''' Continue further up the hill near the chieftain boss's location. You will find Thomas stationed here; simply speak with him. [[File:thomas.png|thumb|right|200px|Thomas]]<br /> * '''Walter:''' Head back down the hill in the direction of Captain Miller. Look for a wooded area along the way, where Walter can be found sitting behind a rock. [[File:walter.png|thumb|right|200px|Walter]]<br /> <br /> Once you have obtained Harry's helmet and located both Thomas and Walter, return to Guard Captain Miller to deliver the news and complete the quest.<br /> <br /> == Quick Guide ==<br /> # Speak to the Gate Guard near Valen Gate at the gates of Valen City.<br /> # Talk to Guard Captain Miller over the bridge near the [[Goblin Villager|goblin]] camp.<br /> # Defeat Level 15 [[Goblin Villager|Goblins]] above the berserker boss until you receive Harry's helmet.<br /> # Speak to Thomas near the chieftain boss.<br /> # Find Walter sitting behind a rock in a wooded area while heading back down towards Captain Miller.<br /> # Return to Guard Captain Miller to claim your reward.<br /> <br /> == Rewards ==<br /> {{Quest Reward Scroll<br /> |rewards=<br /> * Access to the exclusive [[Valen City]] zone.<br /> * A [[Guard Cloak]] (your first back slot item).<br /> * 5,000 [[Mining]] XP.<br /> }}<br /> <br /> [[Category:Quests]]</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Open_The_Gates&diff=909 2026-07-11T16:47:21Z

<p>Maintenance script: Link Goblins to Goblin Villager</p> <hr /> <div><br /> <br /> '''Open The Gates''' is an introductory, members-only quest in Winds of Valen that grants players access to [[Valen City]]. In this quest, you must assist Guard Captain Miller in locating his missing scouts around the goblin camp.<br /> <br /> == Details ==<br /> {{Quest Details<br /> |start=Speak to the Gate Guard near [[Valen City]], at the gates of Valen City.<br /> |released=9 July 2026<br /> |members=Yes<br /> |series=Valen City<br /> |difficulty=Novice<br /> |description=The Gate Guard needs assistance, and directs you to speak with Guard Captain Miller.<br /> |requirements=* Active Membership<br /> |items=None<br /> |enemies=* Goblins (Level 15)<br /> }}<br /> <br /> == Walkthrough ==<br /> To begin the quest, speak with the Gate Guard stationed near Valen Gate at the gates of Valen City. The guard will inform you of a situation and direct you to speak with Guard Captain Miller.<br /> <br /> Cross the nearby bridge toward the goblin camp to find Guard Captain Miller. Upon speaking with him, he will ask for your assistance in opening the gate. To do this, you must locate three of his missing scouts: Harry, Walter, and Thomas.<br /> <br /> === Finding the Scouts ===<br /> [[File:Scouts.png|thumb|right|300px|Locations of the three missing scouts.]]<br /> * '''Harry:''' Head above the area where the berserker boss is located. You will need to defeat Level 15 [[Goblin Villager|Goblins]] in this area until one of them drops Harry's helmet. [[File:harry.png|thumb|right|200px|Harry]]<br /> * '''Thomas:''' Continue further up the hill near the chieftain boss's location. You will find Thomas stationed here; simply speak with him. [[File:thomas.png|thumb|right|200px|Thomas]]<br /> * '''Walter:''' Head back down the hill in the direction of Captain Miller. Look for a wooded area along the way, where Walter can be found sitting behind a rock. [[File:walter.png|thumb|right|200px|Walter]]<br /> <br /> Once you have obtained Harry's helmet and located both Thomas and Walter, return to Guard Captain Miller to deliver the news and complete the quest.<br /> <br /> == Quick Guide ==<br /> # Speak to the Gate Guard near Valen Gate at the gates of Valen City.<br /> # Talk to Guard Captain Miller over the bridge near the goblin camp.<br /> # Defeat Level 15 [[Goblin Villager|Goblins]] above the berserker boss until you receive Harry's helmet.<br /> # Speak to Thomas near the chieftain boss.<br /> # Find Walter sitting behind a rock in a wooded area while heading back down towards Captain Miller.<br /> # Return to Guard Captain Miller to claim your reward.<br /> <br /> == Rewards ==<br /> {{Quest Reward Scroll<br /> |rewards=<br /> * Access to the exclusive [[Valen City]] zone.<br /> * A [[Guard Cloak]] (your first back slot item).<br /> * 5,000 [[Mining]] XP.<br /> }}<br /> <br /> [[Category:Quests]]</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=908 2026-07-11T16:47:20Z

<p>Maintenance script: Restore logo and remove mystical banner</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;???&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Goblin_Villager&diff=907 2026-07-11T16:45:05Z

<p>Maintenance script: Create Goblin Villager</p> <hr /> <div>{{Infobox Monster<br /> |name=Goblin Villager<br /> |image=goblinvillagerpic.png<br /> |description=Hardier goblins from their home settlement, protective of their crude huts and kin.<br /> |health=200<br /> |attack=13<br /> |defence=13<br /> |magic=1<br /> |archery=1<br /> |warding=13<br /> |evasion=5<br /> |quick_damage=50<br /> |attack_speed=2<br /> |slash_accuracy=20<br /> |attack_range=100<br /> |res_slash=70<br /> |res_pierce=30<br /> |res_fire=50<br /> |res_ice=20<br /> |res_lightning=50<br /> |drops=<br /> * '''?''' (5%)<br /> }}<br /> <br /> '''Goblin Villagers''' are level 15 enemies found commonly in the goblin camp. They are fiercely protective of their crude huts and kin.<br /> <br /> == Combat Info ==<br /> They utilize basic melee attacks, wielding small clubs and daggers. They have relatively balanced resistances but are weak to Ice attacks (20 Resistance). <br /> <br /> == Location ==<br /> They are most commonly found in the goblin settlement near [[Valen City]]. Players must defeat them during the [[Open The Gates]] quest to retrieve missing scout items.<br /> <br /> [[Category:Monsters]]<br /> [[Category:Goblins]]</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Template:Infobox_Monster&diff=906 2026-07-11T16:44:50Z

<p>Maintenance script: Create Infobox Monster</p> <hr /> <div>{| class=&quot;infobox&quot; style=&quot;float: right; clear: right; width: 300px; border: 2px solid #5a4b38; background: #e2d1b4; margin: 0 0 1em 1em; text-align: center; font-family: 'PT Serif', Georgia, serif; border-radius: 4px;&quot;<br /> |-<br /> ! colspan=&quot;2&quot; style=&quot;background: #3d2b1f; color: #f1e7d3; font-family: 'Kingthings Petrock', serif; font-size: 1.5em; padding: 5px;&quot; | {{{name|{{PAGENAME}}}}}<br /> |-<br /> | colspan=&quot;2&quot; style=&quot;padding: 10px;&quot; | [[File:{{{image}}}|250px|center]]<br /> |-<br /> | colspan=&quot;2&quot; style=&quot;padding: 10px; font-style: italic; color: #3d2b1f;&quot; | {{{description|}}}<br /> |-<br /> ! colspan=&quot;2&quot; style=&quot;background: #5a4b38; color: #f1e7d3; border-top: 2px solid #3d2b1f; border-bottom: 2px solid #3d2b1f; font-family: 'Kingthings Petrock', serif; font-size: 1.2em;&quot; | Combat Stats<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; width: 50%; padding: 3px;&quot; | Health:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{health|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Attack:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{attack|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Defence:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{defence|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Magic:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{magic|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Archery:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{archery|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Warding:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{warding|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Evasion:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{evasion|}}}<br /> |-<br /> ! colspan=&quot;2&quot; style=&quot;background: #5a4b38; color: #f1e7d3; border-top: 2px solid #3d2b1f; border-bottom: 2px solid #3d2b1f; font-family: 'Kingthings Petrock', serif; font-size: 1.2em;&quot; | Offensive Stats<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Quick Damage:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{quick_damage|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Attack Speed:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{attack_speed|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Slash Accuracy:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{slash_accuracy|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Attack Range:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{attack_range|}}}<br /> |-<br /> ! colspan=&quot;2&quot; style=&quot;background: #5a4b38; color: #f1e7d3; border-top: 2px solid #3d2b1f; border-bottom: 2px solid #3d2b1f; font-family: 'Kingthings Petrock', serif; font-size: 1.2em;&quot; | Defensive Resistances<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Slash:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{res_slash|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Pierce:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{res_pierce|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Fire:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{res_fire|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Ice:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{res_ice|}}}<br /> |-<br /> | style=&quot;text-align: right; font-weight: bold; padding: 3px;&quot; | Lightning:<br /> | style=&quot;text-align: left; padding: 3px;&quot; | {{{res_lightning|}}}<br /> |-<br /> ! colspan=&quot;2&quot; style=&quot;background: #5a4b38; color: #f1e7d3; border-top: 2px solid #3d2b1f; border-bottom: 2px solid #3d2b1f; font-family: 'Kingthings Petrock', serif; font-size: 1.2em;&quot; | Drops<br /> |-<br /> | colspan=&quot;2&quot; style=&quot;padding: 10px;&quot; | {{{drops|}}}<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=File:Goblinvillagerpic.png&diff=905 2026-07-11T16:43:57Z

<p>Maintenance script: == Summary == Importing file </p> <hr /> <div>== Summary ==<br /> Importing file</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=904 2026-07-11T16:43:40Z

<p>Maintenance script: Hide foreground logo</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> background-image: none !important;<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;???&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> background-image: none !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> background-image: none !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=903 2026-07-11T16:38:27Z

<p>Maintenance script: Hide foreground logo</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Hide Foreground Logo (Use Background Instead) --- */<br /> #p-logo a {<br /> background-image: none !important;<br /> height: 140px !important;<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;???&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Open_The_Gates&diff=902 2026-07-11T16:35:55Z

<p>Maintenance script: Add scout screenshots</p> <hr /> <div><br /> <br /> '''Open The Gates''' is an introductory, members-only quest in Winds of Valen that grants players access to [[Valen City]]. In this quest, you must assist Guard Captain Miller in locating his missing scouts around the goblin camp.<br /> <br /> == Details ==<br /> {{Quest Details<br /> |start=Speak to the Gate Guard near [[Valen City]], at the gates of Valen City.<br /> |released=9 July 2026<br /> |members=Yes<br /> |series=Valen City<br /> |difficulty=Novice<br /> |description=The Gate Guard needs assistance, and directs you to speak with Guard Captain Miller.<br /> |requirements=* Active Membership<br /> |items=None<br /> |enemies=* Goblins (Level 15)<br /> }}<br /> <br /> == Walkthrough ==<br /> To begin the quest, speak with the Gate Guard stationed near Valen Gate at the gates of Valen City. The guard will inform you of a situation and direct you to speak with Guard Captain Miller.<br /> <br /> Cross the nearby bridge toward the goblin camp to find Guard Captain Miller. Upon speaking with him, he will ask for your assistance in opening the gate. To do this, you must locate three of his missing scouts: Harry, Walter, and Thomas.<br /> <br /> === Finding the Scouts ===<br /> [[File:Scouts.png|thumb|right|300px|Locations of the three missing scouts.]]<br /> * '''Harry:''' Head above the area where the berserker boss is located. You will need to defeat Level 15 Goblins in this area until one of them drops Harry's helmet. [[File:harry.png|thumb|right|200px|Harry]]<br /> * '''Thomas:''' Continue further up the hill near the chieftain boss's location. You will find Thomas stationed here; simply speak with him. [[File:thomas.png|thumb|right|200px|Thomas]]<br /> * '''Walter:''' Head back down the hill in the direction of Captain Miller. Look for a wooded area along the way, where Walter can be found sitting behind a rock. [[File:walter.png|thumb|right|200px|Walter]]<br /> <br /> Once you have obtained Harry's helmet and located both Thomas and Walter, return to Guard Captain Miller to deliver the news and complete the quest.<br /> <br /> == Quick Guide ==<br /> # Speak to the Gate Guard near Valen Gate at the gates of Valen City.<br /> # Talk to Guard Captain Miller over the bridge near the goblin camp.<br /> # Defeat Level 15 Goblins above the berserker boss until you receive Harry's helmet.<br /> # Speak to Thomas near the chieftain boss.<br /> # Find Walter sitting behind a rock in a wooded area while heading back down towards Captain Miller.<br /> # Return to Guard Captain Miller to claim your reward.<br /> <br /> == Rewards ==<br /> {{Quest Reward Scroll<br /> |rewards=<br /> * Access to the exclusive [[Valen City]] zone.<br /> * A [[Guard Cloak]] (your first back slot item).<br /> * 5,000 [[Mining]] XP.<br /> }}<br /> <br /> [[Category:Quests]]</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=File:Thomas.png&diff=901 2026-07-11T16:35:20Z

<p>Maintenance script: == Summary == Importing file </p> <hr /> <div>== Summary ==<br /> Importing file</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=File:Walter.png&diff=900 2026-07-11T16:35:20Z

<p>Maintenance script: == Summary == Importing file </p> <hr /> <div>== Summary ==<br /> Importing file</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=File:Harry.png&diff=899 2026-07-11T16:35:19Z

<p>Maintenance script: == Summary == Importing file </p> <hr /> <div>== Summary ==<br /> Importing file</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=898 2026-07-11T16:02:08Z

<p>Maintenance script: Add Popups CSS</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Fix Logo Clipping --- */<br /> #p-logo a {<br /> background-size: contain !important;<br /> background-position: center center !important;<br /> height: 140px !important; /* Optional: shrink if it overlaps */<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;???&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }<br /> <br /> /* --- Popups (PagePreviews) Styling --- */<br /> .mwe-popups {<br /> background-color: transparent !important;<br /> border: none !important;<br /> box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important;<br /> }<br /> .mwe-popups .mwe-popups-container {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #7d6b54 !important;<br /> border-radius: 4px !important;<br /> overflow: hidden !important;<br /> }<br /> .mwe-popups .mwe-popups-extract {<br /> color: #2b2b2b !important;<br /> font-family: 'Museo Sans', sans-serif !important;<br /> padding: 15px !important;<br /> font-size: 0.95em !important;<br /> }<br /> .mwe-popups.mwe-popups-is-tall .mwe-popups-extract {<br /> padding-top: 10px !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon {<br /> opacity: 0.7 !important;<br /> }<br /> .mwe-popups .mwe-popups-settings-icon:hover {<br /> opacity: 1 !important;<br /> }<br /> .mwe-popups .mwe-popups-extract::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> .mwe-popups .mwe-popups-extract[dir='ltr']::after {<br /> background-image: linear-gradient(to right, rgba(226, 209, 180, 0), #e2d1b4 50%) !important;<br /> }<br /> svg.mwe-popups-settings-icon path {<br /> fill: #2b2b2b !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=897 2026-07-11T15:55:56Z

<p>Maintenance script: Fix syntax error preventing TOC styles</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Fix Logo Clipping --- */<br /> #p-logo a {<br /> background-size: contain !important;<br /> background-position: center center !important;<br /> height: 140px !important; /* Optional: shrink if it overlaps */<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;???&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: 'PT Serif', Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Template:Quest_Details&diff=896 2026-07-11T15:53:35Z

<p>Maintenance script: Add beige background colors</p> <hr /> <div>{| style=&quot;width:100%; border-collapse:collapse; margin-top:0.5em; margin-bottom:1em; font-size:0.95em; border:1px solid #a38d6d;&quot;<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Start point<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{start|}}}<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Release date<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{released|}}}<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Members<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{members|}}}<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Quest series<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{series|}}}<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Official difficulty<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{difficulty|}}}<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Description<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{description|}}}<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Requirements<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{requirements|}}}<br /> |- style=&quot;border-bottom:1px solid #c4b094;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Items required<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{items|}}}<br /> |- <br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold; background-color:#cfb692;&quot; | Enemies to defeat<br /> | style=&quot;padding:8px; background-color:#e3cfb4;&quot; | {{{enemies|}}}<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=895 2026-07-11T15:53:29Z

<p>Maintenance script: Fix TOC and Heading padding</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Fix Logo Clipping --- */<br /> #p-logo a {<br /> background-size: contain !important;<br /> background-position: center center !important;<br /> height: 140px !important; /* Optional: shrink if it overlaps */<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> <br /> /* Give all page titles some breathing room from the top border */<br /> .firstHeading {<br /> padding-top: 15px !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;???&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: &quot; PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: \PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> #toc, .toc, .mw-parser-output #toc, .mw-parser-output .toc {<br /> background-color: #e2d1b4 !important;<br /> border: 1px solid #998363 !important;<br /> padding: 2px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 0;<br /> margin-bottom: 15px;<br /> }<br /> #toc .toctitle, .toc .toctitle, #toc h2, .toc h2 {<br /> background-color: #c7b08d !important;<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin: 0 !important;<br /> padding: 6px 15px !important;<br /> color: #4a3c28 !important;<br /> }<br /> #toc ul, .toc ul {<br /> list-style-type: none !important;<br /> padding: 10px 15px !important;<br /> margin: 0 !important;<br /> background-color: #e2d1b4 !important;<br /> }<br /> #toc ul ul, .toc ul ul {<br /> padding-left: 1.5em !important; <br /> border-left: 1px dotted #a08c6c;<br /> margin-left: 5px !important;<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #toc li, .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.95em;<br /> line-height: 1.4;<br /> }<br /> #toc a, .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> #toc a:hover, .toc a:hover {<br /> text-decoration: underline !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=894 2026-07-11T15:51:16Z

<p>Maintenance script: Add TOC styles</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Fix Logo Clipping --- */<br /> #p-logo a {<br /> background-size: contain !important;<br /> background-position: center center !important;<br /> height: 140px !important; /* Optional: shrink if it overlaps */<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;???&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in ??? top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: &quot; PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: \PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> }<br /> <br /> /* --- TOC Styling --- */<br /> .toc, .mw-parser-output .toc {<br /> background-color: transparent !important;<br /> border: 1px solid #7d6b54 !important;<br /> padding: 10px 15px !important;<br /> display: inline-block;<br /> color: #2b2b2b;<br /> border-radius: 2px;<br /> margin-bottom: 15px;<br /> }<br /> .toc, .mw-parser-output .toc {<br /> background-color: #dfd0b6 !important;<br /> }<br /> .toc h2, .toc .toctitle {<br /> border-bottom: none !important;<br /> text-align: center;<br /> font-family: 'PT Serif', serif !important;<br /> font-size: 1.1em !important;<br /> font-weight: bold !important;<br /> margin-top: 0 !important;<br /> padding: 0 !important;<br /> color: #4a3c28 !important;<br /> }<br /> .toc ul {<br /> list-style-type: none !important;<br /> padding-left: 0 !important;<br /> margin-top: 8px !important;<br /> }<br /> .toc ul ul {<br /> padding-left: 1.5em !important; <br /> }<br /> .toc li {<br /> margin-bottom: 4px !important;<br /> font-size: 0.9em;<br /> }<br /> .toc a {<br /> color: #5a3c21 !important;<br /> text-decoration: none !important;<br /> }<br /> .toc a:hover {<br /> text-decoration: underline !important;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Open_The_Gates&diff=893 2026-07-11T15:51:09Z

<p>Maintenance script: Add Details heading</p> <hr /> <div><br /> <br /> '''Open The Gates''' is an introductory, members-only quest in Winds of Valen that grants players access to [[Valen City]]. In this quest, you must assist Guard Captain Miller in locating his missing scouts around the goblin camp.<br /> <br /> == Details ==<br /> {{Quest Details<br /> |start=Speak to the Gate Guard near [[Valen City]], at the gates of Valen City.<br /> |released=9 July 2026<br /> |members=Yes<br /> |series=Valen City<br /> |difficulty=Novice<br /> |description=The Gate Guard needs assistance, and directs you to speak with Guard Captain Miller.<br /> |requirements=* Active Membership<br /> |items=None<br /> |enemies=* Goblins (Level 15)<br /> }}<br /> <br /> == Walkthrough ==<br /> To begin the quest, speak with the Gate Guard stationed near Valen Gate at the gates of Valen City. The guard will inform you of a situation and direct you to speak with Guard Captain Miller.<br /> <br /> Cross the nearby bridge toward the goblin camp to find Guard Captain Miller. Upon speaking with him, he will ask for your assistance in opening the gate. To do this, you must locate three of his missing scouts: Harry, Walter, and Thomas.<br /> <br /> === Finding the Scouts ===<br /> [[File:Scouts.png|thumb|right|300px|Locations of the three missing scouts.]]<br /> * '''Harry:''' Head above the area where the berserker boss is located. You will need to defeat Level 15 Goblins in this area until one of them drops Harry's helmet.<br /> * '''Thomas:''' Continue further up the hill near the chieftain boss's location. You will find Thomas stationed here; simply speak with him.<br /> * '''Walter:''' Head back down the hill in the direction of Captain Miller. Look for a wooded area along the way, where Walter can be found sitting behind a rock.<br /> <br /> Once you have obtained Harry's helmet and located both Thomas and Walter, return to Guard Captain Miller to deliver the news and complete the quest.<br /> <br /> == Quick Guide ==<br /> # Speak to the Gate Guard near Valen Gate at the gates of Valen City.<br /> # Talk to Guard Captain Miller over the bridge near the goblin camp.<br /> # Defeat Level 15 Goblins above the berserker boss until you receive Harry's helmet.<br /> # Speak to Thomas near the chieftain boss.<br /> # Find Walter sitting behind a rock in a wooded area while heading back down towards Captain Miller.<br /> # Return to Guard Captain Miller to claim your reward.<br /> <br /> == Rewards ==<br /> {{Quest Reward Scroll<br /> |rewards=<br /> * Access to the exclusive [[Valen City]] zone.<br /> * A [[Guard Cloak]] (your first back slot item).<br /> * 5,000 [[Mining]] XP.<br /> }}<br /> <br /> [[Category:Quests]]</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Template:Quest_Details&diff=892 2026-07-11T15:51:03Z

<p>Maintenance script: Match OSRS</p> <hr /> <div>{| style=&quot;width:100%; border-collapse:collapse; margin-top:0.5em; margin-bottom:1em; font-size:0.95em; background-color:transparent;&quot;<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Start point<br /> | style=&quot;padding:8px;&quot; | {{{start|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Release date<br /> | style=&quot;padding:8px;&quot; | {{{released|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Members<br /> | style=&quot;padding:8px;&quot; | {{{members|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Quest series<br /> | style=&quot;padding:8px;&quot; | {{{series|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Official difficulty<br /> | style=&quot;padding:8px;&quot; | {{{difficulty|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Description<br /> | style=&quot;padding:8px;&quot; | {{{description|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Requirements<br /> | style=&quot;padding:8px;&quot; | {{{requirements|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Items required<br /> | style=&quot;padding:8px;&quot; | {{{items|}}}<br /> |- style=&quot;border-bottom:1px solid #b3a07d;&quot;<br /> ! style=&quot;width:15%; text-align:left; vertical-align:top; padding:8px; color:#4a3c28; font-weight:bold;&quot; | Enemies to defeat<br /> | style=&quot;padding:8px;&quot; | {{{enemies|}}}<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=891 2026-07-11T15:48:15Z

<p>Maintenance script: Remove legacy tab colors</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Fix Logo Clipping --- */<br /> #p-logo a {<br /> background-size: contain !important;<br /> background-position: center center !important;<br /> height: 140px !important; /* Optional: shrink if it overlaps */<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;•&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Hide the Read tab to match OSRS */<br /> #ca-view {<br /> display: none !important;<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in — top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: &quot; PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: \PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=890 2026-07-11T15:43:52Z

<p>Maintenance script: Fix tab overlaps</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Fix Logo Clipping --- */<br /> #p-logo a {<br /> background-size: contain !important;<br /> background-position: center center !important;<br /> height: 140px !important; /* Optional: shrink if it overlaps */<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;•&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 10px 14px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> height: 40px !important;<br /> box-sizing: border-box !important;<br /> display: flex !important;<br /> align-items: center !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> }<br /> <br /> /* --- Right Navigation (Read, Edit, History) Overrides --- */<br /> /* In OSRS, the right tabs are just text links, not white boxes */<br /> #p-views .vector-menu-content-list &gt; li.selected {<br /> background-color: transparent !important;<br /> margin-bottom: 0 !important;<br /> z-index: 2 !important;<br /> }<br /> #p-views .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #794900 !important;<br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Re-apply the specific tab backgrounds we WANT */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: #cfc08d !important; /* Inactive tab */<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #f1e7d3 !important; /* Active tab */<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in — top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border (only left tabs) */<br /> #left-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> #right-navigation .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: 0 !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: &quot; PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: \PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.js&diff=889 2026-07-11T15:40:24Z

<p>Maintenance script: Rename tabs</p> <hr /> <div>$(document).ready(function() {<br /> $('#ca-nstab-main a').text('Article');<br /> $('#ca-history a').text('History');<br /> $('#ca-view a').text('Read');<br /> });</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=MediaWiki:Common.css&diff=888 2026-07-11T15:40:23Z

<p>Maintenance script: Remove tab borders to match OSRS</p> <hr /> <div>/* ==========================================================================<br /> OSRS EXACT REPLICA DESIGN SYSTEM<br /> ========================================================================== */<br /> <br /> @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&amp;family=Inter:wght@400;600;700&amp;display=swap');<br /> <br /> /* --- 1. Custom Fonts --- */<br /> @font-face {<br /> font-family: 'Kingthings Petrock';<br /> src: url('/resources/assets/fonts/Kingthings_Petrock.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'League Spartan';<br /> src: url('/resources/assets/fonts/LeagueSpartan-Bold.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'Museo Sans';<br /> src: url('/resources/assets/fonts/MuseoSans-500.woff2') format('woff2');<br /> }<br /> @font-face {<br /> font-family: 'RuneScape Chat';<br /> src: url('/resources/assets/fonts/RuneScape-Chat.woff2') format('woff2');<br /> }<br /> <br /> /* --- 2. Base Body Override --- */<br /> body {<br /> background-image: none !important;<br /> background-color: #e1d5be !important;<br /> font-family: 'Museo Sans', 'PT Serif', Georgia, serif;<br /> }<br /> <br /> /* --- 3. Content Parchment Container --- */<br /> #content {<br /> background: url('/resources/assets/background_parchment.png') repeat #f1e7d3 !important;<br /> border: 3px solid #3d2b1f !important;<br /> border-radius: 4px;<br /> margin-top: 15px;<br /> }<br /> <br /> #mw-content-text {<br /> background-color: transparent !important;<br /> }<br /> <br /> /* --- 4. Header Styling --- */<br /> h1, h2, h3, h4, h5, h6 {<br /> font-family: 'Kingthings Petrock', serif;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d; /* Gold trim */<br /> }<br /> <br /> /* --- 5. Fix Logo Clipping --- */<br /> #p-logo a {<br /> background-size: contain !important;<br /> background-position: center center !important;<br /> height: 140px !important; /* Optional: shrink if it overlaps */<br /> }<br /> <br /> /* --- 6. Main Page Layout Tweaks --- */<br /> .page-Main_Page #firstHeading,<br /> .page-Main_Page .mw-first-heading {<br /> display: none !important;<br /> }<br /> .page-Main_Page .mw-body-content {<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* --- 7. Margin Collapse Fix --- */<br /> .mw-parser-output .column-grid &gt; * {<br /> margin-top: 0;<br /> }<br /> .mw-parser-output .column-grid &gt; *:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> /* --- 8. Reader Mode --- */<br /> body.reader-mode-active #mw-panel,<br /> body.reader-mode-active #mw-head {<br /> display: none;<br /> }<br /> body.reader-mode-active #content {<br /> margin-left: auto;<br /> margin-right: auto;<br /> max-width: 960px;<br /> padding: 40px;<br /> }<br /> <br /> /* ==========================================================================<br /> OSRS NATIVE DOM ARCHITECTURE (Main Page Layout Engine)<br /> ========================================================================== */<br /> <br /> .mainpage-container {<br /> max-width: 100%;<br /> color: #4a3c28;<br /> box-sizing: border-box;<br /> font-family: 'PT Serif', Georgia, serif;<br /> }<br /> <br /> .mainpage-layout {<br /> display: grid;<br /> grid-template-columns: 1fr 300px;<br /> gap: 14px;<br /> align-items: start;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-layout {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> gap: 14px;<br /> margin-bottom: 14px;<br /> }<br /> .header-intro {<br /> flex: 1;<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 25px;<br /> text-align: center;<br /> }<br /> .header-title {<br /> font-size: 1.6em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> margin-bottom: 8px;<br /> line-height: 1.2;<br /> }<br /> .header-intro p {<br /> font-size: 0.95em;<br /> color: #5c4e38;<br /> margin: 0;<br /> }<br /> <br /> .header-stats {<br /> width: 300px;<br /> flex-shrink: 0;<br /> background-color: #f1e7d3 !important;<br /> border: 1px solid #b3a07d;<br /> padding: 20px 25px;<br /> box-sizing: border-box;<br /> }<br /> .header-stats ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .header-stats li {<br /> display: flex;<br /> justify-content: space-between;<br /> margin-bottom: 6px;<br /> font-size: 0.9em;<br /> border-bottom: 1px dashed #d1c4ac;<br /> padding-bottom: 6px;<br /> }<br /> .header-stats li:last-child {<br /> margin-bottom: 0;<br /> border-bottom: none;<br /> padding-bottom: 0;<br /> }<br /> .header-stats b {<br /> color: #4a3c28;<br /> }<br /> <br /> @media screen and (max-width: 900px) {<br /> .mainpage-header { flex-direction: column; }<br /> .header-stats { width: 100%; }<br /> }<br /> <br /> .section-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> padding: 8px 14px 7px;<br /> border-bottom: 2px solid #b3a07d;<br /> background-color: #f1e7d3;<br /> margin: 0 0 14px 0;<br /> }<br /> <br /> .tile-row {<br /> display: grid;<br /> gap: 8px;<br /> margin-bottom: 14px;<br /> }<br /> .updates-row {<br /> grid-template-columns: 1fr 1fr;<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> gap: 0;<br /> }<br /> .categories-grid {<br /> grid-template-columns: repeat(4, 1fr);<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .update-card {<br /> padding: 12px 14px;<br /> border-right: 1px solid #b3a07d;<br /> }<br /> .update-card:last-child { border-right: none; }<br /> .update-header {<br /> font-family: 'Inter', sans-serif;<br /> font-size: 0.7em;<br /> font-weight: 700;<br /> text-transform: uppercase;<br /> color: #5c4e38;<br /> letter-spacing: 0.05em;<br /> margin-bottom: 4px;<br /> }<br /> .update-title {<br /> font-size: 0.95em;<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> line-height: 1.3;<br /> }<br /> .update-title a {<br /> color: #a61c1c !important;<br /> text-decoration: none;<br /> }<br /> .update-title a:hover { text-decoration: underline; }<br /> <br /> .categories-grid .tile-halves {<br /> border: 1px solid #b3a07d;<br /> background-color: #ffffff;<br /> }<br /> .tile-top.tile-image {<br /> background-color: #ffffff !important;<br /> height: 110px;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 10px;<br /> border-bottom: 1px solid #b3a07d;<br /> }<br /> .tile-top.tile-image img {<br /> max-width: 100%;<br /> max-height: 100%;<br /> object-fit: contain;<br /> }<br /> .tile-bottom.link-button {<br /> background-color: #fcf6e8 !important;<br /> padding: 8px 6px;<br /> text-align: center;<br /> font-size: 0.9em;<br /> flex-grow: 1;<br /> }<br /> .tile-bottom.link-button a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> display: block;<br /> }<br /> .tile-bottom.link-button a:hover { text-decoration: underline !important; }<br /> <br /> .popular-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> gap: 8px;<br /> background-color: #f1e7d3;<br /> padding: 10px;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> .link-button.dark-button a {<br /> display: block;<br /> background-color: #5c4e38 !important;<br /> color: #ffffff !important;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> font-size: 0.85em;<br /> text-align: center;<br /> padding: 12px 6px;<br /> text-decoration: none !important;<br /> border: 1px solid #3d3324;<br /> }<br /> .link-button.dark-button a:hover { background-color: #6e5e44 !important; }<br /> <br /> .skills-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> background-color: #fcf6e8;<br /> border: 1px solid #b3a07d;<br /> padding: 8px 10px;<br /> margin-bottom: 14px;<br /> }<br /> .skill-item {<br /> padding: 8px 10px;<br /> font-size: 0.85em;<br /> border-bottom: 1px solid #b3a07d;<br /> border-right: 1px solid #b3a07d;<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> }<br /> .skill-item:nth-child(3n) { border-right: none; }<br /> .skill-item a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .skill-item a:hover { color: #611313 !important; text-decoration: underline; }<br /> <br /> .discord-widget, .widget-box {<br /> background-color: #f1e7d3;<br /> border: 1px solid #b3a07d;<br /> margin-bottom: 14px;<br /> }<br /> <br /> .discord-widget {<br /> background-color: #3b5580 !important;<br /> border: 1px solid #263854 !important;<br /> color: #ffffff;<br /> }<br /> .discord-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> border-bottom: 1px solid #526e9c;<br /> padding: 10px 14px;<br /> }<br /> .discord-body { padding: 12px 14px; }<br /> .discord-body p { margin: 0 0 12px 0; font-size: 0.85em; line-height: 1.5; color: #e2e8f0; }<br /> .discord-btn a {<br /> display: block;<br /> background-color: #21324d !important;<br /> color: #ffffff !important;<br /> text-align: center;<br /> padding: 10px;<br /> font-family: 'Inter', sans-serif;<br /> font-weight: bold;<br /> text-decoration: none !important;<br /> border: 1px solid #141f30;<br /> border-radius: 2px;<br /> }<br /> .discord-btn a:hover { background-color: #17253a !important; }<br /> <br /> .widget-title {<br /> font-family: 'PT Serif', Georgia, serif;<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> color: #4a3c28;<br /> border-bottom: 1px solid #b3a07d;<br /> padding: 10px 14px;<br /> }<br /> .widget-body {<br /> padding: 12px 14px;<br /> font-size: 0.85em;<br /> background-color: #fcf6e8;<br /> line-height: 1.6;<br /> }<br /> .widget-body p { margin: 0 0 8px 0; }<br /> .plainlist ul {<br /> list-style: none;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .plainlist li {<br /> margin-bottom: 4px;<br /> }<br /> .plainlist li::before {<br /> content: &quot;•&quot;;<br /> color: #611313;<br /> margin-right: 6px;<br /> font-weight: bold;<br /> }<br /> .plainlist a {<br /> color: #611313 !important;<br /> font-weight: bold;<br /> text-decoration: none;<br /> }<br /> .plainlist a:hover { text-decoration: underline; }<br /> <br /> @media screen and (max-width: 900px) {<br /> .updates-row, .categories-grid, .popular-grid, .skills-grid {<br /> grid-template-columns: 1fr;<br /> }<br /> .update-card { border-right: none; border-bottom: 1px solid #b3a07d; }<br /> }<br /> <br /> /* Responsive adjustments for legacy vector */<br /> @media screen and (max-width: 980px) {<br /> #content { margin: 10px; border-width: 2px; }<br /> }<br /> /* --- 9. Vector Legacy Tabs Styling --- */<br /> /* Remove default Vector tab backgrounds */<br /> .vector-menu-tabs, <br /> .vector-menu-tabs a, <br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions {<br /> background-image: none !important;<br /> }<br /> <br /> /* Base inactive tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: transparent !important; <br /> border: none !important;<br /> margin-right: 0 !important;<br /> display: inline-block;<br /> padding: 0 !important;<br /> }<br /> <br /> /* Active tab style */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #ffffff !important; <br /> border: none !important;<br /> position: relative;<br /> z-index: 2; <br /> margin-bottom: 0; <br /> }<br /> <br /> /* Tab link text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> color: #794900 !important;<br /> padding: 12px 18px !important;<br /> font-family: 'Museo Sans', 'PT Serif', sans-serif;<br /> font-weight: normal;<br /> font-size: 0.95em;<br /> background: transparent !important;<br /> }<br /> <br /> /* Active tab text */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected &gt; a {<br /> color: #3b240b !important;<br /> padding-bottom: 12px !important; <br /> }<br /> <br /> /* Remove the top margin on content so tabs touch the border */<br /> #content {<br /> margin-top: 0 !important;<br /> }<br /> <br /> /* Push the whole header/navigation block down so it doesn't overlap the logo */<br /> #mw-head {<br /> top: 15px !important;<br /> }<br /> <br /> /* Style the Search Box to match OSRS */<br /> #p-search {<br /> margin-top: 4px !important;<br /> margin-left: 10px !important;<br /> }<br /> #simpleSearch {<br /> background-color: #efeee6 !important;<br /> border: 1px solid #94866d !important;<br /> }<br /> /* --- 10. OSRS Full-Width Header Bar --- */<br /> /* Create the continuous beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 0;<br /> left: 170px; /* Starts just right of the logo */<br /> right: 0;<br /> height: 38px; /* Matches tab height */<br /> background-color: #d8ccb4; /* Darker parchment */<br /> border-top: 1px solid #94866d;<br /> z-index: 0;<br /> }<br /> <br /> /* Ensure navigation sits on top of the pseudo-element bar */<br /> #left-navigation, <br /> #right-navigation {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* Force transparency on all Vector legacy header backgrounds so the beige bar shows through */<br /> #mw-head-base,<br /> .vector-menu-tabs,<br /> .vector-menu-tabs ul,<br /> .vector-menu-tabs li,<br /> #p-views,<br /> #p-cactions,<br /> #p-search,<br /> #p-personal {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* Re-apply the specific tab backgrounds we WANT */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> background-color: #cfc08d !important; /* Inactive tab */<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> background-color: #f1e7d3 !important; /* Active tab */<br /> }<br /> <br /> /* Personal tools (top right: Create account, Log in) */<br /> #p-personal {<br /> top: -20px !important; /* Push it up into the mushroom background */<br /> }<br /> #p-personal ul {<br /> background-color: rgba(241, 231, 211, 0.85); /* Semi-transparent parchment */<br /> padding: 4px 10px;<br /> border-radius: 4px;<br /> border: 1px solid #b3a07d;<br /> }<br /> #p-personal li a {<br /> color: #4a3c28 !important;<br /> font-weight: bold;<br /> }<br /> /* --- 12. Remove Vector Text Shadows --- */<br /> /* Legacy Vector adds text-shadows to tabs and personal tools which look like a bad &quot;backstroke&quot; with our new dark text colors */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a,<br /> #p-personal li a,<br /> .vector-menu-tabs li a {<br /> text-shadow: none !important;<br /> }<br /> /* --- 13. Header Bar Padding &amp; Overlap Fixes --- */<br /> /* Increase the height of the beige bar so it has more padding and fully encompasses the tabs and search bar */<br /> #mw-head::before {<br /> height: 46px !important; <br /> }<br /> <br /> /* Push the search bar down slightly so it's vertically centered in the taller beige bar */<br /> #p-search {<br /> margin-top: 8px !important; <br /> margin-right: 15px !important; /* Give it some breathing room on the right */<br /> }<br /> <br /> /* Ensure the tabs have a little extra padding inside so they don't look cramped */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li &gt; a {<br /> padding-left: 14px !important;<br /> padding-right: 14px !important;<br /> }<br /> /* --- 15. VisualEditor Toolbar Fixes --- */<br /> /* Prevent the VE toolbar from overlapping the beige header bar by enforcing z-indexes */<br /> #mw-head {<br /> position: absolute;<br /> z-index: 100 !important;<br /> }<br /> #mw-head::before {<br /> z-index: 0 !important;<br /> }<br /> #left-navigation, #right-navigation {<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Style the VisualEditor toolbar to match the OSRS parchment theme */<br /> .ve-init-mw-desktopArticleTarget-toolbar,<br /> .oo-ui-toolbar-bar,<br /> .oo-ui-toolbar {<br /> background-color: #f1e7d3 !important;<br /> border-bottom: 2px solid #b3a07d !important;<br /> border-top: none !important;<br /> z-index: 90 !important; /* Ensure it tucks UNDER the header tabs/bar if it tries to overlap */<br /> }<br /> <br /> /* Add the dark brown top border specifically to the VE toolbar so tabs have something to sit on */<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> border-top: 3px solid #3d2b1f !important;<br /> }<br /> <br /> /* Ensure dropdowns and menus in VE are also parchment colored */<br /> .oo-ui-popupWidget-popup, <br /> .oo-ui-menuSelectWidget {<br /> background-color: #fcf6e8 !important;<br /> border: 1px solid #b3a07d !important;<br /> }<br /> /* --- 16. Push VisualEditor Down --- */<br /> /* Remove the z-index that hid the toolbar, and physically push it down so the buttons are visible */<br /> #mw-head {<br /> z-index: auto !important;<br /> }<br /> .ve-init-mw-desktopArticleTarget-toolbar {<br /> z-index: 10 !important;<br /> margin-top: 48px !important; /* Push it down below the beige header bar */<br /> }<br /> <br /> <br /> /* ==========================================================================<br /> BODY &amp; BACKGROUND<br /> ========================================================================== */<br /> body {<br /> background: #e1d5be;<br /> background-image: none;<br /> }<br /> <br /> /* ==========================================================================<br /> LOGO TEXT (sidebar, below logo icon)<br /> ========================================================================== */<br /> #p-logo::after {<br /> content: &quot;The Winds of Valen Wiki&quot;;<br /> display: block;<br /> text-align: center;<br /> font-family: 'Kingthings Petrock', 'PT Serif', Georgia, serif;<br /> font-size: 1.1em;<br /> font-weight: normal;<br /> color: #f1e7d3;<br /> text-shadow: 2px 2px 4px #000000, -1px -1px 2px #000000;<br /> line-height: 1.2;<br /> padding: 0 6px;<br /> margin-top: 2px;<br /> }<br /> <br /> /* ==========================================================================<br /> BANNER<br /> #mw-page-base is already position:absolute in Vector Legacy skin.<br /> We use it as the full-width banner container.<br /> ========================================================================== */<br /> #mw-page-base {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> width: 100% !important;<br /> height: 160px !important;<br /> background: url('/resources/assets/mystical_header.png') center top no-repeat !important;<br /> background-size: cover !important; background-position: center 40% !important;<br /> background-color: transparent !important;<br /> z-index: 0 !important;<br /> display: block !important;<br /> }<br /> <br /> /* Hide the redundant head-base gradient overlay */<br /> #mw-head-base {<br /> display: none !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DESKTOP LAYOUT &gt;= 1000px<br /> ========================================================================== */<br /> @media screen and (min-width: 1000px) {<br /> <br /> /* Tab bar row: sits at the bottom of the 160px banner */<br /> #mw-head {<br /> position: absolute !important;<br /> top: 120px !important;<br /> left: 0 !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> width: 100% !important;<br /> margin: 0 !important;<br /> padding: 0 !important;<br /> z-index: 50 !important;<br /> }<br /> <br /> /* Beige bar behind the tabs */<br /> #mw-head::before {<br /> content: &quot;&quot; !important;<br /> display: block !important;<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> right: 0 !important;<br /> height: 40px !important;<br /> background-color: #d8ccb4 !important;<br /> border-top: 2px solid #3d2b1f !important;<br /> z-index: 0 !important;<br /> }<br /> <br /> /* Left nav: Main Page, Discussion tabs */<br /> #left-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> left: 165px !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Right nav: Read, Edit, Search */<br /> #right-navigation {<br /> position: absolute !important;<br /> bottom: 0 !important;<br /> right: 0 !important;<br /> margin: 0 !important;<br /> float: none !important;<br /> z-index: 2 !important;<br /> }<br /> <br /> /* Personal tools: Create account / Log in — top right corner */<br /> #p-personal {<br /> position: absolute !important;<br /> top: -80px !important;<br /> right: 10px !important;<br /> margin: 0 !important;<br /> z-index: 200 !important;<br /> }<br /> #p-personal ul {<br /> background: rgba(241, 231, 211, 0.95) !important;<br /> border: 1px solid #b3a07d !important;<br /> padding: 6px 12px !important;<br /> border-radius: 4px;<br /> box-shadow: 0 2px 4px rgba(0,0,0,0.5);<br /> }<br /> <br /> /* Content box: starts at bottom of banner, shifted right of sidebar */<br /> #content {<br /> position: relative !important;<br /> z-index: 1 !important;<br /> margin-top: 160px !important;<br /> margin-left: 165px !important;<br /> padding-top: 0 !important;<br /> }<br /> <br /> /* Active tab latches onto content box top border */<br /> .vector-menu-tabs .vector-menu-content-list &gt; li.selected {<br /> margin-bottom: -3px !important;<br /> z-index: 3 !important;<br /> position: relative !important;<br /> }<br /> <br /> /* Sidebar: starts at top:0 so logo naturally overlaps the banner */<br /> #mw-panel {<br /> position: absolute !important;<br /> top: 0 !important;<br /> left: 0 !important;<br /> width: 165px !important;<br /> padding-top: 0 !important;<br /> z-index: 10 !important;<br /> background: transparent !important;<br /> }<br /> <br /> /* Logo area: spans full 160px banner height */<br /> #p-logo {<br /> height: 160px !important;<br /> display: block !important;<br /> overflow: hidden !important;<br /> padding: 0 !important;<br /> margin: 0 !important;<br /> }<br /> <br /> /* Logo anchor: shows the icon image in top portion, leaves room for text below */<br /> #p-logo a {<br /> display: block !important;<br /> width: 165px !important;<br /> height: 110px !important;<br /> background-size: 100px auto !important;<br /> background-position: center 8px !important;<br /> background-repeat: no-repeat !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> MOBILE LAYOUT &lt; 1000px<br /> ========================================================================== */<br /> @media screen and (max-width: 999px) {<br /> body {<br /> background: #e1d5be !important;<br /> background-image: none !important;<br /> }<br /> #mw-page-base {<br /> display: none !important;<br /> }<br /> #content {<br /> margin-top: 20px !important;<br /> margin-left: 10px !important;<br /> margin-right: 10px !important;<br /> padding-top: 10px !important;<br /> }<br /> #mw-head {<br /> position: static !important;<br /> top: auto !important;<br /> }<br /> #mw-head::before {<br /> display: none !important;<br /> }<br /> #mw-panel {<br /> position: static !important;<br /> }<br /> #p-logo {<br /> height: auto !important;<br /> }<br /> #p-logo a {<br /> height: 80px !important;<br /> background-size: contain !important;<br /> background-position: center !important;<br /> }<br /> .vector-menu-tabs .vector-menu-content-list &gt; li {<br /> margin-bottom: 2px !important;<br /> }<br /> }<br /> <br /> /* ==========================================================================<br /> SIDEBAR PORTAL BACKGROUNDS<br /> ========================================================================== */<br /> div.vector-menu-portal,<br /> #mw-panel div.portal,<br /> .portal,<br /> .mw-portlet {<br /> background-image: none !important;<br /> background-color: transparent !important;<br /> }<br /> <br /> /* ==========================================================================<br /> DISCORD WIDGET<br /> ========================================================================== */<br /> .discord-widget-modern {<br /> position: relative;<br /> background-color: #5865F2;<br /> border-radius: 4px;<br /> overflow: hidden;<br /> font-family: 'Inter', sans-serif;<br /> color: #ffffff;<br /> margin-bottom: 20px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern a {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> z-index: 10;<br /> text-decoration: none !important;<br /> }<br /> .discord-click-target { display: block; width: 100%; height: 100%; }<br /> .discord-top { padding: 16px 20px; display: flex; align-items: center; }<br /> .discord-icon {<br /> width: 45px; height: 35px;<br /> background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 127.14 96.36&quot; fill=&quot;%23ffffff&quot;&gt;&lt;path d=&quot;M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1,105.25,105.25,0,0,0,32.19-16.14c0,0,.04-.06.05-.09,2.7-27.14-2.88-51.52-19-72.06ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.31,60,73.31,53s5-12.74,11.43-12.74S96.2,46,96.09,53,91.04,65.69,84.69,65.69Z&quot;/&gt;&lt;/svg&gt;');<br /> background-size: contain; background-repeat: no-repeat; background-position: center;<br /> margin-right: 15px;<br /> }<br /> .discord-text { flex-grow: 1; }<br /> .discord-server-name { font-weight: 800; font-size: 17px; margin-bottom: 2px; }<br /> .discord-join-text { font-size: 14px; }<br /> .discord-arrow { font-size: 28px; font-weight: bold; margin-left: 10px; line-height: 1; }<br /> .discord-bottom {<br /> background-color: #4752C4; padding: 10px; text-align: center;<br /> font-size: 12px; font-weight: 800; letter-spacing: 0.5px;<br /> transition: background-color 0.2s ease;<br /> }<br /> .discord-widget-modern:hover { background-color: #4752C4; cursor: pointer; }<br /> .discord-widget-modern:hover .discord-bottom { background-color: #3b45a5; }<br /> <br /> /* Hide Powered by MediaWiki */<br /> #footer-poweredbyico { display: none !important; }<br /> <br /> /* OSRS Style Wikitables and Infoboxes */<br /> table.infobox, table.wikitable {<br /> background-color: #dfd0b6;<br /> border: 1px solid #7d6b54;<br /> border-collapse: collapse;<br /> color: #2b2b2b;<br /> }<br /> table.infobox th, table.wikitable th {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> text-align: center;<br /> }<br /> table.infobox td, table.wikitable td {<br /> border: 1px solid #7d6b54;<br /> padding: 6px;<br /> }<br /> table.infobox caption {<br /> background-color: #cbb493;<br /> border: 1px solid #7d6b54;<br /> border-bottom: none;<br /> padding: 4px;<br /> font-weight: bold;<br /> }<br /> /* Section Headers */<br /> #content h2 {<br /> border-bottom: 2px solid #7d6b54;<br /> font-family: &quot; PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> margin-top: 1.5em;<br /> padding-bottom: 2px;<br /> }<br /> #content h3 {<br /> font-family: \PT Serif\, Georgia, serif;<br /> color: #4a3c28;<br /> }</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Open_The_Gates&diff=887 2026-07-11T15:36:27Z

<p>Maintenance script: Remove infobox and update details</p> <hr /> <div><br /> <br /> '''Open The Gates''' is an introductory, members-only quest in Winds of Valen that grants players access to [[Valen City]]. In this quest, you must assist Guard Captain Miller in locating his missing scouts around the goblin camp.<br /> <br /> {{Quest Details<br /> |start=Speak to the Gate Guard near [[Valen City]], at the gates of Valen City.<br /> |released=9 July 2026<br /> |members=Yes<br /> |series=Valen City<br /> |difficulty=Novice<br /> |description=The Gate Guard needs assistance, and directs you to speak with Guard Captain Miller.<br /> |requirements=* Active Membership<br /> |items=None<br /> |enemies=* Goblins (Level 15)<br /> }}<br /> <br /> == Walkthrough ==<br /> To begin the quest, speak with the Gate Guard stationed near Valen Gate at the gates of Valen City. The guard will inform you of a situation and direct you to speak with Guard Captain Miller.<br /> <br /> Cross the nearby bridge toward the goblin camp to find Guard Captain Miller. Upon speaking with him, he will ask for your assistance in opening the gate. To do this, you must locate three of his missing scouts: Harry, Walter, and Thomas.<br /> <br /> === Finding the Scouts ===<br /> [[File:Scouts.png|thumb|right|300px|Locations of the three missing scouts.]]<br /> * '''Harry:''' Head above the area where the berserker boss is located. You will need to defeat Level 15 Goblins in this area until one of them drops Harry's helmet.<br /> * '''Thomas:''' Continue further up the hill near the chieftain boss's location. You will find Thomas stationed here; simply speak with him.<br /> * '''Walter:''' Head back down the hill in the direction of Captain Miller. Look for a wooded area along the way, where Walter can be found sitting behind a rock.<br /> <br /> Once you have obtained Harry's helmet and located both Thomas and Walter, return to Guard Captain Miller to deliver the news and complete the quest.<br /> <br /> == Quick Guide ==<br /> # Speak to the Gate Guard near Valen Gate at the gates of Valen City.<br /> # Talk to Guard Captain Miller over the bridge near the goblin camp.<br /> # Defeat Level 15 Goblins above the berserker boss until you receive Harry's helmet.<br /> # Speak to Thomas near the chieftain boss.<br /> # Find Walter sitting behind a rock in a wooded area while heading back down towards Captain Miller.<br /> # Return to Guard Captain Miller to claim your reward.<br /> <br /> == Rewards ==<br /> {{Quest Reward Scroll<br /> |rewards=<br /> * Access to the exclusive [[Valen City]] zone.<br /> * A [[Guard Cloak]] (your first back slot item).<br /> * 5,000 [[Mining]] XP.<br /> }}<br /> <br /> [[Category:Quests]]</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Template:Quest_Details&diff=886 2026-07-11T15:36:19Z

<p>Maintenance script: Add fields</p> <hr /> <div>{| class=&quot;wikitable&quot; style=&quot;width:100%; border-collapse:collapse; background-color:#e8dcc4; border:1px solid #7d6b54; margin-top:1em; margin-bottom:1em; font-size:90%;&quot;<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Start point<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{start|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Release date<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{released|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Members<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{members|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Quest series<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{series|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Official difficulty<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{difficulty|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Description<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{description|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Requirements<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{requirements|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Items required<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{items|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Enemies to defeat<br /> | style=&quot;padding:4px;&quot; | {{{enemies|}}}<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Open_The_Gates&diff=885 2026-07-11T15:34:12Z

<p>Maintenance script: Apply OSRS style layout</p> <hr /> <div>{{Infobox Quest<br /> |name=Open The Gates<br /> |image=<br /> |released=11 July 2026<br /> |members=Yes<br /> |series=Valen City<br /> |developer=Mike<br /> }}<br /> <br /> '''Open The Gates''' is an introductory, members-only quest in Winds of Valen that grants players access to [[Valen City]]. In this quest, you must assist Guard Captain Miller in locating his missing scouts around the goblin camp.<br /> <br /> {{Quest Details<br /> |start=Speak to the Gate Guard near [[Valen City]], at the gates of Valen City.<br /> |difficulty=Novice<br /> |description=The Gate Guard needs assistance, and directs you to speak with Guard Captain Miller.<br /> |requirements=* Active Membership<br /> |items=None<br /> |enemies=* Goblins (Level 15)<br /> }}<br /> <br /> == Walkthrough ==<br /> To begin the quest, speak with the Gate Guard stationed near Valen Gate at the gates of Valen City. The guard will inform you of a situation and direct you to speak with Guard Captain Miller.<br /> <br /> Cross the nearby bridge toward the goblin camp to find Guard Captain Miller. Upon speaking with him, he will ask for your assistance in opening the gate. To do this, you must locate three of his missing scouts: Harry, Walter, and Thomas.<br /> <br /> === Finding the Scouts ===<br /> [[File:Scouts.png|thumb|right|300px|Locations of the three missing scouts.]]<br /> * '''Harry:''' Head above the area where the berserker boss is located. You will need to defeat Level 15 Goblins in this area until one of them drops Harry's helmet.<br /> * '''Thomas:''' Continue further up the hill near the chieftain boss's location. You will find Thomas stationed here; simply speak with him.<br /> * '''Walter:''' Head back down the hill in the direction of Captain Miller. Look for a wooded area along the way, where Walter can be found sitting behind a rock.<br /> <br /> Once you have obtained Harry's helmet and located both Thomas and Walter, return to Guard Captain Miller to deliver the news and complete the quest.<br /> <br /> == Quick Guide ==<br /> # Speak to the Gate Guard near Valen Gate at the gates of Valen City.<br /> # Talk to Guard Captain Miller over the bridge near the goblin camp.<br /> # Defeat Level 15 Goblins above the berserker boss until you receive Harry's helmet.<br /> # Speak to Thomas near the chieftain boss.<br /> # Find Walter sitting behind a rock in a wooded area while heading back down towards Captain Miller.<br /> # Return to Guard Captain Miller to claim your reward.<br /> <br /> == Rewards ==<br /> {{Quest Reward Scroll<br /> |rewards=<br /> * Access to the exclusive [[Valen City]] zone.<br /> * A [[Guard Cloak]] (your first back slot item).<br /> * 5,000 [[Mining]] XP.<br /> }}<br /> <br /> [[Category:Quests]]</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Template:Quest_Reward_Scroll&diff=884 2026-07-11T15:33:37Z

<p>Maintenance script: Create Quest Reward Scroll template</p> <hr /> <div>&lt;div style=&quot;background-image: url('{{filepath:quest_reward_scroll.png}}'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; max-width: 600px; min-height: 400px; margin: 0 auto; padding: 60px 100px; box-sizing: border-box; text-align: center; color: #332717;&quot;&gt;<br /> &lt;div style=&quot;font-family: 'Times New Roman', serif; font-size: 110%;&quot;&gt;<br /> &lt;div style=&quot;font-size: 150%; font-weight: bold; margin-bottom: 10px;&quot;&gt;Congratulations!&lt;/div&gt;<br /> &lt;div style=&quot;margin-bottom: 15px;&quot;&gt;You have completed the '''{{PAGENAME}}''' quest!&lt;/div&gt;<br /> &lt;div style=&quot;font-weight: bold; margin-bottom: 5px;&quot;&gt;You are awarded:&lt;/div&gt;<br /> &lt;div style=&quot;text-align: left; display: inline-block;&quot;&gt;<br /> {{{rewards}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Template:Quest_Details&diff=883 2026-07-11T15:30:47Z

<p>Maintenance script: Create Quest Details template</p> <hr /> <div>{| class=&quot;wikitable&quot; style=&quot;width:100%; border-collapse:collapse; background-color:#e8dcc4; border:1px solid #7d6b54; margin-top:1em; margin-bottom:1em; font-size:90%;&quot;<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Start point<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{start|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Official difficulty<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{difficulty|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Description<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{description|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Requirements<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{requirements|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Items required<br /> | style=&quot;padding:4px; border-bottom:1px solid #7d6b54;&quot; | {{{items|}}}<br /> |-<br /> ! style=&quot;background:#cbb493; text-align:left; width:15%; color:#332717; padding:4px;&quot; | Enemies to defeat<br /> | style=&quot;padding:4px;&quot; | {{{enemies|}}}<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Template:Infobox_Quest&diff=882 2026-07-11T15:21:29Z

<p>Maintenance script: Minimalist update</p> <hr /> <div>{| class=&quot;infobox&quot; style=&quot;width:300px; float:right; clear:right; margin-left:1em; margin-bottom:1em; background-color: #e8dcc4; border: 1px solid #7d6b54; font-size: 90%;&quot;<br /> ! colspan=&quot;2&quot; style=&quot;background:#cbb493; text-align:center; font-size:110%; color: #332717;&quot; | {{{name|{{PAGENAME}}}}}<br /> |-<br /> | colspan=&quot;2&quot; style=&quot;text-align:center; background-color: #d1c1a6; padding: 4px;&quot; | {{#if:{{{image|}}}|[[File:{{{image}}}|290px]]|''No image''}}<br /> |-<br /> {{#if:{{{released|}}}|&lt;tr&gt;&lt;th style=&quot;text-align:left;&quot;&gt;Released&lt;/th&gt;&lt;td&gt;{{{released}}}&lt;/td&gt;&lt;/tr&gt;}}&lt;!--<br /> --&gt;{{#if:{{{members|}}}|&lt;tr&gt;&lt;th style=&quot;text-align:left;&quot;&gt;Members&lt;/th&gt;&lt;td&gt;{{{members}}}&lt;/td&gt;&lt;/tr&gt;}}&lt;!--<br /> --&gt;{{#if:{{{series|}}}|&lt;tr&gt;&lt;th style=&quot;text-align:left;&quot;&gt;Quest series&lt;/th&gt;&lt;td&gt;{{{series}}}&lt;/td&gt;&lt;/tr&gt;}}&lt;!--<br /> --&gt;{{#if:{{{developer|}}}|&lt;tr&gt;&lt;th style=&quot;text-align:left;&quot;&gt;Developer&lt;/th&gt;&lt;td&gt;{{{developer}}}&lt;/td&gt;&lt;/tr&gt;}}<br /> |}</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=File:Quest_reward_scroll.png&diff=881 2026-07-11T15:19:16Z

<p>Maintenance script: == Summary == Importing file </p> <hr /> <div>== Summary ==<br /> Importing file</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=File:Guard_Cloak.png&diff=880 2026-07-11T15:08:42Z

<p>Maintenance script: == Summary == Importing file </p> <hr /> <div>== Summary ==<br /> Importing file</div>

Maintenance script https://windsofvalenwiki.com/index.php?title=Guard_Cloak&diff=879 2026-07-11T15:05:36Z

<p>Maintenance script: Add image reference</p> <hr /> <div>{{Infobox Item<br /> |name=Guard Cloak<br /> |image=Guard_Cloak.png<br /> |value=50.0<br /> |Pierce=10<br /> |Slash=10<br /> |Agility=5<br /> |Ice=10<br /> }}<br /> <br /> '''Guard Cloak''' is an untradeable armour item (cape slot) rewarded for completing the [[Open The Gates]] quest. <br /> <br /> == Description ==<br /> ''Guard cloak of the Valen City Guard.''<br /> <br /> [[Category:Items]]</div>

Maintenance script