MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* ============================================
   BANES WORLD - Dark Fantasy Theme
   MediaWiki:Common.css
   ============================================ */

/* --- Body & Background --- */
body {
    background-color: #0d0d0d !important;
    color: #ccbbaa;
    font-family: 'Georgia', serif;
}

/* --- Minerva Header --- */
.header-container,
.header-chrome,
.minerva-header,
#mw-mf-viewport .header-container {
    background-color: #111008 !important;
    border-bottom: 2px solid #5a3010 !important;
}

/* --- Minerva branding/logo area --- */
.branding-box,
.branding-box a {
    background-color: #111008 !important;
    color: #cc7733 !important;
}

/* --- Logo size --- */
.branding-box img {
    width: 55px !important;
    height: 55px !important;
    max-height: none !important;
    object-fit: contain !important;
    margin-top: 5px;
}

.minerva-header {
    height: auto !important;
    min-height: 65px !important;
}

/* --- Minerva search form --- */
.minerva-search-form,
.search-box {
    background-color: #111008 !important;
}

.search-box input {
    background-color: #1a1510 !important;
    color: #ccbbaa !important;
    border-color: #5a3010 !important;
}

/* --- Minerva navigation drawer --- */
.navigation-drawer,
.toggle-list {
    background-color: #120f0a !important;
}

.toggle-list-item a {
    color: #aa7744 !important;
}

.toggle-list-item a:hover {
    color: #ffaa55 !important;
}

/* --- Minerva user navigation --- */
.minerva-user-navigation {
    background-color: #111008 !important;
}

/* --- Minerva page center --- */
#mw-mf-page-center {
    background-color: #0d0d0d !important;
}

/* --- Content Area --- */
.mw-body,
.mw-body-content,
#content,
#mw-content-text {
    background-color: #1a1510 !important;
    color: #ccbbaa !important;
}

/* --- Page Title --- */
h1.firstHeading,
.mw-first-heading {
    color: #cc3300 !important;
    border-bottom: 2px solid #4a3820;
    font-family: 'Georgia', serif;
    text-shadow: 1px 1px 4px #000;
}

/* --- Section Headers --- */
h2 {
    color: #cc6622;
    border-bottom: 1px solid #4a3820;
    font-family: 'Georgia', serif;
}

h3 { color: #aa5511; }
h4, h5, h6 { color: #996644; }

/* --- Links --- */
a { color: #cc7733; }
a:visited { color: #995522; }
a:hover { color: #ff9944; text-decoration: underline; }
a.new { color: #991111; }
a.new:hover { color: #cc2222; }

/* --- Tables --- */
table.wikitable {
    background-color: #1a1510;
    border: 1px solid #5a3010;
    color: #ccbbaa;
}

table.wikitable th {
    background-color: #2a1508;
    color: #dd7722;
    border: 1px solid #5a3010;
}

table.wikitable td { border: 1px solid #3a2810; }
table.wikitable tr:hover { background-color: #221a10; }

#mw-content-text table,
#mw-content-text td,
#mw-content-text tr {
    background-color: #1a1510 !important;
    border-color: #5a3010 !important;
    color: #ccbbaa !important;
}

/* --- Footer --- */
.post-content,
.minerva-footer,
footer,
#footer {
    background-color: #0d0a06 !important;
    border-top: 1px solid #3a2810 !important;
    color: #665544 !important;
}

footer a, #footer a {
    color: #886644 !important;
}

footer a:hover {
    color: #cc7733 !important;
}

/* --- Notice / Info Boxes --- */
.mw-message-box,
.mw-notification {
    background-color: #1e1610;
    border: 1px solid #5a3010;
    color: #ccbbaa;
}

/* --- Category Links --- */
#catlinks {
    background-color: #1a1510;
    border: 1px solid #4a3020;
    color: #998866;
}

#catlinks a { color: #cc7733; }

/* --- Scrollbar --- */
::-webkit-scrollbar { width: 8px; background-color: #0d0d0d; }
::-webkit-scrollbar-thumb { background-color: #4a3010; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background-color: #cc6622; }

/* --- Hide Discussion button (Minerva) --- */
#ca-talk,
.minerva-talk-link,
#page-secondary-actions,
.talk-namespaced-page-mobile-header,
[data-event-name="talk"] {
    display: none !important;
}
/* --- UO Style Decorative HR --- */
hr {
    border: none;
    height: 2px;
    background: linear-gradient(to right, transparent, #cc3300, #aa5500, #cc3300, transparent);
    margin: 16px 0;
}

/* --- Parchment-style welcome box --- */
#mw-content-text > table {
    background: linear-gradient(135deg, #1e1408, #2a1a08, #1e1408) !important;
    border: 1px solid #7a5020 !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.5), 0 0 10px rgba(100,50,0,0.3) !important;
}

/* --- Section header UO style --- */
h2 {
    color: #cc6622;
    border-bottom: 1px solid #4a3820;
    font-family: 'Georgia', serif;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 3px #000;
}

/* --- Glowing red links on hover --- */
a:hover {
    color: #ff6600 !important;
    text-shadow: 0 0 8px rgba(200, 80, 0, 0.7);
    text-decoration: none !important;
}

/* --- Parchment content background with subtle texture --- */
.mw-body,
.mw-body-content,
#content,
#mw-content-text {
    background: linear-gradient(180deg, #1a1208 0%, #1a1510 40%, #160f08 100%) !important;
}

/* --- UO style page title glow --- */
h1.firstHeading,
.mw-first-heading {
    color: #cc3300 !important;
    text-shadow: 0 0 10px rgba(180,40,0,0.6), 1px 1px 4px #000 !important;
    letter-spacing: 0.08em;
}

/* --- Bullet points styled as UO diamonds --- */
#mw-content-text li {
    list-style: none;
    position: relative;
    padding-left: 1.2em;
}

#mw-content-text li::before {
    content: '◆';
    position: absolute;
    left: 0;
    color: #7a3010;
    font-size: 0.6em;
    top: 0.35em;
}

/* --- Footer UO flavor --- */
footer, #footer {
    background: linear-gradient(180deg, #0d0a06, #080604) !important;
    border-top: 2px solid #5a3010 !important;
}