Gear Hides Test: Difference between revisions

Revision as of 13:24, 24 April 2026

<html>

<a href="https://ohwikiguide.com">Return to Front Page</a>

@@ Line 1: / Line 1: @@
+<html>
 <a href="https://ohwikiguide.com">Return to Front Page</a>
 <br><br>
@@ Line 5: / Line 7: @@
 <style>
-.mw-tab-buttons {
+.mw-tab-buttons{display:flex;width:100%;background:#0b0f14;border-radius:10px;padding:4px;gap:4px;}
-  display: flex;
+.mw-tab-btn{flex:1;text-align:center;padding:10px 0;font-weight:600;color:#cfd6df;background:#11161c;border-radius:6px;cursor:pointer;font-size:12px;}
-  gap: 6px;
+.mw-tab-btn.active{background:linear-gradient(180deg,#1ec8ff,#0ea5e9);color:#001018;}
-  margin-bottom: 10px;
+.dropdown{width:100%;margin-top:10px;}
-}
+.dropdown select{width:100%;padding:10px;background:#11161c;color:#e6edf3;border:1px solid #1f2a35;border-radius:8px;font-size:14px;}
+.output{margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12
-.mw-tab-btn {
-  flex: 1;
-  text-align: center;
-  padding: 8px 0;
-  background: #111;
-  border: 1px solid #444;
-  border-radius: 6px;
-  color: #ccc;
-  cursor: pointer;
-  font-weight: bold;
-}
-.mw-tab-btn.active {
-  background: #00bfff;
-  color: #000;
-}
-.mw-tab-content {
-  display: none;
-}
-.mw-tab-content.active {
-  display: block;
-}
-</style>
-<div class="mw-tab-buttons">
-  <div class="mw-tab-btn active" data-tab="helmet">Helmet</div>
-  <div class="mw-tab-btn" data-tab="top">Top</div>
-  <div class="mw-tab-btn" data-tab="bottoms">Bottoms</div>
-  <div class="mw-tab-btn" data-tab="gloves">Gloves</div>
-  <div class="mw-tab-btn" data-tab="boots">Boots</div>
-  <div class="mw-tab-btn" data-tab="mask">Mask</div>
-</div>
-<div id="helmet" class="mw-tab-content active">Helmet</div>
-<div id="top" class="mw-tab-content">Top</div>
-<div id="bottoms" class="mw-tab-content">Bottoms</div>
-<div id="gloves" class="mw-tab-content">Gloves</div>
-<div id="boots" class="mw-tab-content">Boots</div>
-<div id="mask" class="mw-tab-content">Mask</div>
-</div>
-<script>
-document.querySelectorAll('.mw-tab-btn').forEach(btn => {
-  btn.onclick = () => {
-    document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
-    document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active'));
-    btn.classList.add('active');
-    document.getElementById(btn.dataset.tab).classList.add('active');
-  };
-});
-</script>