Benkyy Wiki - User contributions [en]

MediaWiki:Common.css

2026-04-25T21:39:04Z

Benkyy: Patch MediaWiki-safe landing page link styling

:root {
--benky-bg: #0d0d0f;
--benky-bg-2: #131417;
--benky-bg-3: #1b1c20;
--benky-surface: rgba(19, 20, 23, 0.88);
--benky-surface-2: rgba(28, 29, 33, 0.86);
--benky-border: rgba(112, 124, 255, 0.28);
--benky-border-soft: rgba(255, 255, 255, 0.05);
--benky-gold: #f2c26a;
--benky-gold-strong: #ffcf78;
--benky-blue: #6d75ff;
--benky-blue-soft: rgba(109, 117, 255, 0.16);
--benky-text: #f5efe6;
--benky-muted: #b9ac9a;
--benky-dim: #91857a;
--benky-shadow: 0 24px 80px rgba(0,0,0,.40);
}

html, body {
background:
radial-gradient(circle at top, rgba(109,117,255,.08), transparent 0 26%),
radial-gradient(circle at top center, rgba(242,194,106,.08), transparent 0 22%),
linear-gradient(180deg, #17181b 0%, #0f0f11 36%, #0a0a0c 100%) !important;
color: var(--benky-text);
scroll-behavior: smooth;
}

body,
.mw-body,
.vector-header-container,
.skin-vector .mw-page-container,
.skin-vector .vector-column-start,
.skin-vector .vector-column-end,
.skin-vector .vector-sticky-pinned-container,
.skin-vector .vector-page-toolbar,
.skin-vector .vector-page-titlebar,
.skin-vector-legacy #content,
.skin-vector-legacy #mw-panel,
.skin-vector-legacy #mw-head,
.skin-vector-legacy #footer {
background: transparent !important;
color: var(--benky-text) !important;
}

a {
color: #9aa2ff;
transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

a:hover {
color: #c2c7ff;
text-decoration: none;
}

#mw-page-base,
#mw-head-base,
#siteSub,
#contentSub,
#contentSub2,
.printfooter,
.mw-editsection,
#footer-info-lastmod,
.vector-page-toolbar,
.mw-jump-link,
#jump-to-nav,
#catlinks,
#ca-talk {
display: none !important;
}

#content,
.mw-body,
.vector-body,
.skin-vector #content,
.skin-vector-legacy #content {
border: 1px solid rgba(255,255,255,.045) !important;
border-radius: 28px;
background: linear-gradient(180deg, rgba(21,21,24,.96), rgba(14,14,16,.98)) !important;
box-shadow: var(--benky-shadow);
}

#content {
margin-top: 24px;
}

.firstHeading,
.mw-first-heading {
color: #fff7ef !important;
}

#mw-head,
.skin-vector-legacy #mw-head {
border: 1px solid rgba(255,255,255,.05) !important;
border-radius: 20px;
background: rgba(15,15,17,.86) !important;
box-shadow: 0 10px 34px rgba(0,0,0,.18);
backdrop-filter: blur(14px);
}

#p-logo a,
.mw-wiki-logo {
background-image: url('/assets/branding/logo.png') !important;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}

.skin-vector-legacy #p-logo,
.skin-vector-legacy #p-logo a {
width: 132px !important;
height: 112px !important;
margin: 6px auto 18px !important;
}

#mw-panel .portal,
.skin-vector-legacy #mw-panel .portal {
background: linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.012)) !important;
border: 1px solid rgba(255,255,255,.048) !important;
border-radius: 18px;
margin-bottom: 14px !important;
padding: 12px 14px !important;
box-shadow: 0 12px 28px rgba(0,0,0,.16);
}

.vector-menu-heading,
#mw-panel h3,
.portal h3 {
color: var(--benky-gold) !important;
text-transform: uppercase;
letter-spacing: .18em;
font-size: 11px !important;
font-weight: 800;
}

.vector-menu-content-list li a,
#mw-panel .portal .body li a,
.mw-portlet li a {
border-radius: 12px;
padding: 8px 10px !important;
color: var(--benky-text) !important;
}

.vector-menu-content-list li a:hover,
#mw-panel .portal .body li a:hover,
.mw-portlet li a:hover {
background: rgba(109,117,255,.10) !important;
color: #ffffff !important;
transform: translateX(3px);
}

#p-search,
.vector-search-box,
#simpleSearch {
background: rgba(255,255,255,.03) !important;
border: 1px solid rgba(255,255,255,.08) !important;
border-radius: 16px !important;
}

.vector-search-box-input {
color: var(--benky-text) !important;
}

.mw-parser-output {
max-width: 1260px;
margin: 0 auto;
}

/* MAIN PAGE: hide stock wiki chrome and render a custom landing page */
body.page-Main_Page #mw-navigation,
body.page-Main_Page #footer,
body.page-Main_Page #firstHeading {
display: none !important;
}

body.page-Main_Page #content,
body.page-Main_Page .mw-body,
body.page-Main_Page .vector-body,
body.page-Main_Page #bodyContent {
background: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
}

body.page-Main_Page {
background:
linear-gradient(rgba(9,9,11,.84), rgba(9,9,11,.93)),
radial-gradient(circle at top, rgba(109,117,255,.08), transparent 0 24%),
radial-gradient(circle at center, rgba(242,194,106,.05), transparent 0 20%),
linear-gradient(180deg, #16171a 0%, #101013 36%, #09090a 100%) !important;
}

body.page-Main_Page .mw-parser-output {
max-width: 1400px;
margin: 0 auto;
}

body.page-Main_Page #mw-content-text {
padding: 0 !important;
}

.mw-parser-output .benky-home {
padding: 20px 26px 34px;
animation: benky-fade .55s ease;
}

.mw-parser-output .benky-topbar {
position: sticky;
top: 16px;
z-index: 40;
display: grid;
grid-template-columns: 1.05fr 1.25fr auto;
align-items: center;
gap: 18px;
margin-bottom: 26px;
padding: 14px 18px;
border-radius: 22px;
border: 1px solid rgba(255,255,255,.06);
background: rgba(17,17,20,.82);
box-shadow: 0 16px 40px rgba(0,0,0,.22);
backdrop-filter: blur(18px);
}

.mw-parser-output .benky-topbar-left,
.mw-parser-output .benky-topbar-right {
display: flex;
align-items: center;
gap: 16px;
}

.mw-parser-output .benky-menu-button {
width: 38px;
height: 38px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,.06);
background: rgba(255,255,255,.02);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--benky-text);
font-size: 18px;
}

.mw-parser-output .benky-brand {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}

.mw-parser-output .benky-brand img {
width: 42px;
height: 42px;
object-fit: contain;
filter: drop-shadow(0 8px 18px rgba(109,117,255,.15));
}

.mw-parser-output .benky-brand-text {
font-size: 34px;
font-weight: 900;
line-height: 1;
letter-spacing: -.04em;
color: var(--benky-gold-strong);
text-shadow: 0 6px 20px rgba(242,194,106,.18);
}

.mw-parser-output .benky-nav {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}

.mw-parser-output .benky-nav a,
.mw-parser-output .benky-nav span {
color: #f7f1e8 !important;
font-size: 15px;
font-weight: 600;
}

.mw-parser-output .benky-nav .benky-nav-item::after {
content: '⌄';
margin-left: 7px;
font-size: 11px;
color: var(--benky-dim);
}

.mw-parser-output .benky-search-wrap {
min-width: 0;
}

.mw-parser-output .benky-search-form {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 0 14px;
border-radius: 14px;
border: 1px solid rgba(255,255,255,.06);
background: rgba(255,255,255,.03);
box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.mw-parser-output .benky-search-form input {
width: 100%;
height: 44px;
border: 0;
outline: none;
background: transparent;
color: var(--benky-text);
font-size: 14px;
}

.mw-parser-output .benky-search-icon,
.mw-parser-output .benky-profile-icon {
color: var(--benky-muted);
font-size: 16px;
}

.mw-parser-output .benky-topbar-right a {
color: var(--benky-text) !important;
font-weight: 600;
font-size: 14px;
}

.mw-parser-output .benky-main-layout {
display: grid;
grid-template-columns: 1.85fr .95fr;
gap: 28px;
align-items: start;
}

.mw-parser-output .benky-intro-row {
display: grid;
grid-template-columns: 120px 1fr;
gap: 18px;
align-items: stretch;
margin-bottom: 24px;
}

.mw-parser-output .benky-intro-tile,
.mw-parser-output .benky-panel-card,
.mw-parser-output .benky-section-bar,
.mw-parser-output .benky-category-card,
.mw-parser-output .benky-other-box,
.mw-parser-output .benky-news-card,
.mw-parser-output .benky-time-card,
.mw-parser-output .benky-footer {
position: relative;
background: linear-gradient(180deg, rgba(23,24,28,.92), rgba(18,18,21,.96));
border: 1px solid var(--benky-border-soft);
box-shadow: 0 16px 34px rgba(0,0,0,.18);
}

.mw-parser-output .benky-intro-tile::before,
.mw-parser-output .benky-panel-card::before,
.mw-parser-output .benky-section-bar::before,
.mw-parser-output .benky-category-card::before,
.mw-parser-output .benky-other-box::before,
.mw-parser-output .benky-news-card::before,
.mw-parser-output .benky-time-card::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
border: 1px solid rgba(109,117,255,.22);
pointer-events: none;
box-shadow: inset 0 0 0 1px rgba(109,117,255,.06);
}

.mw-parser-output .benky-intro-tile {
border-radius: 18px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 130px;
padding: 18px 12px;
text-align: center;
}

.mw-parser-output .benky-intro-tile img {
width: 58px;
height: 58px;
object-fit: contain;
}

.mw-parser-output .benky-intro-tile-label {
color: var(--benky-gold);
font-size: 16px;
}

.mw-parser-output .benky-intro-copy {
padding: 10px 2px;
}

.mw-parser-output .benky-intro-copy p {
margin: 0 0 14px;
color: var(--benky-text);
line-height: 1.8;
}

.mw-parser-output .benky-intro-copy .benky-muted {
color: var(--benky-muted);
}

.mw-parser-output .benky-stats-row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 22px;
}

.mw-parser-output .benky-stat {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 4px;
}

.mw-parser-output .benky-stat-icon {
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
}

.mw-parser-output .benky-stat-number {
color: #fffaf2;
font-size: 28px;
line-height: 1;
font-weight: 800;
}

.mw-parser-output .benky-stat-label {
color: var(--benky-muted);
font-size: 14px;
}

.mw-parser-output .benky-section-bar {
border-radius: 14px;
padding: 12px 18px;
margin: 0 0 16px;
text-align: center;
color: #fbf6ee;
font-size: 26px;
font-weight: 700;
}

.mw-parser-output .benky-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin-bottom: 28px;
}

.mw-parser-output .benky-category-card {
border-radius: 16px;
min-height: 182px;
padding: 18px 14px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mw-parser-output .benky-category-card:hover {
transform: translateY(-4px);
box-shadow: 0 22px 40px rgba(0,0,0,.24);
}

.mw-parser-output .benky-category-icon {
font-size: 38px;
line-height: 1;
margin-bottom: 16px;
}

.mw-parser-output .benky-category-title {
color: var(--benky-gold);
font-size: 18px;
line-height: 1.2;
}

.mw-parser-output .benky-side-stack {
display: grid;
gap: 18px;
}

.mw-parser-output .benky-time-card,
.mw-parser-output .benky-news-card {
border-radius: 18px;
padding: 24px 22px;
}

.mw-parser-output .benky-card-title {
color: #fff7ee;
font-size: 28px;
text-align: center;
margin-bottom: 14px;
}

.mw-parser-output .benky-time-value {
color: #fffaf5;
text-align: center;
font-size: 44px;
line-height: 1;
font-weight: 800;
margin-bottom: 12px;
}

.mw-parser-output .benky-time-date {
color: var(--benky-muted);
text-align: center;
}

.mw-parser-output .benky-news-title {
color: #fff7ee;
font-size: 28px;
text-align: center;
margin-bottom: 16px;
}

.mw-parser-output .benky-news-list {
margin: 0;
padding-left: 18px;
}

.mw-parser-output .benky-news-list li {
margin-bottom: 12px;
color: var(--benky-text);
line-height: 1.7;
}

.mw-parser-output .benky-news-date {
color: #9aa2ff;
}

.mw-parser-output .benky-other-box {
border-radius: 18px;
padding: 18px 20px;
margin-bottom: 30px;
}

.mw-parser-output .benky-other-columns {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}

.mw-parser-output .benky-other-columns ul {
margin: 0;
padding-left: 18px;
}

.mw-parser-output .benky-other-columns li {
margin-bottom: 10px;
}

.mw-parser-output .benky-footer {
margin-top: 28px;
border-radius: 24px;
padding: 22px 24px;
background: linear-gradient(180deg, rgba(28,20,20,.82), rgba(16,16,18,.94));
}

.mw-parser-output .benky-footer-grid {
display: grid;
grid-template-columns: 1.1fr 1fr 1fr 1fr;
gap: 24px;
align-items: start;
}

.mw-parser-output .benky-footer-brand {
display: flex;
gap: 14px;
align-items: flex-start;
}

.mw-parser-output .benky-footer-brand img {
width: 46px;
height: 46px;
object-fit: contain;
}

.mw-parser-output .benky-footer-logo-text {
color: var(--benky-gold-strong);
font-size: 32px;
font-weight: 900;
line-height: .95;
}

.mw-parser-output .benky-footer-copy {
color: var(--benky-muted);
margin-top: 10px;
font-size: 13px;
}

.mw-parser-output .benky-footer-col-title {
color: #fff7ef;
font-size: 15px;
font-weight: 700;
margin-bottom: 10px;
}

.mw-parser-output .benky-footer-col ul {
margin: 0;
padding-left: 0;
list-style: none;
}

.mw-parser-output .benky-footer-col li {
margin-bottom: 8px;
}

.mw-parser-output .benky-footer-col a {
color: var(--benky-muted) !important;
}

.mw-parser-output .benky-footer-col a:hover {
color: #e6ddcf !important;
}

@keyframes benky-fade {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1200px) {
.mw-parser-output .benky-main-layout,
.mw-parser-output .benky-footer-grid,
.mw-parser-output .benky-other-columns {
grid-template-columns: 1fr;
}

.mw-parser-output .benky-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mw-parser-output .benky-topbar {
grid-template-columns: 1fr;
}
}

@media (max-width: 760px) {
.mw-parser-output .benky-home {
padding: 14px 14px 24px;
}

.mw-parser-output .benky-intro-row,
.mw-parser-output .benky-stats-row,
.mw-parser-output .benky-grid {
grid-template-columns: 1fr;
}

.mw-parser-output .benky-time-value {
font-size: 34px;
}
}
.mw-parser-output .benky-search-fake a {
display: block;
width: 100%;
color: var(--benky-dim) !important;
font-size: 14px;
}
.mw-parser-output .benky-search-fake a:hover {
color: #d8d0c3 !important;
}
.mw-parser-output .benky-search-fake {
height: 46px;
}
.mw-parser-output .benky-search-fake .benky-search-icon {
margin-right: 2px;
}
.mw-parser-output .benky-topbar-right {
justify-content: flex-end;
}
.mw-parser-output .benky-category-card,
.mw-parser-output .benky-intro-tile {
text-decoration: none !important;
}
.mw-parser-output .benky-topbar-right,
.mw-parser-output .benky-nav {
display: flex;
align-items: center;
gap: 14px;
}
.mw-parser-output .benky-topbar-right p,
.mw-parser-output .benky-nav p,
.mw-parser-output .benky-search-fake p,
.mw-parser-output .benky-intro-tile-label p,
.mw-parser-output .benky-category-title p {
margin: 0 !important;
}
.mw-parser-output .benky-search-fake a,
.mw-parser-output .benky-topbar-right a,
.mw-parser-output .benky-nav a,
.mw-parser-output .benky-category-title a,
.mw-parser-output .benky-intro-tile-label a,
.mw-parser-output .benky-footer-col a {
text-decoration: none !important;
}
.mw-parser-output .benky-category-card--pack {
cursor: default;
}
.mw-parser-output .benky-category-title a,
.mw-parser-output .benky-intro-tile-label a {
color: inherit !important;
}
.mw-parser-output .benky-category-title a:hover,
.mw-parser-output .benky-intro-tile-label a:hover {
color: #fff4de !important;
}
.mw-parser-output .benky-intro-tile > p,
.mw-parser-output .benky-category-card > p {
margin: 0 !important;
}

Main Page

2026-04-25T21:39:04Z

Benkyy: Rewrite main page using MediaWiki-safe link markup

__NOTOC__
<div class="benky-home">
<div class="benky-topbar">
<div class="benky-topbar-left">
<div class="benky-menu-button">☰</div>
<div class="benky-brand">
<img src="/assets/branding/logo.png" alt="Benkyy logo" />
<div class="benky-brand-text">Benkyy</div>
</div>
<div class="benky-nav">
[[#content-grid|<span class="benky-nav-item">Content</span>]]
[[#other-content|<span class="benky-nav-item">Explore</span>]]
[[Community Guide|<span class="benky-nav-item">Guide</span>]]
</div>
</div>
<div class="benky-search-wrap">
<div class="benky-search-form benky-search-fake">
<span class="benky-search-icon">⌕</span>
[[Special:Search|<span>Search Benkyy Wiki</span>]]
</div>
</div>
<div class="benky-topbar-right">
[[Special:CreateAccount|<span>Create account</span>]]
[[Special:UserLogin|<span>Log in</span>]]
<span class="benky-profile-icon">◌</span>
</div>
</div>

<div class="benky-main-layout">
<div>
<div class="benky-intro-row">
<div class="benky-intro-tile">
[[Introduction|<img src="/assets/branding/logo.png" alt="Introduction" />]]
<div class="benky-intro-tile-label">[[Introduction|Introduction]]</div>
</div>
<div class="benky-intro-copy">
<p>Welcome to the official <b>Benkyy Wiki</b>. Our goal is to provide the cleanest, clearest, and most useful reference surface possible for the Benkyy ecosystem. We keep improving where needed and push the presentation further so it feels premium instead of generic.</p>
<p class="benky-muted">Interested in helping improve the wiki? Please review the existing pages, expand missing areas, and keep the structure sharp.</p>
</div>
</div>

<div class="benky-stats-row">
<div class="benky-stat">
<div class="benky-stat-icon">✎</div>
<div>
<div class="benky-stat-number" data-target="38">0</div>
<div class="benky-stat-label">Edits</div>
</div>
</div>
<div class="benky-stat">
<div class="benky-stat-icon">📖</div>
<div>
<div class="benky-stat-number" data-target="36">0</div>
<div class="benky-stat-label">Pages</div>
</div>
</div>
<div class="benky-stat">
<div class="benky-stat-icon">🧩</div>
<div>
<div class="benky-stat-number" data-target="12">0</div>
<div class="benky-stat-label">Topics</div>
</div>
</div>
</div>

<div id="content-grid" class="benky-section-bar">Content</div>
<div class="benky-grid">
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">🎒</div><div class="benky-category-title">[[Accessories|Accessories]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">🛡️</div><div class="benky-category-title">[[Armor|Armor]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">📚</div><div class="benky-category-title">[[Collections|Collections]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">🌐</div><div class="benky-category-title">[[Hub|Hub]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">✨</div><div class="benky-category-title">[[Fairy Souls|Fairy Souls]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">📍</div><div class="benky-category-title">[[Locations|Locations]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">🤖</div><div class="benky-category-title">[[Minions|Minions]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">🐾</div><div class="benky-category-title">[[Pets|Pets]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">🔧</div><div class="benky-category-title">[[Reforging|Reforging]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">⛏️</div><div class="benky-category-title">[[Skills|Skills]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">📊</div><div class="benky-category-title">[[Stats|Stats]]</div></div>
<div class="benky-category-card benky-category-card--pack"><div class="benky-category-icon">⚔️</div><div class="benky-category-title">[[Weapons|Weapons]]</div></div>
</div>

<div id="other-content" class="benky-section-bar">Other Game Content</div>
<div class="benky-other-box">
<div class="benky-other-columns">
<ul>
<li>[[Alpha Items]]</li>
<li>[[Auction House]]</li>
<li>[[Bazaar]]</li>
<li>[[Bestiary]]</li>
<li>[[Brews]]</li>
<li>[[Commands]]</li>
<li>[[Community Shop]]</li>
</ul>
<ul>
<li>[[Cosmetics]]</li>
<li>[[Dark Auction]]</li>
<li>[[Events]]</li>
<li>[[Experiments]]</li>
<li>[[Furniture]]</li>
<li>[[Heart of the Mountain]]</li>
<li>[[Jacob's Farming Contest]]</li>
</ul>
<ul>
<li>[[Major Elections]]</li>
<li>[[New Year Celebration]]</li>
<li>[[Reforge Stones]]</li>
<li>[[Runes]]</li>
<li>[[Sacks]]</li>
<li>[[Spooky Festival]]</li>
<li>[[Travel Scrolls]]</li>
</ul>
</div>
</div>
</div>

<div class="benky-side-stack">
<div class="benky-time-card">
<div class="benky-card-title">Benkyy Time</div>
<div class="benky-time-value benky-live-clock">--:--</div>
<div class="benky-time-date benky-live-date">Loading time...</div>
</div>
<div class="benky-news-card">
<div class="benky-news-title">News</div>
<ul class="benky-news-list">
<li><span class="benky-news-date">[April 25]</span> Main page rebuilt into a full premium Benkyy landing layout inspired by the reference style.</li>
<li><span class="benky-news-date">[April 25]</span> Logo, favicon, short URLs, custom sidebar, and premium theming were wired into the wiki.</li>
<li><span class="benky-news-date">[April 25]</span> Core category pages and content entry points were created to support the landing layout.</li>
<li><span class="benky-news-date">[Updates]</span> Continue tracking structural and visual changes inside [[Updates]].</li>
</ul>
</div>
</div>
</div>

<div class="benky-footer">
<div class="benky-footer-grid">
<div>
<div class="benky-footer-brand">
<img src="/assets/branding/logo.png" alt="Benkyy" />
<div>
<div class="benky-footer-logo-text">Benkyy</div>
<div class="benky-footer-copy">Benkyy Wiki © 2026<br />Premium knowledge surface for the Benkyy ecosystem.</div>
</div>
</div>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Wiki</div>
<ul>
<li>[[Main Page|Home]]</li>
<li>[[Community Guide]]</li>
<li>[[Updates]]</li>
<li>[[Rules]]</li>
</ul>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Network</div>
<ul>
<li>[https://benkyy.net Main Site]</li>
<li>[https://panel.benkyy.net Panel]</li>
<li>[https://admin.benkyy.net Admin]</li>
<li>[[FAQ]]</li>
</ul>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Explore</div>
<ul>
<li>[[Special:AllPages|All pages]]</li>
<li>[[Special:RecentChanges|Recent changes]]</li>
<li>[[Special:Categories|Categories]]</li>
<li>[[Special:Random|Random page]]</li>
</ul>
</div>
</div>
</div>
</div>

MediaWiki:Common.css

2026-04-25T21:38:28Z

Benkyy: Patch custom landing page search/topbar rendering

Main Page

2026-04-25T21:38:28Z

Benkyy: Fix escaped main page markup and tighten Hypixel-style landing layout

__NOTOC__
<div class="benky-home">
<div class="benky-topbar">
<div class="benky-topbar-left">
<div class="benky-menu-button">☰</div>
<div class="benky-brand">
<img src="/assets/branding/logo.png" alt="Benkyy logo" />
<div class="benky-brand-text">Benkyy</div>
</div>
<div class="benky-nav">
<a class="benky-nav-item" href="#content-grid">Content</a>
<a class="benky-nav-item" href="#other-content">Explore</a>
<a class="benky-nav-item" href="/wiki/Community_Guide">Guide</a>
</div>
</div>
<div class="benky-search-wrap">
<div class="benky-search-form benky-search-fake">
<span class="benky-search-icon">⌕</span>
<a href="/wiki/Special:Search">Search Benkyy Wiki</a>
</div>
</div>
<div class="benky-topbar-right">
<a href="/index.php?title=Special:CreateAccount">Create account</a>
<a href="/index.php?title=Special:UserLogin">Log in</a>
<span class="benky-profile-icon">◌</span>
</div>
</div>

<div class="benky-main-layout">
<div>
<div class="benky-intro-row">
<a class="benky-intro-tile" href="/wiki/Introduction">
<img src="/assets/branding/logo.png" alt="Introduction" />
<div class="benky-intro-tile-label">Introduction</div>
</a>
<div class="benky-intro-copy">
<p>Welcome to the official <b>Benkyy Wiki</b>. Our goal is to provide the cleanest, clearest, and most useful reference surface possible for the Benkyy ecosystem. We keep improving where needed and push the presentation further so it feels premium instead of generic.</p>
<p class="benky-muted">Interested in helping improve the wiki? Please review the existing pages, expand missing areas, and keep the structure sharp.</p>
</div>
</div>

<div class="benky-stats-row">
<div class="benky-stat">
<div class="benky-stat-icon">✎</div>
<div>
<div class="benky-stat-number" data-target="38">0</div>
<div class="benky-stat-label">Edits</div>
</div>
</div>
<div class="benky-stat">
<div class="benky-stat-icon">📖</div>
<div>
<div class="benky-stat-number" data-target="36">0</div>
<div class="benky-stat-label">Pages</div>
</div>
</div>
<div class="benky-stat">
<div class="benky-stat-icon">🧩</div>
<div>
<div class="benky-stat-number" data-target="12">0</div>
<div class="benky-stat-label">Topics</div>
</div>
</div>
</div>

<div id="content-grid" class="benky-section-bar">Content</div>
<div class="benky-grid">
<a class="benky-category-card" href="/wiki/Accessories"><div class="benky-category-icon">🎒</div><div class="benky-category-title">Accessories</div></a>
<a class="benky-category-card" href="/wiki/Armor"><div class="benky-category-icon">🛡️</div><div class="benky-category-title">Armor</div></a>
<a class="benky-category-card" href="/wiki/Collections"><div class="benky-category-icon">📚</div><div class="benky-category-title">Collections</div></a>
<a class="benky-category-card" href="/wiki/Hub"><div class="benky-category-icon">🌐</div><div class="benky-category-title">Hub</div></a>
<a class="benky-category-card" href="/wiki/Fairy_Souls"><div class="benky-category-icon">✨</div><div class="benky-category-title">Fairy Souls</div></a>
<a class="benky-category-card" href="/wiki/Locations"><div class="benky-category-icon">📍</div><div class="benky-category-title">Locations</div></a>
<a class="benky-category-card" href="/wiki/Minions"><div class="benky-category-icon">🤖</div><div class="benky-category-title">Minions</div></a>
<a class="benky-category-card" href="/wiki/Pets"><div class="benky-category-icon">🐾</div><div class="benky-category-title">Pets</div></a>
<a class="benky-category-card" href="/wiki/Reforging"><div class="benky-category-icon">🔧</div><div class="benky-category-title">Reforging</div></a>
<a class="benky-category-card" href="/wiki/Skills"><div class="benky-category-icon">⛏️</div><div class="benky-category-title">Skills</div></a>
<a class="benky-category-card" href="/wiki/Stats"><div class="benky-category-icon">📊</div><div class="benky-category-title">Stats</div></a>
<a class="benky-category-card" href="/wiki/Weapons"><div class="benky-category-icon">⚔️</div><div class="benky-category-title">Weapons</div></a>
</div>

<div id="other-content" class="benky-section-bar">Other Game Content</div>
<div class="benky-other-box">
<div class="benky-other-columns">
<ul>
<li>[[Alpha Items]]</li>
<li>[[Auction House]]</li>
<li>[[Bazaar]]</li>
<li>[[Bestiary]]</li>
<li>[[Brews]]</li>
<li>[[Commands]]</li>
<li>[[Community Shop]]</li>
</ul>
<ul>
<li>[[Cosmetics]]</li>
<li>[[Dark Auction]]</li>
<li>[[Events]]</li>
<li>[[Experiments]]</li>
<li>[[Furniture]]</li>
<li>[[Heart of the Mountain]]</li>
<li>[[Jacob's Farming Contest]]</li>
</ul>
<ul>
<li>[[Major Elections]]</li>
<li>[[New Year Celebration]]</li>
<li>[[Reforge Stones]]</li>
<li>[[Runes]]</li>
<li>[[Sacks]]</li>
<li>[[Spooky Festival]]</li>
<li>[[Travel Scrolls]]</li>
</ul>
</div>
</div>
</div>

<div class="benky-side-stack">
<div class="benky-time-card">
<div class="benky-card-title">Benkyy Time</div>
<div class="benky-time-value benky-live-clock">--:--</div>
<div class="benky-time-date benky-live-date">Loading time...</div>
</div>
<div class="benky-news-card">
<div class="benky-news-title">News</div>
<ul class="benky-news-list">
<li><span class="benky-news-date">[April 25]</span> Main page rebuilt into a full premium Benkyy landing layout inspired by the reference style.</li>
<li><span class="benky-news-date">[April 25]</span> Logo, favicon, short URLs, custom sidebar, and premium theming were wired into the wiki.</li>
<li><span class="benky-news-date">[April 25]</span> Core category pages and content entry points were created to support the landing layout.</li>
<li><span class="benky-news-date">[Updates]</span> Continue tracking structural and visual changes inside [[Updates]].</li>
</ul>
</div>
</div>
</div>

<div class="benky-footer">
<div class="benky-footer-grid">
<div>
<div class="benky-footer-brand">
<img src="/assets/branding/logo.png" alt="Benkyy" />
<div>
<div class="benky-footer-logo-text">Benkyy</div>
<div class="benky-footer-copy">Benkyy Wiki © 2026<br />Premium knowledge surface for the Benkyy ecosystem.</div>
</div>
</div>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Wiki</div>
<ul>
<li>[[Main Page|Home]]</li>
<li>[[Community Guide]]</li>
<li>[[Updates]]</li>
<li>[[Rules]]</li>
</ul>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Network</div>
<ul>
<li>[https://benkyy.net Main Site]</li>
<li>[https://panel.benkyy.net Panel]</li>
<li>[https://admin.benkyy.net Admin]</li>
<li>[[FAQ]]</li>
</ul>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Explore</div>
<ul>
<li>[[Special:AllPages|All pages]]</li>
<li>[[Special:RecentChanges|Recent changes]]</li>
<li>[[Special:Categories|Categories]]</li>
<li>[[Special:Random|Random page]]</li>
</ul>
</div>
</div>
</div>
</div>

Main Page

2026-04-25T21:37:52Z

Benkyy: Rebuild homepage into Hypixel-style Benkyy landing layout

__NOTOC__
<div class="benky-home">
<div class="benky-topbar">
<div class="benky-topbar-left">
<div class="benky-menu-button">☰</div>
<div class="benky-brand">
<img src="/assets/branding/logo.png" alt="Benkyy logo" />
<div class="benky-brand-text">Benkyy</div>
</div>
<div class="benky-nav">
<a class="benky-nav-item" href="#content-grid">Content</a>
<a class="benky-nav-item" href="#other-content">Explore</a>
<a class="benky-nav-item" href="/wiki/Community_Guide">Guide</a>
</div>
</div>
<div class="benky-search-wrap">
<form class="benky-search-form" action="/index.php" method="get">
<span class="benky-search-icon">⌕</span>
<input type="hidden" name="title" value="Special:Search" />
<input type="search" name="search" placeholder="Search Benkyy Wiki" aria-label="Search Benkyy Wiki" />
</form>
</div>
<div class="benky-topbar-right">
<a href="/index.php?title=Special:CreateAccount">Create account</a>
<a href="/index.php?title=Special:UserLogin">Log in</a>
<span class="benky-profile-icon">◌</span>
</div>
</div>

<div class="benky-main-layout">
<div>
<div class="benky-intro-row">
<a class="benky-intro-tile" href="/wiki/Introduction">
<img src="/assets/branding/logo.png" alt="Introduction" />
<div class="benky-intro-tile-label">Introduction</div>
</a>
<div class="benky-intro-copy">
<p>Welcome to the official <b>Benkyy Wiki</b>. Our goal is to provide the cleanest, clearest, and most useful reference surface possible for the Benkyy ecosystem. We keep improving where needed and push the presentation further so it feels premium instead of generic.</p>
<p class="benky-muted">Interested in helping improve the wiki? Please review the existing pages, expand missing areas, and keep the structure sharp.</p>
</div>
</div>

<div class="benky-stats-row">
<div class="benky-stat">
<div class="benky-stat-icon">✎</div>
<div>
<div class="benky-stat-number" data-target="45">0</div>
<div class="benky-stat-label">Edits</div>
</div>
</div>
<div class="benky-stat">
<div class="benky-stat-icon">📖</div>
<div>
<div class="benky-stat-number" data-target="40">0</div>
<div class="benky-stat-label">Pages</div>
</div>
</div>
<div class="benky-stat">
<div class="benky-stat-icon">🧩</div>
<div>
<div class="benky-stat-number" data-target="12">0</div>
<div class="benky-stat-label">Topics</div>
</div>
</div>
</div>

<div id="content-grid" class="benky-section-bar">Content</div>
<div class="benky-grid">
<a class="benky-category-card" href="/wiki/Accessories"><div class="benky-category-icon">🎒</div><div class="benky-category-title">Accessories</div></a>
<a class="benky-category-card" href="/wiki/Armor"><div class="benky-category-icon">🛡️</div><div class="benky-category-title">Armor</div></a>
<a class="benky-category-card" href="/wiki/Collections"><div class="benky-category-icon">📚</div><div class="benky-category-title">Collections</div></a>
<a class="benky-category-card" href="/wiki/Hub"><div class="benky-category-icon">🌐</div><div class="benky-category-title">Hub</div></a>
<a class="benky-category-card" href="/wiki/Fairy_Souls"><div class="benky-category-icon">✨</div><div class="benky-category-title">Fairy Souls</div></a>
<a class="benky-category-card" href="/wiki/Locations"><div class="benky-category-icon">📍</div><div class="benky-category-title">Locations</div></a>
<a class="benky-category-card" href="/wiki/Minions"><div class="benky-category-icon">🤖</div><div class="benky-category-title">Minions</div></a>
<a class="benky-category-card" href="/wiki/Pets"><div class="benky-category-icon">🐾</div><div class="benky-category-title">Pets</div></a>
<a class="benky-category-card" href="/wiki/Reforging"><div class="benky-category-icon">🔧</div><div class="benky-category-title">Reforging</div></a>
<a class="benky-category-card" href="/wiki/Skills"><div class="benky-category-icon">⛏️</div><div class="benky-category-title">Skills</div></a>
<a class="benky-category-card" href="/wiki/Stats"><div class="benky-category-icon">📊</div><div class="benky-category-title">Stats</div></a>
<a class="benky-category-card" href="/wiki/Weapons"><div class="benky-category-icon">⚔️</div><div class="benky-category-title">Weapons</div></a>
</div>

<div id="other-content" class="benky-section-bar">Other Game Content</div>
<div class="benky-other-box">
<div class="benky-other-columns">
<ul>
<li>[[Alpha Items]]</li>
<li>[[Auction House]]</li>
<li>[[Bazaar]]</li>
<li>[[Bestiary]]</li>
<li>[[Brews]]</li>
<li>[[Commands]]</li>
<li>[[Community Shop]]</li>
</ul>
<ul>
<li>[[Cosmetics]]</li>
<li>[[Dark Auction]]</li>
<li>[[Events]]</li>
<li>[[Experiments]]</li>
<li>[[Furniture]]</li>
<li>[[Heart of the Mountain]]</li>
<li>[[Jacob's Farming Contest]]</li>
</ul>
<ul>
<li>[[Major Elections]]</li>
<li>[[New Year Celebration]]</li>
<li>[[Reforge Stones]]</li>
<li>[[Runes]]</li>
<li>[[Sacks]]</li>
<li>[[Spooky Festival]]</li>
<li>[[Travel Scrolls]]</li>
</ul>
</div>
</div>
</div>

<div class="benky-side-stack">
<div class="benky-time-card">
<div class="benky-card-title">Benkyy Time</div>
<div class="benky-time-value benky-live-clock">--:--</div>
<div class="benky-time-date benky-live-date">Loading time...</div>
</div>

<div class="benky-news-card">
<div class="benky-news-title">News</div>
<ul class="benky-news-list">
<li><span class="benky-news-date">[April 25]</span> Main page rebuilt into a full premium Benkyy landing layout inspired by the reference style.</li>
<li><span class="benky-news-date">[April 25]</span> Logo, favicon, short URLs, custom sidebar, and premium theming were wired into the wiki.</li>
<li><span class="benky-news-date">[April 25]</span> Core category pages and content entry points were created to support the landing layout.</li>
<li><span class="benky-news-date">[Updates]</span> Continue tracking structural and visual changes inside [[Updates]].</li>
</ul>
</div>
</div>
</div>

<div class="benky-footer">
<div class="benky-footer-grid">
<div>
<div class="benky-footer-brand">
<img src="/assets/branding/logo.png" alt="Benkyy" />
<div>
<div class="benky-footer-logo-text">Benkyy</div>
<div class="benky-footer-copy">Benkyy Wiki © 2026<br />Premium knowledge surface for the Benkyy ecosystem.</div>
</div>
</div>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Wiki</div>
<ul>
<li>[[Main Page|Home]]</li>
<li>[[Community Guide]]</li>
<li>[[Updates]]</li>
<li>[[Rules]]</li>
</ul>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Network</div>
<ul>
<li>[https://benkyy.net Main Site]</li>
<li>[https://panel.benkyy.net Panel]</li>
<li>[https://admin.benkyy.net Admin]</li>
<li>[[FAQ]]</li>
</ul>
</div>
<div class="benky-footer-col">
<div class="benky-footer-col-title">Explore</div>
<ul>
<li>[[Special:AllPages|All pages]]</li>
<li>[[Special:RecentChanges|Recent changes]]</li>
<li>[[Special:Categories|Categories]]</li>
<li>[[Special:Random|Random page]]</li>
</ul>
</div>
</div>
</div>
</div>

MediaWiki:Common.js

2026-04-25T21:37:52Z

Benkyy: Add live clock and stat animation for custom landing page

MediaWiki:Common.css

2026-04-25T21:37:52Z

Benkyy: Rebuild main page to match premium Hypixel-style wiki layout

News

2026-04-25T21:37:52Z