System messages
Jump to navigation
Jump to search
This is a list of system messages available in the MediaWiki namespace.
Please visit MediaWiki Localisation and translatewiki.net if you wish to contribute to the generic MediaWiki localisation.
| Name | Default message text |
|---|---|
| Current message text | |
| codeeditor-toolbar-toggle (talk) (Translate) | Toggle code editor |
| collabpad (talk) (Translate) | CollabPad |
| collabpad-doctitle (talk) (Translate) | CollabPad: $1 |
| collabpad-import-subtitle (talk) (Translate) | Imported from $1 |
| collapsible-collapse (talk) (Translate) | Collapse |
| collapsible-collapse-all-text (talk) (Translate) | Collapse all |
| collapsible-collapse-all-tooltip (talk) (Translate) | Collapse all collapsible elements on the current page |
| collapsible-expand (talk) (Translate) | Expand |
| collapsible-expand-all-text (talk) (Translate) | Expand all |
| collapsible-expand-all-tooltip (talk) (Translate) | Expand all collapsible elements on the current page |
| colon-separator (talk) (Translate) | : |
| comma-separator (talk) (Translate) | , |
| common.css (talk) (Translate) | /* CSS placed here will be applied to all skins */ |
| /* ============================================================ BD ZONE WIKI — PREMIUM DESIGN SYSTEM v3.0 Designed with care — not AI slop. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap'); /* ─── DESIGN TOKENS ─────────────────────────────────────────── */ :root { /* Brand */ --pink: #FFC0CB; --pink-soft: #FFD6DE; --pink-glow: rgba(255, 192, 203, 0.35); --pink-dim: rgba(255, 192, 203, 0.10); --green: #5AFF00; --green-glow: rgba(90, 255, 0, 0.35); --green-dim: rgba(90, 255, 0, 0.10); --cyan: #1CC5CB; --gold: #F5C842; --purple: #b48eff; --red: #f85149; --blue: #4fa3f7; /* Backgrounds — dark like midnight sky, not flat grey */ --bg-base: #080C12; --bg-nav: #0C1118; --bg-surface: #0F1520; --bg-card: #141C28; --bg-card2: #1A2436; --bg-raised: #202D3E; --bg-hover: #273348; /* Borders */ --border: rgba(255,255,255,0.08); --border-light: rgba(255,255,255,0.14); --border-pink: rgba(255,192,203,0.25); --border-green: rgba(90,255,0,0.20); /* Text */ --text-head: #EAF4FA; --text-body: #C2D4E4; --text-muted: #7D95B0; --text-faint: #506880; /* Fonts */ --font-title: 'Cinzel Decorative', 'Georgia', serif; --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif; --font-mono: 'JetBrains Mono', 'Consolas', monospace; --font-hud: 'Orbitron', sans-serif; /* Radius & shadow */ --r-sm: 6px; --r-md: 12px; --r-lg: 18px; --r-xl: 26px; --shadow-card: 0 4px 24px rgba(0,0,0,0.55); --shadow-glow-pink: 0 0 24px rgba(255,192,203,0.20); --shadow-glow-green: 0 0 24px rgba(90,255,0,0.18); } /* ─── GLOBAL RESET ───────────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; } html, body { background: var(--bg-base) !important; color: var(--text-body) !important; font-family: var(--font-body) !important; font-size: 15px; line-height: 1.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Subtle ambient light on the page */ body::before { content: ''; position: fixed; inset: 0; background: radial-gradient(ellipse 70% 50% at 15% 0%, rgba(255,192,203,0.04) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 85% 100%, rgba(90,255,0,0.03) 0%, transparent 55%), radial-gradient(ellipse 80% 60% at 50% 50%, rgba(28,197,203,0.015) 0%, transparent 70%); pointer-events: none; z-index: 0; } /* ─── VECTOR SKIN LAYOUT ─────────────────────────────────────── */ #mw-page-base, #mw-head-base { background: transparent !important; } /* Top bar */ #mw-head { background: rgba(8,12,18,0.95) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--border) !important; box-shadow: 0 2px 20px rgba(0,0,0,0.6); } /* ─── LOGO ───────────────────────────────────────────────────── */ #p-logo { width: 160px !important; height: 160px !important; margin: 8px auto 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* ─── HIDE WIKI EDITING TABS — ALWAYS ───────────────────────── */ /* These "Page / Discussion / Read / Edit / Edit source / View history" tabs are an ugly editor UI. We hide them for a clean game-wiki feel. */ #p-namespaces, /* ─── PAGE TABS (read/edit/history) ─────────────────────────── */ .vector-menu-tabs li a { color: var(--text-body) !important; } .vector-menu-tabs .selected a { color: var(--text-head) !important; font-weight: 600 !important; } .vector-menu-tabs li a:hover { color: var(--pink-soft) !important; } /* ─── TOP NAVIGATION PERSONAL BAR ───────────────────────────── */ #pt-userpage a, #pt-login a, #pt-createaccount a, #p-personal li a { color: var(--text-muted) !important; font-size: 0.82em !important; font-weight: 500 !important; transition: color 0.15s ease !important; } #p-personal li a:hover { color: var(--pink) !important; } /* ─── SEARCH BAR ─────────────────────────────────────────────── */ #simpleSearch, form#searchform { background: var(--bg-card2) !important; border: 1px solid var(--border-light) !important; border-radius: var(--r-md) !important; overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease; } #simpleSearch:focus-within { border-color: var(--border-pink) !important; box-shadow: 0 0 0 3px rgba(255,192,203,0.08) !important; } #searchInput, #simpleSearch input[type="search"] { background: transparent !important; color: var(--text-head) !important; font-family: var(--font-body) !important; font-size: 0.9em !important; padding: 8px 12px !important; border: none !important; outline: none !important; } #searchInput::placeholder { color: var(--text-faint) !important; } #searchButton, .searchButton { background: linear-gradient(135deg, var(--pink-dim), rgba(90,255,0,0.08)) !important; border-left: 1px solid var(--border) !important; color: var(--pink) !important; padding: 0 12px !important; cursor: pointer !important; transition: background 0.2s ease !important; } #searchButton:hover { background: var(--pink-dim) !important; } /* ─── MAIN CONTENT AREA ──────────────────────────────────────── */ /* Subtle top glow line inside content */ div#content::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--border-pink) 30%, var(--border-green) 70%, transparent 100%); } /* ─── TYPOGRAPHY ─────────────────────────────────────────────── */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-body) !important; color: var(--text-head) !important; font-weight: 700 !important; line-height: 1.3 !important; border-bottom-color: var(--border) !important; } /* Page title (h1) */ h1#firstHeading { font-family: var(--font-title) !important; font-size: 1.9em !important; font-weight: 900 !important; color: var(--pink) !important; border-bottom: 1px solid var(--border-pink) !important; padding-bottom: 12px !important; margin-bottom: 24px !important; letter-spacing: 0.5px; text-shadow: 0 0 30px rgba(255,192,203,0.15); } /* Section headings */ h2 { font-size: 1.35em !important; border-bottom: 1px solid var(--border) !important; padding-bottom: 8px !important; margin-top: 2em !important; margin-bottom: 1em !important; } h2 .mw-headline { background: linear-gradient(90deg, var(--green), var(--cyan)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } h3 { font-size: 1.1em !important; margin-top: 1.5em !important; margin-bottom: 0.6em !important; border-bottom: none !important; } h3 .mw-headline { color: var(--pink-soft) !important; } h4 .mw-headline { color: var(--gold) !important; font-size: 0.95em; } /* Hide title on homepage */ .page-BD_Zone_Wiki #firstHeading, .page-Main_Page #firstHeading { display: none !important; } p { color: var(--text-body); margin-bottom: 1em; line-height: 1.8; } /* ─── LINKS ──────────────────────────────────────────────────── */ a, a:visited { color: var(--pink) !important; text-decoration: none !important; transition: color 0.15s ease, text-shadow 0.15s ease !important; } a:hover { color: var(--pink-soft) !important; text-shadow: 0 0 10px var(--pink-glow) !important; text-decoration: none !important; } a.new { color: var(--red) !important; } a.external { color: var(--cyan) !important; } a.external::after { content: ' ↗'; font-size: 0.75em; opacity: 0.6; } a.external:hover { color: #5ae0e6 !important; } hr { border: none !important; border-top: 1px solid var(--border) !important; margin: 2em 0 !important; } /* ─── TABLES ─────────────────────────────────────────────────── */ table.wikitable { background: var(--bg-card) !important; border: 1px solid var(--border-light) !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: var(--r-md) !important; overflow: hidden !important; width: 100% !important; margin: 1.2em 0 !important; box-shadow: var(--shadow-card) !important; font-size: 0.9em !important; } table.wikitable th { background: linear-gradient(135deg, rgba(255,192,203,0.12) 0%, rgba(28,197,203,0.06) 100%) !important; color: var(--pink) !important; font-weight: 600 !important; font-size: 0.82em !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; padding: 12px 18px !important; border: none !important; border-bottom: 1px solid var(--border-pink) !important; text-align: left !important; } table.wikitable td { background: transparent !important; color: var(--text-body) !important; padding: 10px 18px !important; border: none !important; border-bottom: 1px solid var(--border) !important; vertical-align: middle !important; } table.wikitable tr:nth-child(even) td { background: rgba(255,255,255,0.02) !important; } table.wikitable tr:hover td { background: var(--pink-dim) !important; transition: background 0.15s ease; } table.wikitable tr:last-child td { border-bottom: none !important; } /* ─── TABLE OF CONTENTS ──────────────────────────────────────── */ #toc, .toc { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; padding: 14px 20px !important; box-shadow: none !important; display: inline-block; min-width: 200px; } .toctitle, #toctitle { color: var(--pink) !important; font-weight: 700 !important; font-size: 0.95em !important; } #toc ul li, .toc ul li { color: var(--text-muted) !important; } #toc ul a, .toc ul a { color: var(--text-muted) !important; font-size: 0.88em !important; } #toc ul a:hover, .toc ul a:hover { color: var(--pink) !important; text-shadow: none !important; } .tocnumber { color: var(--text-faint) !important; font-size: 0.8em !important; } /* ─── INFOBOX ────────────────────────────────────────────────── */ .infobox { background: var(--bg-card) !important; border: 1px solid var(--border-pink) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-card), var(--shadow-glow-pink) !important; float: right !important; clear: right !important; margin: 0 0 1.5em 2em !important; width: 300px !important; overflow: hidden !important; font-size: 0.88em !important; } .infobox-title { background: linear-gradient(135deg, rgba(255,192,203,0.18) 0%, rgba(90,255,0,0.09) 100%) !important; color: var(--pink) !important; font-family: var(--font-title) !important; font-size: 1em !important; font-weight: 700 !important; text-align: center !important; padding: 14px 16px !important; border-bottom: 1px solid var(--border-pink) !important; letter-spacing: 0.5px !important; } .infobox th { color: var(--text-muted) !important; font-weight: 600 !important; font-size: 0.82em !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 8px 14px !important; white-space: nowrap !important; background: transparent !important; border-bottom: 1px solid var(--border) !important; text-align: left !important; } .infobox td { color: var(--text-head) !important; padding: 8px 14px !important; border-bottom: 1px solid var(--border) !important; background: transparent !important; } .infobox tr:last-child th, .infobox tr:last-child td { border-bottom: none !important; } /* ─── CODE / MONO ────────────────────────────────────────────── */ pre, code, .cmd { font-family: var(--font-mono) !important; background: rgba(90,255,0,0.06) !important; color: #7FFF5A !important; border: 1px solid rgba(90,255,0,0.15) !important; border-radius: var(--r-sm) !important; } code, .cmd { padding: 2px 9px !important; font-size: 0.87em !important; } pre { padding: 16px 20px !important; overflow-x: auto !important; line-height: 1.55 !important; } /* ─── HERO BANNER (Homepage) ─────────────────────────────────── */ .hero-banner { background: linear-gradient(135deg, rgba(8,12,18,0.98) 0%, rgba(20,10,30,0.95) 30%, rgba(5,22,10,0.93) 70%, rgba(8,12,18,0.98) 100%) !important; border: 1px solid var(--border-pink) !important; border-radius: var(--r-xl) !important; padding: 60px 40px 50px !important; text-align: center !important; position: relative !important; overflow: hidden !important; margin-bottom: 2em !important; box-shadow: var(--shadow-card), var(--shadow-glow-pink), inset 0 1px 0 rgba(255,255,255,0.04) !important; } /* Decorative grid lines on hero */ .hero-banner::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,192,203,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,192,203,0.04) 1px, transparent 1px); background-size: 40px 40px; pointer-events: none; } /* Corner glows */ .hero-banner::after { content: ''; position: absolute; top: -80px; right: -80px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(90,255,0,0.06) 0%, transparent 70%); pointer-events: none; } .hero-title { font-family: var(--font-hud) !important; font-size: clamp(2.5em, 6vw, 4.5em) !important; font-weight: 900 !important; background: linear-gradient(135deg, var(--pink) 0%, var(--pink-soft) 40%, var(--green) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; letter-spacing: 6px !important; text-shadow: none !important; position: relative; z-index: 1; margin-bottom: 10px !important; } .hero-subtitle { color: var(--text-muted) !important; font-size: 1.05em !important; font-weight: 400 !important; letter-spacing: 0.5px !important; margin-bottom: 28px !important; position: relative; z-index: 1; } /* IP Copy */ .hero-ip, .copy-ip-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(90,255,0,0.08) !important; border: 1px solid rgba(90,255,0,0.25) !important; border-radius: 50px !important; color: var(--green) !important; font-family: var(--font-mono) !important; font-size: 1.1em !important; font-weight: 600 !important; padding: 10px 28px !important; cursor: pointer !important; transition: all 0.2s ease !important; letter-spacing: 1px !important; position: relative; z-index: 1; margin-bottom: 20px !important; -webkit-text-fill-color: var(--green) !important; } .hero-ip:hover, .copy-ip-btn:hover { background: rgba(90,255,0,0.14) !important; border-color: rgba(90,255,0,0.45) !important; box-shadow: 0 0 20px rgba(90,255,0,0.15) !important; } .hero-stats { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; margin-bottom: 28px !important; position: relative; z-index: 1; } .hero-stat { background: var(--bg-card2) !important; border: 1px solid var(--border) !important; border-radius: 50px !important; color: var(--text-muted) !important; font-size: 0.85em !important; font-weight: 500 !important; padding: 6px 18px !important; } .stat-value { color: var(--text-head) !important; font-weight: 600 !important; } .stat-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 6px var(--green); animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } } /* ─── BUTTONS ────────────────────────────────────────────────── */ /* ─── SECTION DIVIDER ────────────────────────────────────────── */ .section-divider { display: flex !important; align-items: center !important; gap: 16px !important; margin: 2.5em 0 1.8em !important; user-select: none !important; } .section-divider::before, .section-divider::after { content: '' !important; flex: 1 !important; height: 1px !important; background: linear-gradient(90deg, transparent, var(--border-pink), transparent) !important; } .section-divider span { color: var(--text-muted) !important; font-size: 0.85em !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2.5px !important; white-space: nowrap !important; } /* ─── CARD GRIDS ─────────────────────────────────────────────── */ .card-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 16px !important; margin: 1em 0 !important; } .card-grid-3 { grid-template-columns: repeat(3, 1fr) !important; } @media (max-width: 900px) { .card-grid-3 { grid-template-columns: 1fr !important; } } /* Feature cards */ .feature-card { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; padding: 24px 22px !important; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important; cursor: default !important; } .feature-card:hover { transform: translateY(-3px) !important; border-color: var(--border-pink) !important; box-shadow: var(--shadow-glow-pink) !important; } .feature-card .card-icon { font-size: 1.8em !important; display: block !important; margin-bottom: 10px !important; } .feature-card .card-title { color: var(--text-head) !important; font-weight: 700 !important; font-size: 0.98em !important; margin-bottom: 8px !important; -webkit-text-fill-color: var(--text-head) !important; } .feature-card .card-title a { color: var(--pink) !important; -webkit-text-fill-color: var(--pink) !important; } .feature-card .card-desc { color: var(--text-muted) !important; font-size: 0.85em !important; line-height: 1.6 !important; } /* Gamemode cards */ .gamemode-card { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; padding: 32px 24px !important; text-align: center !important; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important; position: relative !important; overflow: hidden !important; } .gamemode-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; } .gamemode-card.survival::before { background: linear-gradient(90deg, var(--green), var(--cyan)); } .gamemode-card.pvp::before { background: linear-gradient(90deg, var(--red), var(--purple)); } .gamemode-card.build::before { background: linear-gradient(90deg, var(--blue), var(--cyan)); } .gamemode-card:hover { transform: translateY(-5px) !important; box-shadow: var(--shadow-card) !important; } .gamemode-card.survival:hover { border-color: var(--border-green) !important; box-shadow: var(--shadow-glow-green) !important; } .gamemode-card.pvp:hover { border-color: rgba(248,81,73,0.3) !important; } .gamemode-card.build:hover { border-color: rgba(79,163,247,0.3) !important; } .gm-icon { font-size: 2.5em !important; display: block !important; margin-bottom: 14px !important; } .gm-title { font-family: var(--font-hud) !important; font-weight: 700 !important; font-size: 0.95em !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin-bottom: 10px !important; } .gamemode-card.survival .gm-title { color: var(--green) !important; -webkit-text-fill-color: var(--green) !important; } .gamemode-card.pvp .gm-title { color: var(--red) !important; -webkit-text-fill-color: var(--red) !important; } .gamemode-card.build .gm-title { color: var(--blue) !important; -webkit-text-fill-color: var(--blue) !important; } .gm-desc { color: var(--text-muted) !important; font-size: 0.87em !important; line-height: 1.65 !important; } /* Step cards */ .steps-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; margin: 1em 0 !important; } @media (max-width: 800px) { .steps-grid { grid-template-columns: 1fr !important; } } .step-card { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; padding: 22px 18px !important; position: relative !important; transition: transform 0.2s ease, border-color 0.2s ease !important; } .step-card:hover { transform: translateY(-2px) !important; border-color: var(--border-pink) !important; } .step-number { position: absolute !important; top: -12px !important; left: 18px !important; background: linear-gradient(135deg, var(--pink), var(--green)) !important; color: #000 !important; font-family: var(--font-hud) !important; font-size: 0.75em !important; font-weight: 900 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } .step-icon { font-size: 1.8em !important; display: block !important; margin-bottom: 10px !important; } .step-title { color: var(--text-head) !important; font-weight: 700 !important; font-size: 0.95em !important; margin-bottom: 6px !important; } .step-desc { color: var(--text-muted) !important; font-size: 0.85em !important; line-height: 1.6 !important; } /* ─── DISCORD LINK HIGHLIGHT ─────────────────────────────────── */ /* ─── SIDE NAVBOX — right-floating sticky wiki nav ─────────── */ /* The .side-nav wrapper floats right inside the article */ .side-nav ul li { margin: 0 !important; padding: 0 !important; } /* Active page highlight */ /* Store + Discord quick links at bottom of sidenav */ /* Responsive: stack below content on small screens */ /* ─── OLD NAVBOX (keep for bottom tables if any) ─────────────── */ .navbox { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; margin-top: 2em !important; overflow: hidden !important; font-size: 0.85em !important; display: none !important; /* hidden — replaced by .side-nav */ } .navbox-title { background: linear-gradient(135deg, rgba(255,192,203,0.12), rgba(90,255,0,0.06)) !important; color: var(--text-head) !important; font-weight: 700 !important; padding: 10px 18px !important; text-align: center !important; border-bottom: 1px solid var(--border) !important; letter-spacing: 0.5px !important; } .navbox-group { color: var(--pink) !important; font-weight: 600 !important; padding: 8px 14px !important; white-space: nowrap !important; background: rgba(255,192,203,0.04) !important; border-right: 1px solid var(--border) !important; border-bottom: 1px solid var(--border) !important; font-size: 0.82em !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; width: 1% !important; } .navbox-list { padding: 8px 14px !important; color: var(--text-muted) !important; border-bottom: 1px solid var(--border) !important; line-height: 2 !important; } .navbox-list a { color: var(--text-muted) !important; font-weight: 400 !important; } .navbox-list a:hover { color: var(--pink) !important; text-shadow: none !important; } /* ─── ENCHANT TABLE ──────────────────────────────────────────── */ .enchant-name { font-weight: 600 !important; font-family: var(--font-mono) !important; font-size: 0.9em !important; } .rarity-common { color: #9E9E9E !important; -webkit-text-fill-color: #9E9E9E !important; } .rarity-uncommon { color: #57AB5A !important; -webkit-text-fill-color: #57AB5A !important; } .rarity-rare { color: #4fa3f7 !important; -webkit-text-fill-color: #4fa3f7 !important; } .rarity-epic { color: #b48eff !important; -webkit-text-fill-color: #b48eff !important; } .rarity-legendary { color: var(--gold) !important; -webkit-text-fill-color: var(--gold) !important; } .rarity-mythic { color: #FF6B6B !important; -webkit-text-fill-color: #FF6B6B !important; } /* ─── CALLOUT BOXES ──────────────────────────────────────────── */ .tip-box, .warning-box, .info-box { border-radius: var(--r-md) !important; padding: 14px 18px !important; margin: 1.2em 0 !important; font-size: 0.92em !important; line-height: 1.6 !important; border-left: 3px solid !important; } .tip-box { background: rgba(90,255,0,0.07) !important; border-color: var(--green) !important; } .warning-box { background: rgba(245,200,66,0.08) !important; border-color: var(--gold) !important; } .info-box { background: rgba(79,163,247,0.07) !important; border-color: var(--blue) !important; } .tip-title { color: var(--green) !important; font-weight: 700 !important; font-size: 0.82em !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; } .warning-title { color: var(--gold) !important; font-weight: 700 !important; font-size: 0.82em !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; } .info-title { color: var(--blue) !important; font-weight: 700 !important; font-size: 0.82em !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; } /* ─── BLOCKQUOTE / MISC ──────────────────────────────────────── */ blockquote { border-left: 3px solid var(--pink) !important; background: var(--pink-dim) !important; padding: 12px 18px !important; border-radius: 0 var(--r-sm) var(--r-sm) 0 !important; margin: 1em 0 !important; color: var(--text-body) !important; } ul li::marker { color: var(--pink-soft) !important; } ol li::marker { color: var(--text-muted) !important; } /* ─── FOOTER ─────────────────────────────────────────────────── */ #footer { background: var(--bg-nav) !important; border-top: 1px solid var(--border) !important; margin-top: 2em !important; padding: 1.5em 2em !important; } #footer li, #footer a { color: var(--text-faint) !important; font-size: 0.82em !important; } #footer a:hover { color: var(--text-muted) !important; text-shadow: none !important; } /* ─── SCROLLBAR ──────────────────────────────────────────────── */ ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: var(--bg-base); } ::-webkit-scrollbar-thumb { background: var(--bg-raised); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--bg-hover); } /* ─── CATEGORY LINKS ─────────────────────────────────────────── */ #catlinks { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; margin-top: 2em !important; padding: 8px 14px !important; } #catlinks a { color: var(--text-muted) !important; font-size: 0.85em !important; } #catlinks a:hover { color: var(--pink) !important; } /* ─── NOTIFICATION / SITE NOTICE ────────────────────────────── */ #siteNotice, .siteNotice { background: var(--bg-card2) !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; margin-bottom: 1em !important; padding: 10px 16px !important; font-size: 0.88em !important; color: var(--text-muted) !important; } /* ═══════════════════════════════════════════════════════════════ FIX: Hide empty site notice / content sub bars ═══════════════════════════════════════════════════════════════ */ #siteNotice:empty, #contentSub:empty, #contentSub2:empty, #jump-to-nav { display: none !important; } #contentSub, #contentSub2 { margin: 0 !important; padding: 0 !important; border: none !important; } /* ═══════════════════════════════════════════════════════════════ SIDEBAR LOGO — Official BD Zone diamond logo everywhere ═══════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════ WYNNCRAFT-STYLE HERO — Homepage ═══════════════════════════════════════════════════════════════ */ .wynn-hero { position: relative !important; width: 100% !important; min-height: 320px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; border-radius: var(--r-xl) !important; margin-bottom: 1.2em !important; border: 1px solid rgba(255,255,255,0.06) !important; } .wynn-hero__bg { position: absolute !important; inset: 0 !important; background-image: url(/images/0/07/Bg_hero.png) !important; background-size: cover !important; background-position: center center !important; filter: brightness(0.32) saturate(1.15) !important; z-index: 0 !important; } .wynn-hero__overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(to bottom, rgba(5,10,18,0.10) 0%, rgba(5,10,18,0.08) 30%, rgba(5,10,18,0.55) 70%, rgba(5,10,18,0.90) 100%) !important; z-index: 1 !important; pointer-events: none !important; } .wynn-hero__inner { position: relative !important; z-index: 2 !important; text-align: center !important; padding: 40px 24px 50px !important; width: 100% !important; max-width: 680px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; } /* IP pill at top */ .wynn-ip-pill { margin-top: 0 !important; margin-bottom: 6px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(15,21,32,0.85) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 8px !important; padding: 7px 18px !important; cursor: pointer !important; margin-bottom: 18px !important; backdrop-filter: blur(6px) !important; transition: border-color 0.2s ease, background 0.2s ease !important; } .wynn-ip-pill:hover { border-color: rgba(90,255,0,0.4) !important; background: rgba(15,21,32,0.95) !important; } .wynn-ip-icon { color: #4eff4e !important; font-size: 0.75em !important; } .wynn-ip-copy { color: rgba(255,255,255,0.35) !important; font-size: 0.8em !important; } /* Big art logo */ .wynn-logo-art img { max-width: 420px !important; width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; } /* Tagline */ .wynn-tagline { font-size: 1.4em !important; font-weight: 700 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; letter-spacing: 0.5px !important; margin-bottom: 10px !important; text-shadow: 0 2px 12px rgba(0,0,0,0.8) !important; } /* Quotes */ .wynn-quotes { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; color: rgba(255,255,255,0.45) !important; font-size: 0.82em !important; font-style: italic !important; margin-bottom: 16px !important; flex-wrap: wrap !important; } .wynn-quote-sep { opacity: 0.3 !important; font-style: normal !important; } /* Server line */ .wynn-server-line { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin-bottom: 22px !important; flex-wrap: wrap !important; } .wynn-srv-sep { color: rgba(255,255,255,0.2) !important; } .wynn-srv-players { color: rgba(255,255,255,0.6) !important; font-size: 0.9em !important; display: flex !important; align-items: center !important; gap: 6px !important; } .wynn-srv-players #bd-player-count { color: #fff !important; -webkit-text-fill-color: #fff !important; font-weight: 700 !important; } /* CTA buttons */ .wynn-ctas { display: flex !important; gap: 12px !important; justify-content: center !important; flex-wrap: wrap !important; } .wynn-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 13px 30px !important; border-radius: 6px !important; font-weight: 800 !important; font-size: 0.88em !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.2s ease !important; text-decoration: none !important; min-width: 180px !important; } .wynn-btn-green { background: linear-gradient(180deg, #5AFF00 0%, #3aaa00 100%) !important; color: #000 !important; -webkit-text-fill-color: #000 !important; border: 1px solid rgba(90,255,0,0.5) !important; box-shadow: 0 3px 12px rgba(90,255,0,0.3) !important; } .wynn-btn-green:hover { background: linear-gradient(180deg, #6fff1a 0%, #4acc00 100%) !important; box-shadow: 0 5px 20px rgba(90,255,0,0.45) !important; transform: translateY(-1px) !important; text-shadow: none !important; } /* Section heading */ .wynn-section-head { font-family: var(--font-hud) !important; font-size: 0.7em !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 3.5px !important; color: var(--text-faint) !important; text-align: center !important; margin: 1.2em 0 0.8em !important; position: relative !important; } .wynn-section-head::before, .wynn-section-head::after { content: '' !important; position: absolute !important; top: 50% !important; width: 28% !important; height: 1px !important; background: var(--border) !important; } .wynn-section-head::before { left: 0 !important; } .wynn-section-head::after { right: 0 !important; } /* Gamemode cards */ .wynn-gm-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; margin-bottom: 1.2em !important; } @media (max-width: 680px) { .wynn-gm-grid { grid-template-columns: 1fr !important; } } .wynn-gm-card { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; overflow: hidden !important; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important; } .wynn-gm-card:hover { transform: translateY(-4px) !important; } .wynn-survival:hover { border-color: rgba(90,255,0,0.3) !important; box-shadow: 0 0 24px rgba(90,255,0,0.12) !important; } .wynn-skyblock { opacity: 0.78 !important; } .wynn-skyblock:hover { border-color: rgba(28,197,203,0.3) !important; opacity: 1 !important; } .wynn-gm-img { width: 100% !important; height: 155px !important; background-size: cover !important; background-position: center !important; filter: brightness(0.78) saturate(1.1) !important; } .wynn-gm-body { padding: 18px 20px 22px !important; } .wynn-gm-tag { display: inline-block !important; font-size: 0.82em !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 3px 10px !important; border-radius: 4px !important; margin-bottom: 8px !important; } .wynn-gm-tag.survival { background: rgba(90,255,0,0.12) !important; color: var(--green) !important; -webkit-text-fill-color: var(--green) !important; border: 1px solid rgba(90,255,0,0.22) !important; } .wynn-gm-tag.coming { background: rgba(28,197,203,0.1) !important; color: var(--cyan) !important; -webkit-text-fill-color: var(--cyan) !important; border: 1px solid rgba(28,197,203,0.22) !important; } .wynn-gm-title { font-family: var(--font-hud) !important; font-size: 1em !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: var(--text-head) !important; -webkit-text-fill-color: var(--text-head) !important; margin-bottom: 8px !important; } .wynn-gm-desc { color: var(--text-muted) !important; font-size: 0.86em !important; line-height: 1.65 !important; margin-bottom: 14px !important; } .wynn-gm-btn { display: inline-flex !important; align-items: center !important; padding: 8px 20px !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 0.84em !important; cursor: pointer !important; transition: all 0.2s ease !important; background: rgba(90,255,0,0.1) !important; border: 1px solid rgba(90,255,0,0.25) !important; color: var(--green) !important; -webkit-text-fill-color: var(--green) !important; } .wynn-gm-btn:hover { background: rgba(90,255,0,0.18) !important; text-shadow: none !important; } .wynn-gm-btn-soon { background: rgba(28,197,203,0.1) !important; border-color: rgba(28,197,203,0.25) !important; color: var(--cyan) !important; -webkit-text-fill-color: var(--cyan) !important; } /* Community strip */ .wynn-community-strip { background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; padding: 26px 30px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin: 1em 0 2em !important; flex-wrap: wrap !important; } .wynn-comm-title { font-weight: 700 !important; font-size: 1.05em !important; color: var(--text-head) !important; margin-bottom: 5px !important; } .wynn-comm-sub { color: var(--text-muted) !important; font-size: 0.87em !important; } .wynn-comm-right { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; align-items: center !important; } /* ─── RESPONSIVE LAYOUT FIX ──────────────────────────────────── *//* ─── HERO BANNER ────────────────────────────────────────────── */ .vector-menu-portal { margin: 0 !important; padding: 0 !important; } .vector-menu-portal .vector-menu-heading { font-size: 0.85em !important; padding: 8px 16px !important; margin: 0 !important; border-bottom: 1px solid var(--border) !important; color: var(--text-head) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .vector-menu-portal .vector-menu-content { padding: 4px 0 !important; } .vector-menu-portal .vector-menu-content li { margin: 0 !important; padding: 0 !important; } .vector-menu-portal .vector-menu-content li a { font-size: 0.92em !important; padding: 6px 16px !important; display: block !important; color: var(--text-body) !important; border-radius: 0 !important; transition: background 0.15s, color 0.15s !important; border-left: 2px solid transparent !important; } .vector-menu-portal .vector-menu-content li a:hover { background: var(--bg-hover) !important; color: var(--text-head) !important; border-left-color: var(--pink) !important; text-decoration: none !important; } .side-nav-title { background: linear-gradient(135deg, rgba(255,192,203,0.14) 0%, rgba(90,255,0,0.07) 100%) !important; color: var(--text-head) !important; font-weight: 700 !important; font-size: 0.85em !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; padding: 10px 14px !important; border-bottom: 1px solid var(--border-pink) !important; text-align: center !important; } .side-nav-group { padding: 8px 14px 2px !important; color: var(--pink) !important; font-weight: 700 !important; font-size: 0.8em !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-bottom: 1px solid var(--border) !important; background: rgba(255,192,203,0.04) !important; margin-top: 2px !important; } .side-nav ul { list-style: none !important; margin: 0 !important; padding: 4px 0 !important; } .side-nav ul li a { display: block !important; padding: 6px 16px !important; color: var(--text-muted) !important; font-weight: 400 !important; font-size: 0.92em !important; border-radius: 0 !important; transition: color 0.15s ease, background 0.15s ease, padding-left 0.15s ease !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .side-nav ul li a:hover { color: var(--pink-soft) !important; background: var(--pink-dim) !important; padding-left: 20px !important; } .side-nav ul li.active a, .side-nav ul li a.mw-selflink { color: var(--green) !important; background: var(--green-dim) !important; padding-left: 20px !important; font-weight: 600 !important; border-left: 2px solid var(--green) !important; } .side-nav-footer { border-top: 1px solid var(--border) !important; padding: 8px 10px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .side-nav-footer a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 6px 10px !important; border-radius: var(--r-sm) !important; font-weight: 600 !important; font-size: 0.85em !important; transition: all 0.2s ease !important; } /* Remove old broken margin-right rules if any */ /* Responsive */ } /* ─── LAYOUT FIX: Left sidebar | Content | Right sidebar ─── */ /* Left sidebar - Vector default fixed position, keep as-is */ #mw-panel { /* Keep Vector's default fixed positioning */ } /* Main content area - account for left sidebar + give room for right sidebar */ #content { /* Account for left sidebar + slightly more breathing room */ margin-left: 16em !important; /* Remove any max-width restrictions */ max-width: none !important; } .mw-body { max-width: none !important; } #bodyContent { max-width: none !important; margin: 0 !important; padding-right: 10px !important; } /* Right sidebar (side-nav) - styled floating nav inside content */ .side-nav { float: right !important; clear: right !important; width: 250px !important; margin: 0 0 1.2em 1.8em !important; position: -webkit-sticky !important; position: sticky !important; top: 20px !important; background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; overflow: hidden !important; box-shadow: var(--shadow-card) !important; font-size: 0.9em !important; z-index: 10 !important; } .side-nav-title { background: linear-gradient(135deg, rgba(255,192,203,0.14) 0%, rgba(90,255,0,0.07) 100%) !important; color: var(--text-head) !important; font-weight: 700 !important; font-size: 0.85em !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; padding: 10px 14px !important; border-bottom: 1px solid var(--border-pink) !important; text-align: center !important; } .side-nav-group { padding: 8px 14px 2px !important; color: var(--pink) !important; font-weight: 700 !important; font-size: 0.8em !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-bottom: 1px solid var(--border) !important; background: rgba(255,192,203,0.04) !important; margin-top: 2px !important; } .side-nav ul { list-style: none !important; margin: 0 !important; padding: 4px 0 !important; } .side-nav ul li { margin: 0 !important; padding: 0 !important; } .side-nav ul li a { display: block !important; padding: 6px 16px !important; color: var(--text-muted) !important; font-weight: 400 !important; font-size: 0.92em !important; border-radius: 0 !important; transition: color 0.15s ease, background 0.15s ease, padding-left 0.15s ease !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .side-nav ul li a:hover { color: var(--pink-soft) !important; background: var(--pink-dim) !important; padding-left: 20px !important; } .side-nav ul li.active a, .side-nav ul li a.mw-selflink { color: var(--green) !important; background: var(--green-dim) !important; padding-left: 20px !important; font-weight: 600 !important; border-left: 2px solid var(--green) !important; } .side-nav-footer { border-top: 1px solid var(--border) !important; padding: 8px 10px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .side-nav-footer a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 6px 10px !important; border-radius: var(--r-sm) !important; font-weight: 600 !important; font-size: 0.85em !important; transition: all 0.2s ease !important; text-decoration: none !important; } /* Tables - ensure they use full width and scroll if needed */ .wikitable { width: 100% !important; } .wikitable-wrap { overflow-x: auto !important; max-width: 100% !important; } /* Main page content should not have right sidebar interference */ .page-Main_Page .side-nav { display: none !important; } /* Responsive: stack sidebars on small screens */ .side-nav ul li a { white-space: normal !important; } } /* ─── MAIN CONTENT AREA DARK BACKGROUND ──────────────────────── */ /* ─── LOGO — BD Zone ────────────────────────────────────────── */ /* Vector legacy uses .mw-wiki-logo for the background image */ .mw-wiki-logo { background-image: url(https://wiki.bdzonemc.com/resources/assets/logo.png?v=2) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; } #p-logo { margin-bottom: 0.5em !important; } #p-logo a { display: block !important; width: 10em !important; height: 148px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; background-image: url(https://wiki.bdzonemc.com/resources/assets/logo.png?v=2) !important; } #p-logo a:hover { transform: scale(1.05) !important; border-color: rgba(90,255,0,0.5) !important; box-shadow: 0 0 28px rgba(90,255,0,0.25) !important; } /* ─── MAKE BANNER SMALLER & COMPACT HERO ────────────────────── */ .wynn-hero { min-height: 200px !important; margin-bottom: 0.8em !important; } .wynn-hero-banner img { max-width: 320px !important; } .wynn-ip-pill { margin-top: 0 !important; margin-bottom: 6px !important; } .wynn-hero-sub { font-size: 1em !important; margin-top: 8px !important; margin-bottom: 6px !important; } .wynn-quotes { font-size: 0.75em !important; margin-bottom: 8px !important; } .wynn-server-line { font-size: 0.85em !important; margin-bottom: 10px !important; } .wynn-ctas { gap: 8px !important; } .wynn-btn { padding: 10px 22px !important; font-size: 0.8em !important; min-width: 150px !important; } .wynn-section-head { margin: 0.8em 0 0.6em !important; font-size: 0.8em !important; } /* ─── DARK CONTENT BACKGROUND ───────────────────────────────── */ div#content, .mw-body, .parsoid-body { background: var(--bg-surface) !important; color: var(--text-body) !important; } /* ─── PAGE ACTION TABS STYLING ───────────────────────────────── */ .vector-menu-tabs { background: transparent !important; } .vector-menu-tabs li { background: transparent !important; } .vector-menu-tabs li a { color: var(--text-body) !important; font-size: 0.85em !important; padding: 1em 10px 0.4em !important; border: none !important; background: transparent !important; } .vector-menu-tabs li a:hover { color: var(--pink-soft) !important; text-decoration: none !important; } .vector-menu-tabs .selected a { color: var(--pink) !important; font-weight: 600 !important; border-bottom: 2px solid var(--pink) !important; } /* Admin check - only show if logged in as admin */ /* Since MW adds no admin class, we handle via permissions instead */ /* Gamemode card backgrounds */ .gm-bg-survival { background-image: url(/images/8/81/Survival_bg.png) !important; background-size: cover !important; background-position: center !important; } .gm-bg-skyblock { background-image: url(/images/6/6b/Skyblock_bg.png) !important; background-size: cover !important; background-position: center !important; } /* ─── HERO SECTION — bigger text ────────────────────────────── */ .wynn-hero-sub { font-size: 1.6em !important; margin-top: 12px !important; margin-bottom: 8px !important; } .wynn-quotes { font-size: 0.95em !important; margin-bottom: 12px !important; } .wynn-ip-pill { font-size: 1em !important; padding: 6px 18px !important; } .wynn-server-line { font-size: 1em !important; margin-bottom: 14px !important; } .wynn-btn { padding: 14px 32px !important; font-size: 0.95em !important; min-width: 180px !important; } /* Discord button — clean, no overlapping border */ /* ─── BANNER BUTTONS — unified style ────────────────────────── */ .wynn-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 14px 32px !important; border-radius: 6px !important; font-weight: 800 !important; font-size: 0.95em !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.2s ease !important; text-decoration: none !important; min-width: 180px !important; border: 1px solid rgba(90,255,0,0.5) !important; } .wynn-btn-green { background: linear-gradient(180deg, #5AFF00 0%, #3aaa00 100%) !important; color: #000 !important; -webkit-text-fill-color: #000 !important; box-shadow: 0 3px 12px rgba(90,255,0,0.25) !important; } .wynn-btn-green:hover { background: linear-gradient(180deg, #6cff1a 0%, #44bb00 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 5px 20px rgba(90,255,0,0.35) !important; color: #000 !important; -webkit-text-fill-color: #000 !important; } /* Discord button — matches green button style exactly */ /* ─── BANNER BUTTONS — unified style ────────────────────────── */ .wynn-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 14px 32px !important; border-radius: 6px !important; font-weight: 800 !important; font-size: 0.95em !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.2s ease !important; text-decoration: none !important; min-width: 180px !important; } .wynn-btn-green { background: linear-gradient(180deg, #5AFF00 0%, #3aaa00 100%) !important; color: #000 !important; -webkit-text-fill-color: #000 !important; border: 1px solid rgba(90,255,0,0.5) !important; box-shadow: 0 3px 12px rgba(90,255,0,0.25) !important; } .wynn-btn-green:hover { background: linear-gradient(180deg, #6cff1a 0%, #44bb00 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 5px 20px rgba(90,255,0,0.35) !important; color: #000 !important; -webkit-text-fill-color: #000 !important; } .wynn-btn-discord { background: linear-gradient(180deg, #6c7aff 0%, #4752C4 100%) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border: 1px solid rgba(108,122,255,0.5) !important; box-shadow: 0 3px 12px rgba(88,101,242,0.25) !important; } .wynn-btn-discord:hover { background: linear-gradient(180deg, #7f8bff 0%, #5865F2 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 5px 20px rgba(88,101,242,0.35) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } /* ─── IP COPY BOX ───────────────────────────────────────────── */ /* Copied state */ /* ─── IP COPY BOX ───────────────────────────────────────────── */ .wynn-server-line { text-align: center !important; margin-bottom: 14px !important; } .wynn-ip-copy-box { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background: var(--bg-card) !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; padding: 10px 32px !important; cursor: pointer !important; transition: all 0.2s ease !important; min-width: 260px !important; } .wynn-ip-copy-box:hover { border-color: var(--pink) !important; background: var(--bg-card2) !important; box-shadow: 0 4px 20px rgba(255,192,203,0.12) !important; transform: translateY(-2px) !important; } .wynn-ip-copy-box:active { transform: scale(0.98) !important; } /* Top row: dot + players + Online */ .wynn-ip-top { display: flex !important; align-items: center !important; gap: 4px !important; margin-bottom: 4px !important; font-size: 0.75em !important; } .wynn-ip-players { font-weight: 700 !important; color: var(--text-head) !important; } .wynn-ip-online-text { color: var(--text-muted) !important; font-size: 0.85em !important; } /* Status dot */ .stat-dot { display: inline-block !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background-color: #666 !important; flex-shrink: 0 !important; } /* Middle: IP address */ .wynn-ip-copy-box .wynn-ip-addr { font-family: var(--font-mono) !important; font-size: 1.2em !important; font-weight: 700 !important; color: var(--text-head) !important; letter-spacing: 0.5px !important; line-height: 1.4 !important; } /* Bottom: click hint */ .wynn-ip-copy-hint { font-size: 0.6em !important; color: var(--text-faint) !important; margin-top: 2px !important; letter-spacing: 0.5px !important; text-transform: lowercase !important; } .wynn-ip-copy-box:hover .wynn-ip-copy-hint { color: var(--pink-soft) !important; } /* Copied state */ .wynn-ip-copy-box.copied { border-color: var(--green) !important; box-shadow: 0 2px 12px rgba(90,255,0,0.12) !important; } .wynn-srv-sep { display: none !important; } .wynn-srv-players { display: none !important; } /* Hide the edit section links (pencil icons next to each section) */ /* Hide add topic / new section tab */ /* ─── EDIT TABS — hidden for non-admins ─────────────────────── */ /* ─── HIDE EDIT TABS FOR NON-ADMINS ─────────────────────────── */ #p-views .vector-menu-content-list li#ca-viewsource, #p-views .vector-menu-content-list li#ca-history, #p-views .vector-menu-content-list li#ca-talk, #ca-edit, #ca-ve-edit { display: none !important; } /* ─── CUSTOM FOOTER ─────────────────────────────────────────── */ /* Hide the default MediaWiki footer */ #footer { display: none !important; } /* Footer container — no overflow tricks, JS moves it to body */ #mw-data-after-content { width: auto !important; margin: 0 !important; } /* Custom BD Zone footer */ .bdzone-footer { text-align: center !important; font-size: 0.85em !important; color: var(--text-muted) !important; padding: 28px 24px !important; background: var(--bg-card) !important; border-top: 1px solid var(--border) !important; } .bdzone-footer .footer-copy { margin-bottom: 4px !important; font-weight: 500 !important; } .bdzone-footer .footer-disclaimer { font-size: 0.78em !important; color: var(--text-faint) !important; margin-bottom: 14px !important; line-height: 1.4 !important; } .bdzone-footer .footer-links { display: flex !important; justify-content: center !important; gap: 20px !important; flex-wrap: wrap !important; margin-bottom: 8px !important; } .bdzone-footer .footer-links a { color: var(--text-muted) !important; transition: color 0.2s !important; } .bdzone-footer .footer-links a:hover { color: var(--pink-soft) !important; } /* Social media icons row */ .bdzone-footer .footer-socials { display: flex !important; justify-content: center !important; gap: 14px !important; margin: 14px 0 12px 0 !important; } .bdzone-footer .footer-socials a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; background: color-mix(in srgb, var(--text-muted) 10%, transparent) !important; color: var(--text-muted) !important; transition: all 0.25s ease !important; text-decoration: none !important; } .bdzone-footer .footer-socials a:hover { background: var(--pink) !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(255, 107, 158, 0.3) !important; } .bdzone-footer .footer-socials svg { width: 20px !important; height: 20px !important; fill: currentColor !important; display: block !important; } .bdzone-footer .footer-powered { font-size: 0.8em !important; color: var(--text-faint) !important; } .bdzone-footer .footer-powered a { color: var(--pink) !important; } /* Hide the default MediaWiki footer */ #footer { display: none !important; } /* Custom BD Zone footer - full width */ .bdzone-footer .footer-copy { margin-bottom: 4px !important; font-weight: 500 !important; } .bdzone-footer .footer-disclaimer { font-size: 0.78em !important; color: var(--text-faint) !important; margin-bottom: 14px !important; line-height: 1.4 !important; } .bdzone-footer .footer-links { display: flex !important; justify-content: center !important; gap: 20px !important; flex-wrap: wrap !important; margin-bottom: 8px !important; } .bdzone-footer .footer-links a { color: var(--text-muted) !important; transition: color 0.2s !important; } .bdzone-footer .footer-links a:hover { color: var(--pink-soft) !important; } /* Social media icons row */ .bdzone-footer .footer-socials { display: flex !important; justify-content: center !important; gap: 14px !important; margin: 14px 0 12px 0 !important; } .bdzone-footer .footer-socials a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 10px !important; background: color-mix(in srgb, var(--text-muted) 10%, transparent) !important; color: var(--text-muted) !important; transition: all 0.25s ease !important; text-decoration: none !important; } .bdzone-footer .footer-socials a:hover { background: var(--pink) !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(255, 107, 158, 0.3) !important; } /* Social SVG icons */ .bdzone-footer .footer-socials svg { width: 20px !important; height: 20px !important; fill: currentColor !important; display: block !important; } .bdzone-footer .footer-powered { font-size: 0.8em !important; color: var(--text-faint) !important; } .bdzone-footer .footer-powered a { color: var(--pink) !important; } /* Small phones: narrow everything */ @media (max-width: 480px) { /* Tighter padding overall */ #content { padding: 8px 12px !important; } .bdzone-footer { padding: 20px 12px !important; } /* Scale down banner on hero pages */ .hero-banner img, .hero-banner { max-width: 100% !important; height: auto !important; } /* Single-column card grids */ .card-grid-3 { grid-template-columns: 1fr !important; } .steps-grid { grid-template-columns: 1fr !important; } .wynn-gm-grid { grid-template-columns: 1fr !important; } } /* Tablets & small screens: collapse sidebar */ @media (max-width: 720px) { /* 1. Collapse the left sidebar — push it off-screen */ #mw-panel { display: none !important; } /* 2. Content takes full width */ #content { margin-left: 0 !important; padding: 12px 14px !important; } /* 3. Make footer full-width without sidebar offset */ #mw-data-after-content { margin-left: 0 !important; width: 100% !important; } .bdzone-footer { padding: 24px 14px !important; } /* 4. Side-nav (right sidebar) becomes a regular section */ .side-nav { float: none !important; width: 100% !important; margin: 1em 0 !important; position: relative !important; top: auto !important; } /* 5. Resize social icons row */ .bdzone-footer .footer-socials { gap: 10px !important; } .bdzone-footer .footer-socials a { width: 34px !important; height: 34px !important; } .bdzone-footer .footer-socials svg { width: 18px !important; height: 18px !important; } /* 6. Footer links wrap nicer */ .bdzone-footer .footer-links { gap: 12px !important; } /* 7. Hero section adjustments */ .wynn-community-strip { flex-direction: column !important; text-align: center !important; padding: 18px !important; } /* 8. Table & infobox horizontal scroll */ .wikitable, table.infobox { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } /* 9. Feature cards stack */ .feature-card { max-width: 100% !important; } /* 10. Header search smaller */ #searchInput { max-width: 140px !important; } /* 11. Tab labels shorter on mobile */ #p-views .vector-menu-content-list li a span { font-size: 0.85em !important; } } /* Medium screens: sidebar still visible but content has room */ @media (max-width: 1024px) and (min-width: 721px) { /* Side-nav collapses at this size */ .side-nav { float: none !important; width: 100% !important; margin: 1em 0 !important; position: relative !important; top: auto !important; } /* Card grids 2-col on mid screens */ .card-grid-3 { grid-template-columns: repeat(2, 1fr) !important; } .wynn-gm-grid { grid-template-columns: repeat(2, 1fr) !important; } } /* Keep old small MQs for card grids */ /* ─── MOBILE RESPONSIVE ───────────────────────────────────── */ /* Force viewport-aware layout on ANY small screen */ @media (max-width: 1023px) { /* Hide left sidebar entirely */ #mw-panel { display: none !important; } /* Reset content to full width */ #content, .mw-body { margin-left: 0 !important; width: auto !important; max-width: none !important; } #content { padding: 12px 16px !important; } /* Compact navigation */ #mw-head { position: static !important; } #left-navigation { float: none !important; width: 100% !important; } #right-navigation { float: none !important; width: 100% !important; margin-top: 4px !important; } /* Make search bar fit */ #p-search { float: right !important; } #searchInput { max-width: 140px !important; } /* Compact page tabs */ #p-views .vector-menu-content-list { display: flex !important; flex-wrap: wrap !important; } #p-views .vector-menu-content-list li a span { font-size: 0.82em !important; } /* Side-nav (right sidebar) collapses */ .side-nav { float: none !important; width: 100% !important; margin: 1em 0 !important; position: relative !important; top: auto !important; } /* Banner/masthead scales down */ .wynn-hero { min-height: 180px !important; } .wynn-hero__inner { padding: 24px 16px !important; max-width: 100% !important; } .wynn-hero-banner img { max-width: 280px !important; height: auto !important; } .wynn-hero-sub { font-size: 1.2em !important; } .wynn-quotes { font-size: 0.75em !important; } /* IP copy box */ .wynn-ip-copy-box { margin: 0 auto !important; } /* CTA buttons stack */ .wynn-ctas { flex-direction: column !important; align-items: center !important; gap: 8px !important; } /* Gaming mode cards single column */ .wynn-gm-grid { grid-template-columns: 1fr !important; } /* Feature cards full width */ .feature-card { max-width: 100% !important; width: 100% !important; } /* Community strip stacks */ .wynn-community-strip { flex-direction: column !important; text-align: center !important; padding: 18px !important; } /* Footer full width */ .bdzone-footer { padding: 24px 16px !important; } #mw-data-after-content { margin-left: 0 !important; width: 100% !important; } .bdzone-footer .footer-socials { gap: 10px !important; } .bdzone-footer .footer-socials a { width: 34px !important; height: 34px !important; } .bdzone-footer .footer-socials svg { width: 18px !important; height: 18px !important; } /* Tables scroll horizontally */ table.wikitable, table.infobox { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } /* TOC compact */ #toc, .toc { width: auto !important; float: none !important; } /* Cards stack */ .card-grid-3 { grid-template-columns: 1fr !important; } .steps-grid { grid-template-columns: 1fr !important; } } /* Extra small phones */ @media (max-width: 480px) { #content { padding: 8px 12px !important; } .wynn-hero-banner img { max-width: 100% !important; } .hero-banner { padding: 30px 16px !important; } .hero-title { font-size: 1.8em !important; letter-spacing: 3px !important; } .wynn-hero-sub { font-size: 1em !important; } .bdzone-footer .footer-links { gap: 8px !important; flex-direction: column !important; } } /* Cache bust: fresh-v1782905189 */ | |
| common.js (talk) (Translate) | /* Any JavaScript here will be loaded for all users on every page load. */ |
| /* Fix viewport immediately - Vector outputs width=1120 */ (function() { var vp = document.querySelector('meta[name="viewport"]'); if (vp) vp.content = 'width=device-width, initial-scale=1, maximum-scale=5'; })(); // BD Zone Wiki - Interactive features ( function () { 'use strict'; // --- Smooth scroll to Choose Your World --- var btn = document.getElementById( 'scroll-to-choose' ); if ( btn ) { btn.addEventListener( 'click', function ( e ) { e.preventDefault(); var target = document.getElementById( 'choose-world' ); if ( target ) { target.scrollIntoView( { behavior: 'smooth', block: 'start' } ); } } ); } // --- IP copy on click --- var ipBox = document.getElementById( 'bd-copy-ip' ); if ( ipBox ) { ipBox.addEventListener( 'click', function () { var ipEl = this.querySelector( '.wynn-ip-addr' ); var ipText = ipEl ? ipEl.textContent.trim() : 'play.bdzonemc.com'; if ( ipText ) { navigator.clipboard.writeText( ipText ).then( function () { ipBox.classList.add( 'copied' ); var label = ipBox.querySelector( '.wynn-ip-label' ); var hint = ipBox.querySelector( '.wynn-ip-copy-hint' ); if ( label ) label.textContent = '✔ COPIED!'; if ( hint ) hint.textContent = 'IP copied to clipboard'; setTimeout( function () { ipBox.classList.remove( 'copied' ); if ( label ) label.textContent = 'SERVER IP'; if ( hint ) hint.textContent = '📋 Click to copy'; }, 2000 ); } ).catch( function () { var ta = document.createElement( 'textarea' ); ta.value = ipText; document.body.appendChild( ta ); ta.select(); document.execCommand( 'copy' ); document.body.removeChild( ta ); } ); } } ); } // --- Fetch online player count --- var pcEl = document.getElementById( 'bd-player-count' ); var dotEl = document.getElementById( 'bd-status-dot' ); if ( pcEl ) { fetch( 'https://api.mcstatus.io/v2/status/java/play.bdzonemc.com' ) .then( function ( r ) { return r.json(); } ) .then( function ( data ) { if ( data.online && data.players ) { pcEl.textContent = data.players.online; if ( dotEl ) { dotEl.style.backgroundColor = '#5AFF00'; dotEl.style.boxShadow = '0 0 8px rgba(90,255,0,0.6)'; } } else { pcEl.textContent = '0'; } } ) .catch( function () { pcEl.textContent = '?'; if ( dotEl ) { dotEl.style.backgroundColor = '#f85149'; } } ); } // --- Make feature cards clickable --- var cards = document.querySelectorAll( '.feature-card' ); cards.forEach( function( card ) { var link = card.querySelector( 'a' ); if ( link && link.getAttribute( 'href' ) ) { card.style.cursor = 'pointer'; card.addEventListener( 'click', function ( e ) { if ( e.target.tagName !== 'A' ) { window.location.href = link.getAttribute( 'href' ); } } ); } } ); // --- Make game mode cards clickable --- var gmCards = document.querySelectorAll( '.wynn-gm-card' ); gmCards.forEach( function( card ) { var link = card.querySelector( 'a' ); if ( link && link.getAttribute( 'href' ) ) { card.style.cursor = 'pointer'; card.addEventListener( 'click', function ( e ) { if ( e.target.tagName !== 'A' ) { window.location.href = link.getAttribute( 'href' ); } } ); } } ); }() ); /* Move footer to body for full-width rendering */ $(function() { // Move the footer outside the content wrapper so it spans full width var $footer = $('.bdzone-footer'); if ($footer.length) { $footer.appendTo('body'); // Update footer margins on window resize var updateFooterWidth = function() { // Full viewport width is the default when at body level }; $(window).on('resize', updateFooterWidth); } }); /* ─── MOBILE SIDEBAR HANDLER ───────────────────────────── */ /* Move sidebar out of the way and ensure responsive layout */ $(function() { function applyMobileLayout() { if (window.innerWidth < 1024) { // Ensure sidebar is hidden $('#mw-panel').hide(); // Ensure content is full width $('#content').css('margin-left', '0'); // Ensure body class for responsive $('body').addClass('mw-responsive'); } else { // Restore desktop layout $('#mw-panel').show(); $('#content').css('margin-left', ''); $('body').removeClass('mw-responsive'); } } applyMobileLayout(); $(window).on('resize', applyMobileLayout); }); /* ─── FORCE MOBILE VIEWPORT ─────────────────────────────── */ /* Vector skin outputs width=1120; override to device-width */ $(function() { var vp = document.querySelector('meta[name="viewport"]'); if (vp) { vp.content = 'width=device-width, initial-scale=1, maximum-scale=5'; } else { var meta = document.createElement('meta'); meta.name = 'viewport'; meta.content = 'width=device-width, initial-scale=1, maximum-scale=5'; document.head.appendChild(meta); } }); | |
| communityconfiguration-cite-description (talk) (Translate) | Customize the format and appearance of references. |
| communityconfiguration-cite-title (talk) (Translate) | Cite |
| compare-page1 (talk) (Translate) | Page 1 |
| compare-page2 (talk) (Translate) | Page 2 |
| compare-rev1 (talk) (Translate) | Revision 1 |
| compare-rev2 (talk) (Translate) | Revision 2 |
| compare-revision-not-exists (talk) (Translate) | The revision you specified does not exist. |
| compare-submit (talk) (Translate) | Compare |
| comparepages (talk) (Translate) | Compare pages |
| comparepages-summary (talk) (Translate) | |
| compareselectedversions (talk) (Translate) | Compare selected revisions |
| config-admin-box (talk) (Translate) | Administrator account |
| config-admin-email (talk) (Translate) | Email address: |
| config-admin-email-help (talk) (Translate) | Enter an email address here to allow you to receive email from other users on the wiki, reset your password, and be notified of changes to pages on your watchlist. You can leave this field empty. |
| config-admin-error-bademail (talk) (Translate) | You have entered an invalid email address. |
| config-admin-error-password (talk) (Translate) | Internal error when setting a password for the admin "<nowiki>$1</nowiki>": <pre>$2</pre> |
| config-admin-error-password-invalid (talk) (Translate) | Invalid wiki admin password: $1 |
| config-admin-error-user (talk) (Translate) | Internal error when creating an admin with the name "<nowiki>$1</nowiki>". |
| config-admin-help (talk) (Translate) | Enter your preferred username here, for example "Joe Bloggs". This is the name you will use to log in to the wiki. |
| config-admin-name (talk) (Translate) | Your username: |
| config-admin-name-blank (talk) (Translate) | Enter an administrator username. |
| config-admin-name-invalid (talk) (Translate) | The specified username "<nowiki>$1</nowiki>" is invalid. Specify a different username. |
| config-admin-password (talk) (Translate) | Password: |
| config-admin-password-blank (talk) (Translate) | Enter a password for the administrator account. |
| config-admin-password-confirm (talk) (Translate) | Password again: |
| config-admin-password-mismatch (talk) (Translate) | The two passwords you entered do not match. |
| config-advanced-settings (talk) (Translate) | Advanced configuration |
| config-almost-done (talk) (Translate) | You are almost done! You can now skip the remaining configuration and install the wiki right now. |
| config-apc (talk) (Translate) | [https://www.php.net/apc APC] is installed |
| config-apcu (talk) (Translate) | [https://www.php.net/apcu APCu] is installed |
| config-back (talk) (Translate) | ← Back |
| config-cache-accel (talk) (Translate) | PHP object caching (APC or APCu) |
| config-cache-help (talk) (Translate) | Object caching is used to improve the speed of MediaWiki by caching frequently used data. Medium to large sites are highly encouraged to enable this, and small sites will see benefits as well. |
| config-cache-memcached (talk) (Translate) | Use Memcached (requires additional setup and configuration) |
| config-cache-none (talk) (Translate) | No caching (no functionality is removed, but speed may be impacted on larger wiki sites) |
| config-cache-options (talk) (Translate) | Settings for object caching: |