|
|
| Line 1,741: |
Line 1,741: |
| } | | } |
|
| |
|
| /* OUT OF ORE WIKI - sandbox-only v1; intentionally scoped */ | | /* Out of Ore Wiki V2 — sandbox-only design */ |
| .ooow-dev{--ooow-bg:#11171c;--ooow-panel:#1b242c;--ooow-line:#34404a;--ooow-text:#f1f3f5;--ooow-muted:#aab5bd;--ooow-yellow:#f2c33d;font-family:Barlow,Arial,sans-serif;color:var(--ooow-text);background:var(--ooow-bg);border:1px solid var(--ooow-line);border-radius:9px;overflow:hidden;line-height:1.45} | | .ooo-v2 { --v2-bg:#151a1e;--v2-panel:#20262b;--v2-line:#343d44;--v2-text:#edf0f1;--v2-muted:#aeb8be;--v2-yellow:#e6b934; color:var(--v2-text); font-family:Barlow,Arial,sans-serif; background:var(--v2-bg); border:1px solid var(--v2-line); border-radius:8px; overflow:hidden; } |
| .ooow-dev *{box-sizing:border-box}.ooow-dev a{color:inherit;text-decoration:none}.ooow-dev a:hover{color:var(--ooow-yellow);text-decoration:none}.ooow-shell{width:100%}.ooow-top{display:flex;align-items:center;gap:24px;background:#151c23;border-bottom:1px solid var(--ooow-line);padding:13px 20px}.ooow-brand{font-weight:900;font-size:19px;letter-spacing:1px;white-space:nowrap}.ooow-brand span{font-size:11px;letter-spacing:3px;color:var(--ooow-yellow)}.ooow-topsearch{flex:1;max-width:590px}.ooow-topsearch form,.ooow-herosearch form{display:flex;gap:0}.ooow-topsearch input,.ooow-herosearch input{min-width:0;flex:1;background:#27323c;color:#fff;border:1px solid #46515a;border-radius:5px 0 0 5px;padding:11px 14px;font:inherit}.ooow-topsearch button,.ooow-herosearch button{border:0;background:var(--ooow-yellow);color:#141414;font:inherit;font-weight:800;padding:0 16px;border-radius:0 5px 5px 0;cursor:pointer}.ooow-toplinks{margin-left:auto;font-size:13px;white-space:nowrap}.ooow-body{display:grid;grid-template-columns:218px minmax(0,1fr)}.ooow-nav{background:#171e25;border-right:1px solid var(--ooow-line);padding:18px 12px}.ooow-navlabel{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#a9b3bb;margin:17px 9px 7px}.ooow-navitem{font-size:13px;padding:8px 10px;border-radius:4px;margin:2px 0}.ooow-navitem:hover{background:#2b353f}.ooow-navitem-active{background:var(--ooow-yellow);color:#171717;font-weight:800}.ooow-navitem-active a,.ooow-navitem-active a:hover{color:#171717}.ooow-main{min-width:0;padding:20px;background:#11171c}.ooow-hero{position:relative;min-height:295px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(10,15,19,.97),rgba(10,15,19,.68) 55%,rgba(10,15,19,.22)),linear-gradient(135deg,#2b3c48,#1b242c 55%,#4e4332);border:1px solid #46515b;border-radius:7px;overflow:hidden}.ooow-hero-content{padding:29px 34px;max-width:650px;position:relative}.ooow-kicker{color:var(--ooow-yellow);font-size:11px;font-weight:800;letter-spacing:2px}.ooow-herotitle{font-size:clamp(36px,5vw,62px);line-height:.97;font-weight:900;letter-spacing:1px;margin:12px 0}.ooow-herotitle span{color:var(--ooow-yellow)}.ooow-herodesc{font-size:15px;max-width:510px;color:#e0e5e9;margin:15px 0 20px}.ooow-herosearch{max-width:490px}.ooow-sectionhead{display:flex;align-items:baseline;gap:14px;margin:25px 0 13px}.ooow-dev h2{color:var(--ooow-text);border:0;padding:0;margin:0;font-size:20px;font-weight:800}.ooow-sectionhead span{font-size:12px;color:var(--ooow-muted)}.ooow-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ooow-cat{border:1px solid var(--ooow-line);background:var(--ooow-panel);border-radius:6px;overflow:hidden}.ooow-catvisual{height:112px;display:flex;align-items:end;padding:12px;color:#fff;font-size:13px;font-weight:900;letter-spacing:1px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent),linear-gradient(125deg,#52616c,#27313b)}.ooow-cat-production{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent),linear-gradient(125deg,#4d554f,#28383e)}.ooow-cat-mining{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent),linear-gradient(125deg,#695a44,#30373a)}.ooow-cat-progression{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent),linear-gradient(125deg,#41534d,#25313d)}.ooow-catbody{padding:12px}.ooow-catbody a{font-size:14px;font-weight:800}.ooow-catbody small{display:block;font-size:12px;color:var(--ooow-muted);margin-top:5px}.ooow-bottomgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px}.ooow-panel{background:var(--ooow-panel);border:1px solid var(--ooow-line);border-radius:6px;padding:15px;min-width:0}.ooow-panel h2{font-size:16px;border-bottom:1px solid var(--ooow-line);padding-bottom:12px;margin-bottom:5px}.ooow-linkrow{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid #2c3740;font-size:13px}.ooow-linkrow span{color:var(--ooow-yellow)}.ooow-updates{font-size:12px;overflow-wrap:anywhere}.ooow-panelend{margin-top:14px;font-size:12px;color:var(--ooow-yellow)}.ooow-footnote{color:#8897a2;font-size:11px;margin:22px 2px 3px} | | .ooo-v2 * {box-sizing:border-box} |
| /* Optional real banner image: upload to MediaWiki, then uncomment and replace URL with the actual FilePath URL.
| | .ooo-v2 a {color:inherit;text-decoration:none} |
| .ooow-dev .ooow-hero{background:linear-gradient(90deg,rgba(10,15,19,.96),rgba(10,15,19,.45)),url('/wiki/Special:Redirect/file/YOUR_BANNER.jpg') center/cover no-repeat}
| | .ooo-v2 a:hover {color:var(--v2-yellow);text-decoration:none} |
| */
| | .ooo-v2-top {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--v2-line);background:#1b2024} |
| @media(max-width:1050px){.ooow-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.ooow-bottomgrid{grid-template-columns:1fr 1fr}.ooow-toplinks{display:none}}@media(max-width:720px){.ooow-top{flex-wrap:wrap;gap:10px}.ooow-topsearch{flex-basis:100%;order:2;max-width:none}.ooow-body{display:block}.ooow-nav{border-right:0;border-bottom:1px solid var(--ooow-line);display:flex;flex-wrap:wrap;gap:4px;padding:9px}.ooow-navlabel{display:none}.ooow-navitem{font-size:11px;padding:7px}.ooow-main{padding:12px}.ooow-hero-content{padding:24px 17px}.ooow-bottomgrid{grid-template-columns:1fr}.ooow-sectionhead{display:block}.ooow-categories{gap:8px}}@media(max-width:400px){.ooow-categories{grid-template-columns:1fr}}
| | .ooo-v2-brand {font-size:21px;font-weight:800;letter-spacing:.07em}.ooo-v2-brand span {color:var(--v2-yellow)} |
| | .ooo-v2-toplinks {display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--v2-muted)} |
| | .ooo-v2-shell {display:grid;grid-template-columns:245px minmax(0,1fr);min-height:650px} |
| | .ooo-v2-side {padding:24px 12px;background:#1a2024;border-right:1px solid var(--v2-line)} |
| | .ooo-v2-side-label {margin:16px 10px 9px;color:var(--v2-yellow);font-size:11px;font-weight:700;letter-spacing:.11em} |
| | .ooo-v2-nav,.ooo-v2-nav-current {margin:3px 0;padding:11px 12px;border-radius:4px;font-size:14px} |
| | .ooo-v2-nav:hover {background:#293137}.ooo-v2-nav-current {background:#8c7330;color:#fff;font-weight:700} |
| | .ooo-v2-side-bottom {margin:25px 10px 0;padding-top:16px;border-top:1px solid var(--v2-line);font-size:12px;line-height:1.7;color:var(--v2-muted)} |
| | .ooo-v2-main {min-width:0;padding:24px;background:#151a1e} |
| | .ooo-v2-hero {padding:54px 42px;min-height:280px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(100deg,rgba(13,17,20,.95),rgba(20,25,28,.62)),linear-gradient(145deg,#37434b,#1b2024);border:1px solid var(--v2-line);border-radius:6px} |
| | .ooo-v2-eyebrow {font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--v2-yellow)} |
| | .ooo-v2-hero-title {margin:12px 0;font-size:clamp(32px,4vw,56px);line-height:1.08;font-weight:800} |
| | .ooo-v2-hero-copy {max-width:580px;color:#c8d0d4;font-size:16px;line-height:1.5} |
| | .ooo-v2-hero-actions {margin-top:25px;font-size:14px;font-weight:700}.ooo-v2-hero-actions a {display:inline-block;padding:11px 15px;margin:0 8px 8px 0;background:#2c353a;border:1px solid #4c565d;border-radius:4px}.ooo-v2-hero-actions a:first-child {background:var(--v2-yellow);color:#1b1b1b;border-color:var(--v2-yellow)} |
| | .ooo-v2-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 15px;font-size:17px;font-weight:800;letter-spacing:.035em} |
| | .ooo-v2-heading-sub {font-size:12px;font-weight:400;color:var(--v2-muted)} |
| | .ooo-v2-tiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} |
| | .ooo-v2-tile {min-height:150px;padding:20px;background:var(--v2-panel);border:1px solid var(--v2-line);border-radius:5px}.ooo-v2-tile:hover {border-color:#947d3b} |
| | .ooo-v2-tile-icon {font-size:24px;color:var(--v2-yellow);margin-bottom:13px}.ooo-v2-tile-title {font-size:16px;font-weight:750;margin-bottom:8px}.ooo-v2-tile-desc {font-size:13px;line-height:1.5;color:var(--v2-muted)} |
| | .ooo-v2-two {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px} |
| | .ooo-v2-panel {min-width:0;padding:22px;background:var(--v2-panel);border:1px solid var(--v2-line);border-radius:5px} |
| | .ooo-v2-panel-title {font-size:14px;font-weight:800;letter-spacing:.06em;margin-bottom:13px} |
| | .ooo-v2-guide {padding:11px 0;border-top:1px solid var(--v2-line);font-size:14px}.ooo-v2-guide span {float:right;color:var(--v2-yellow)} |
| | .ooo-v2-update {font-size:14px;line-height:1.6;overflow-wrap:anywhere}.ooo-v2-panel-foot {padding-top:12px;font-size:13px;color:var(--v2-yellow)} |
| | .ooo-v2-bottom {margin-top:24px;padding:17px 5px;border-top:1px solid var(--v2-line);font-size:13px;color:var(--v2-muted);line-height:1.8} |
| | @media(max-width:900px){.ooo-v2-shell{grid-template-columns:195px minmax(0,1fr)}.ooo-v2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ooo-v2-main{padding:16px}.ooo-v2-hero{padding:34px 25px}} |
| | @media(max-width:640px){.ooo-v2-top{display:block}.ooo-v2-toplinks{margin-top:10px}.ooo-v2-shell{display:block}.ooo-v2-side{border-right:0;border-bottom:1px solid var(--v2-line)}.ooo-v2-tiles,.ooo-v2-two{grid-template-columns:1fr}.ooo-v2-hero{padding:30px 20px}.ooo-v2-main{padding:12px}} |