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;
    background-image: url('/wiki/images/bg-texture.png'); /* optional dark texture */
    color: #ccbbaa;
    font-family: 'Georgia', serif;
}

/* --- Content Area --- */
#content {
    background-color: #1a1510;
    color: #ccbbaa;
    border: 1px solid #4a3820;
    border-radius: 4px;
}

/* --- Page Title --- */
h1.firstHeading {
    color: #cc3300;
    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;
}

/* Red links (missing pages) */
a.new {
    color: #991111;
}

a.new:hover {
    color: #cc2222;
}

/* --- Top Navigation Bar --- */
#mw-head {
    background-color: #111008;
    border-bottom: 2px solid #5a3010;
}

#mw-head a {
    color: #cc7733 !important;
}

#mw-head a:hover {
    color: #ffaa55 !important;
}

/* --- Sidebar --- */
#mw-panel {
    background-color: #120f0a;
    border-right: 1px solid #3a2810;
}

#mw-panel .portal h3 {
    color: #cc6622;
    border-bottom: 1px solid #3a2810;
    font-family: 'Georgia', serif;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#mw-panel .portal a {
    color: #aa7744 !important;
}

#mw-panel .portal a:hover {
    color: #ffaa55 !important;
}

/* --- Search Bar --- */
#simpleSearch {
    background-color: #1a1510;
    border: 1px solid #5a3010;
    border-radius: 3px;
}

#searchInput {
    background-color: #1a1510;
    color: #ccbbaa;
}

#searchButton {
    background-color: #2a1a0a;
}

/* --- 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;
}

/* --- Welcome Box (Main Page) --- */
table[style*="background:#f8f8f8"],
.wikitable,
#mw-content-text > table {
    background-color: #1e1610 !important;
    border-color: #5a3010 !important;
    color: #ccbbaa !important;
}

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

/* --- Footer --- */
#footer {
    background-color: #0d0a06;
    border-top: 1px solid #3a2810;
    color: #665544;
}

#footer a {
    color: #886644;
}

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

/* --- Scrollbar (Webkit browsers) --- */
::-webkit-scrollbar {
    width: 8px;
    background-color: #0d0d0d;
}

::-webkit-scrollbar-thumb {
    background-color: #4a3010;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #cc6622;
}

/* --- Tab Buttons (Read / Edit / View History) --- */
#p-views .selected a {
    color: #cc7733 !important;
}

#p-views a {
    color: #aa6622 !important;
}

#p-views a:hover {
    color: #ff9944 !important;
}

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

#catlinks a {
    color: #cc7733;
}
/* --- Fix Welcome Banner Box --- */
#mw-content-text table,
#mw-content-text td,
#mw-content-text tr {
    background-color: #1a1510 !important;
    border-color: #5a3010 !important;
    color: #ccbbaa !important;
}

/* --- Fix Search Box Area --- */
#mw-head-base {
    background-color: #111008 !important;
}

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

/* --- Fix any remaining white content backgrounds --- */
.mw-body {
    background-color: #1a1510 !important;
    color: #ccbbaa !important;
}

.mw-body-content {
    background-color: #1a1510 !important;
}

/* --- Fix tab bar white strip --- */
#mw-head .vector-menu-tabs {
    background-color: #111008 !important;
}

.vector-menu-tabs li {
    background-color: #111008 !important;
}

.vector-menu-tabs li a {
    color: #cc7733 !important;
}

.vector-menu-tabs .selected {
    background-color: #1a1510 !important;
}
/* --- Fix Tab Buttons (Main Page / Discussion / Edit / View History) --- */
.vector-menu-tabs,
.vector-menu-tabs-legacy {
    background-color: #111008 !important;
}

.vector-menu-tabs li,
.vector-menu-tabs-legacy li {
    background-color: #111008 !important;
    border-color: #5a3010 !important;
}

.vector-menu-tabs li a,
.vector-menu-tabs-legacy li a {
    background-color: #111008 !important;
    color: #cc7733 !important;
}

.vector-menu-tabs li.selected,
.vector-menu-tabs-legacy li.selected {
    background-color: #1a1510 !important;
}

.vector-menu-tabs li.selected a,
.vector-menu-tabs-legacy li.selected a {
    background-color: #1a1510 !important;
    color: #ff9944 !important;
}

/* --- Fix the tab bar background strip --- */
#left-navigation,
#right-navigation {
    background-color: #111008 !important;
}

#p-views,
#p-cactions {
    background-color: #111008 !important;
}

#p-views li,
#p-views li a {
    background-color: #111008 !important;
    color: #cc7733 !important;
}

#p-views li.selected a {
    background-color: #1a1510 !important;
    color: #ff9944 !important;
}
/* --- Hide Discussion Tab --- */
#ca-talk {
    display: none !important;
}