|
|
| Line 1: |
Line 1: |
| /* ============================================================
| |
| EQOA: Sandstorm WIKI THEME ΓÇö CLEANED VERSION
| |
| ============================================================ */
| |
|
| |
| /* ------------------------------------------------------------
| |
| ROOT VARIABLES
| |
| ------------------------------------------------------------ */
| |
| :root {
| |
| --midnight: #0F1626;
| |
| --sand: #B9C4D1;
| |
| --gold: #E3B44A;
| |
| --sky: #6DA5E7;
| |
| --evergreen: #3E6B52;
| |
| --ember: #9A2E1E;
| |
| --box-header: #1C2B44;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| GLOBAL PAGE BACKGROUND & HEADINGS
| |
| ------------------------------------------------------------ */
| |
| body,
| |
| #globalWrapper,
| |
| #content,
| |
| #mw-page-base,
| |
| #mw-head-base {
| |
| background: var(--midnight) !important;
| |
| color: var(--sand) !important;
| |
| font-family: Georgia, "Times New Roman", serif;
| |
| }
| |
|
| |
| h1, h2, h3, h4, h5, h6,
| |
| #firstHeading, .mw-first-heading,
| |
| .mw-body h1, .mw-body h2, .mw-body h3,
| |
| .mw-body h4, .mw-body h5, .mw-body h6 {
| |
| color: var(--gold) !important;
| |
| font-weight: 700 !important;
| |
| border: none !important;
| |
| }
| |
|
| |
| .mw-parser-output > h2 {
| |
| border-bottom: 1px solid rgba(255,255,255,0.15) !important;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| LINKS
| |
| ------------------------------------------------------------ */
| |
| a { color: var(--sky) !important; }
| |
| a:visited { color: #5E8BC0 !important; }
| |
| a:hover { color: var(--gold) !important; }
| |
|
| |
| /* ------------------------------------------------------------
| |
| TABLES (GLOBAL)
| |
| ------------------------------------------------------------ */
| |
| table, .wikitable {
| |
| background: #0A1420 !important;
| |
| border: 1px solid var(--gold) !important;
| |
| }
| |
|
| |
| .wikitable th,
| |
| .infobox th,
| |
| .npc-table th,
| |
| .zone-table th {
| |
| background: var(--box-header) !important;
| |
| color: var(--gold) !important;
| |
| }
| |
|
| |
| .wikitable td,
| |
| .infobox td,
| |
| .npc-table td,
| |
| .zone-table td {
| |
| color: var(--sand) !important;
| |
| border: 1px solid var(--gold) !important;
| |
| }
| |
|
| |
| table tr:nth-child(even),
| |
| .wikitable tr:nth-child(even),
| |
| .npc-table tr:nth-child(even),
| |
| .zone-table tr:nth-child(even) {
| |
| background: #121E30 !important;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| CUSTOM BOXES, PORTALS, MAIN PAGE SECTIONS
| |
| ------------------------------------------------------------ */
| |
| .portal, .navbox, .multicol, .mainpage-box, .mainpage-header,
| |
| div.center-box, div.portal, #mp-topbanner, #mp-left, #mp-right {
| |
| background: #0A1420 !important;
| |
| border: 1px solid var(--gold) !important;
| |
| color: var(--sand) !important;
| |
| }
| |
|
| |
| .box-header, .portal .portal-header,
| |
| .mainpage-header, .center-box .header {
| |
| background: var(--box-header) !important;
| |
| padding: 6px 10px !important;
| |
| color: var(--gold) !important;
| |
| border-bottom: 1px solid var(--gold) !important;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| SIDEBAR (MonoBook)
| |
| ------------------------------------------------------------ */
| |
| #p-navigation, #p-interaction, #p-tb, #p-search {
| |
| background: #0A1420 !important;
| |
| border: 1px solid var(--gold) !important;
| |
| }
| |
|
| |
| #p-navigation h3, #p-interaction h3, #p-tb h3, #p-search h3 {
| |
| background: var(--box-header) !important;
| |
| color: var(--gold) !important;
| |
| padding: 4px 6px !important;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| INPUTS
| |
| ------------------------------------------------------------ */
| |
| input, textarea {
| |
| background: #142233 !important;
| |
| color: var(--sand) !important;
| |
| border: 1px solid var(--gold) !important;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| NOTICES
| |
| ------------------------------------------------------------ */
| |
| .notice-success { background: var(--evergreen) !important; color: #DFF2E4 !important; }
| |
| .notice-warning { background: #3F2E00 !important; color: #FFDD8A !important; }
| |
| .notice-error { background: var(--ember) !important; color: #F9D0C8 !important; }
| |
|
| |
| /* ------------------------------------------------------------
| |
| FOOTER
| |
| ------------------------------------------------------------ */
| |
| #footer {
| |
| background: #0A1420 !important;
| |
| border-top: 1px solid var(--gold) !important;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| MOB FLAG LEGEND ΓÇö SPECIFIC TABLE ONLY
| |
| ------------------------------------------------------------ */
| |
| #mob-flag-legend,
| |
| #mob-flag-legend * {
| |
| background: #1C2B44 !important;
| |
| color: var(--gold) !important;
| |
| border: none !important;
| |
| text-align: center !important;
| |
| font-size: 18px !important;
| |
| font-family: "Trebuchet MS", Verdana, sans-serif !important;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| NPC TEMPLATE ΓÇö LEFT COLUMN
| |
| ------------------------------------------------------------ */
| |
| .npc-left-column {
| |
| font-family: "Trebuchet MS", "Segoe UI", sans-serif !important;
| |
| font-size: 14px !important;
| |
| line-height: 1.35 !important;
| |
| }
| |
|
| |
| .npc-left-column td:first-child { font-weight: bold !important; }
| |
| .npc-left-column h2 {
| |
| font-family: "Trajan Pro", Georgia, serif !important;
| |
| font-size: 20px !important;
| |
| letter-spacing: 1px;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| NPC DETAIL TABLES (Notes, Factions, Opposing)
| |
| ------------------------------------------------------------ */
| |
| .eqoa-detail-table {
| |
| border: 1px solid var(--gold) !important;
| |
| background: #0A1420 !important;
| |
| }
| |
|
| |
| .eqoa-detail-table td {
| |
| font-family: "Trebuchet MS", "Segoe UI", sans-serif !important;
| |
| font-size: 14px !important;
| |
| padding: 8px 10px !important;
| |
| color: var(--sand) !important;
| |
| }
| |
|
| |
| /* Section header (inside unified box) */
| |
| .eqoa-section-box {
| |
| background: #0A1420 !important;
| |
| border: 2px solid var(--gold) !important;
| |
| }
| |
|
| |
| .eqoa-section-box .right-header {
| |
| background: var(--box-header) !important;
| |
| padding: 8px 10px !important;
| |
| }
| |
|
| |
| /* ------------------------------------------------------------
| |
| MAIN PAGE GENERIC / COLUMN SETUP
| |
| ------------------------------------------------------------ */
| |
| .mp-box {
| |
| border: 2px solid var(--gold) !important;
| |
| background: #0A1420 !important;
| |
| padding: 0;
| |
| }
| |
|
| |
| .mp-inner { background: #1C2B44 !important; padding: 10px; }
| |
|
| |
| .mp-col {
| |
| background: #1C2B44 !important;
| |
| border: 1px solid var(--gold) !important;
| |
| padding: 10px;
| |
| }
| |
|
| |
| .mp-col a { color: var(--gold) !important; }
| |
| .mp-col a:hover { color: white !important; }
| |
|
| |
| .mp-columns { display: flex; gap: 10px; }
| |
|
| |
| /* ------------------------------------------------------------
| |
| SPELL LIST ΓÇö ULTRA-TIGHT VERSION (Cleaned)
| |
| ------------------------------------------------------------ */
| |
|
| |
| .spell-list, .spell-list * {
| |
| background: transparent !important;
| |
| border: none !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| box-shadow: none !important;
| |
| }
| |
|
| |
| .spell-list__cols {
| |
| display: grid;
| |
| grid-template-columns: repeat(5, 1fr);
| |
| gap: 4px;
| |
| }
| |
|
| |
| .spell-col {
| |
| display: flex;
| |
| flex-direction: column;
| |
| border: 1px solid #c1c7cc !important;
| |
| background: #f8fafb !important;
| |
| }
| |
|
| |
| .spell-row {
| |
| display: flex;
| |
| align-items: center;
| |
| padding: 1px 3px !important;
| |
| height: 16px !important;
| |
| border-bottom: 1px solid #c9cfd3 !important;
| |
| }
| |
|
| |
| .spell-lvl {
| |
| width: 22px !important;
| |
| font-size: 12px !important;
| |
| text-align: center;
| |
| }
| |
|
| |
| .spell-data {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 2px !important;
| |
| }
| |
|
| |
| .spell-icon-wrap img {
| |
| width: 14px !important;
| |
| height: 14px !important;
| |
| background: transparent !important;
| |
| border: none !important;
| |
| }
| |
|
| |
|
| |
| /* ===========================
| |
| SPELL LIST FIX ΓÇö Side-by-side + NPC colors
| |
| Paste AFTER your main stylesheet
| |
| =========================== */
| |
|
| |
| /* Ensure .spell-list main container uses NPC palette but keeps layout */
| |
| .spell-list {
| |
| background: #0A1420 !important; /* NPC box background */
| |
| border: 1px solid #E3B44A !important; /* gold border */
| |
| color: #B9C4D1 !important; /* sand text */
| |
| padding: 6px !important;
| |
| margin-bottom: 12px !important;
| |
| }
| |
|
| |
| /* Grid columns: keep items side-by-side and responsive */
| |
| .spell-list__cols {
| |
| display: grid !important;
| |
| grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
| |
| gap: 6px !important;
| |
| align-items: start !important;
| |
| }
| |
|
| |
| /* Each column box uses NPC inner background (header-blue) */
| |
| .spell-col {
| |
| background: #1C2B44 !important; /* NPC inner/header blue */
| |
| border: 1px solid #E3B44A !important;
| |
| padding: 4px !important;
| |
| box-sizing: border-box !important;
| |
| display: flex !important;
| |
| flex-direction: column !important;
| |
| gap: 2px !important;
| |
| color: #B9C4D1 !important;
| |
| }
| |
|
| |
| /* Spell rows stay compact, horizontal, and aligned */
| |
| .spell-row {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| gap: 6px !important;
| |
| padding: 2px 4px !important;
| |
| min-height: 18px !important;
| |
| line-height: 18px !important;
| |
| background: transparent !important; /* let the column show */
| |
| border-bottom: 1px solid rgba(227,180,74,0.06) !important;
| |
| }
| |
|
| |
| /* Level box ΓÇö small and fixed */
| |
| .spell-lvl {
| |
| width: 26px !important;
| |
| min-width: 26px !important;
| |
| text-align: center !important;
| |
| font-size: 12px !important;
| |
| color: #E3B44A !important; /* gold level numbers for contrast */
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| /* Icon + name area */
| |
| .spell-data {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| gap: 6px !important;
| |
| color: #B9C4D1 !important;
| |
| }
| |
|
| |
| /* Icon sizing (keeps them tight) */
| |
| .spell-icon-wrap img,
| |
| .spell-row img {
| |
| width: 14px !important;
| |
| height: 14px !important;
| |
| display: inline-block !important;
| |
| background: transparent !important;
| |
| border: none !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| /* Legacy/alternate variant: SpellList + SpellRow */
| |
| .SpellList {
| |
| background: #0A1420 !important;
| |
| border: 1px solid #E3B44A !important;
| |
| padding: 6px !important;
| |
| display: flex !important;
| |
| flex-wrap: wrap !important;
| |
| gap: 8px !important;
| |
| color: #B9C4D1 !important;
| |
| }
| |
|
| |
| .SpellRow {
| |
| width: calc(50% - 20px) !important; /* two columns side-by-side */
| |
| background: #1C2B44 !important;
| |
| border: 1px solid #E3B44A !important;
| |
| padding: 6px 8px !important;
| |
| box-sizing: border-box !important;
| |
| color: #B9C4D1 !important;
| |
| }
| |
|
| |
| /* Ensure MediaWiki table elements inside spell-list don't override layout */
| |
| .spell-list table, .spell-list tr, .spell-list td, .spell-list th,
| |
| .spell-col table, .spell-col tr, .spell-col td, .spell-col th {
| |
| background: transparent !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| box-shadow: none !important;
| |
| }
| |
|
| |
| /* Prevent broad-global header/box rules from stomping spell-list internals */
| |
| .spell-list .box, .spell-list .mp-inner, .spell-list .mainpage-box,
| |
| .spell-list .portal, .spell-list .infobox, .spell-col .infobox {
| |
| background: transparent !important;
| |
| border: none !important;
| |
| color: inherit !important;
| |
| }
| |
|
| |
| /* Small responsive tweak: stack single-column under narrow widths */
| |
| @media (max-width: 520px) {
| |
| .spell-list__cols { grid-template-columns: 1fr !important; }
| |
| .SpellRow { width: 100% !important; }
| |
| }
| |
|
| |
| /* TIGHT, EVEN ROW SPACING */
| |
| .spell-row {
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| line-height: 1 !important;
| |
| min-height: 0 !important;
| |
| height: auto !important;
| |
| }
| |
|
| |
| /* 1px spacing between all inline elements */
| |
| .spell-data {
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| line-height: 1 !important;
| |
| height: auto !important;
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 1px !important; /* ← 1px spacing between icon and spell name */
| |
| }
| |
|
| |
| /* LEVEL column also gets 1px spacing after it */
| |
| .spell-lvl {
| |
| padding: 0 !important;
| |
| margin: 0 1px 0 0 !important; /* ← 1px space between level and icon */
| |
| line-height: 1 !important;
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
|
| |
| /* SPELL NAME stays tight */
| |
| .spell-name {
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| line-height: 1.1 !important;
| |
| }
| |
|
| |
| /* ICON ALIGNMENT (keeps row height tiny) */
| |
| .spell-icon-wrap img {
| |
| vertical-align: middle !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| height: 20px;
| |
| width: 20px;
| |
| line-height: 1 !important;
| |
| }
| |
| /* Spell row tight layout */
| |
| .spell-row {
| |
| display: flex;
| |
| align-items: center;
| |
| padding: 0;
| |
| margin: 0;
| |
| line-height: 1;
| |
| }
| |
|
| |
| /* Level box */
| |
| .spell-lvl {
| |
| display: flex;
| |
| align-items: center;
| |
| padding: 0;
| |
| margin-right: 0px; /* 1px space before icons */
| |
| }
| |
|
| |
| /* Spell data container */
| |
| .spell-data {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 1px; /* 1px between icon → name → icon */
| |
| padding: 0;
| |
| margin: 0;
| |
| }
| |
|
| |
| /* Spell name */
| |
| .spell-name {
| |
| padding: 0;
| |
| margin: 0;
| |
| line-height: 1;
| |
| }
| |
|
| |
| /* Icons */
| |
| .spell-icon img,
| |
| .spell-icon-wrap img {
| |
| display: inline-block;
| |
| vertical-align: middle;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* Increase level font */
| |
| .spell-lvl {
| |
| font-size: 16px !important;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* Increase spell name font */
| |
| .spell-name {
| |
|
| |
| font-size: 16px !important;
| |
| font-weight: none;
| |
| }
| |
|
| |
| .spell-divider {
| |
| width: 1px;
| |
| height: 100%; /* FULL row height */
| |
| background-color: #1D4429 !important; /* force visibility */
| |
| display: inline-block;
| |
| margin: 0 3px;
| |
| }
| |
|
| |
| .spell-divider {
| |
| background: #1D4429 !important; /* override transparency wipes */
| |
| }
| |
|
| |
| /* === Reliable visible vertical divider for SpellRow === */
| |
|
| |
| /* 1px vertical divider ΓÇö stretches full row height, visible color */
| |
| .spell-divider {
| |
| display: inline-block; /* inline so it sits in the flow */
| |
| align-self: stretch; /* stretch to the row height (works with flex) */
| |
| width: 1px;
| |
| min-width: 1px;
| |
| background: #F2D07A !important; /* bright contrast color ΓÇö change if needed */
| |
| margin: 0 3px !important; /* small spacing on both sides */
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* If your .spell-data is not a flex container, force it */
| |
| .spell-data {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| gap: 1px !important;
| |
| }
| |
|
| |
| /* Defensive: if a global rule clears backgrounds, force this one */
| |
| .spell-divider, .spell-divider * {
| |
| background: #F2D07A !important;
| |
| }
| |
|
| |
| /* Alternate: draw divider using border on the level cell (safer if spans collapse) */
| |
| .spell-lvl.divider-right {
| |
| border-right: 1px solid #F2D07A !important;
| |
| padding-right: 4px !important;
| |
| margin-right: 3px !important;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* ===== Job Page Layout ===== */
| |
| .job-layout {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: flex-start;
| |
| margin-top: 20px;
| |
| }
| |
|
| |
| /* Left column */
| |
| .job-left {
| |
| width: 380px;
| |
| }
| |
|
| |
| /* Right artwork */
| |
| .job-right {
| |
| width: 500px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .job-artwork {
| |
| width: 90%;
| |
| max-width: 450px;
| |
| }
| |
|
| |
|
| |
| /* ===== Infobox ===== */
| |
| .job-infobox-table {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| font-size: 14px;
| |
| }
| |
|
| |
| /* Header (darkest) */
| |
| .job-infobox-header th {
| |
| background: #3c4a55;
| |
| color: white;
| |
| padding: 8px;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Label rows (medium color) */
| |
| .job-infobox-label td:first-child {
| |
| background: #d3dce4;
| |
| width: 40%;
| |
| padding: 6px;
| |
| }
| |
|
| |
| /* Input rows (light color) */
| |
| .job-infobox-label td:last-child {
| |
| background: #e9eff4;
| |
| padding: 6px;
| |
| }
| |
|
| |
|
| |
| /* ===== Center Boxes Beneath Infobox ===== */
| |
| .job-center-boxes {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| margin-top: 12px;
| |
| gap: 10px;
| |
| }
| |
|
| |
| .job-center-box {
| |
| background: #e2e9ef;
| |
| text-align: center;
| |
| padding: 6px;
| |
| width: 48%;
| |
| border-radius: 6px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .job-center-box a {
| |
| text-decoration: none;
| |
| color: #003366;
| |
| }
| |
|
| |
|
| |
| /* ===== Page Contents Box ===== */
| |
| .job-contents-box {
| |
| background: #d7dee6;
| |
| margin-top: 15px;
| |
| padding: 10px;
| |
| border-radius: 6px;
| |
| font-size: 12px;
| |
| }
| |
|
| |
| .job-contents-title {
| |
| font-weight: bold;
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| /* Center the job layout container */
| |
| .job-layout {
| |
| display: flex;
| |
| justify-content: center; /* Center both boxes left-to-right */
| |
| align-items: flex-start; /* Align them at the top */
| |
| gap: 20px; /* Space between the infobox and the image */
| |
| margin: 0 auto;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Optional: make sure the left/right sections don't expand full width */
| |
| .job-left,
| |
| .job-right {
| |
| max-width: 350px;
| |
| }
| |
|
| |
| /* Optional: ensure the artwork image doesn't force too much spacing */
| |
| .job-artwork {
| |
| display: block;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| .eqoa-detail-table {
| |
| border: none !important;
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .eqoa-detail-table td {
| |
| border: none !important;
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* Class Mastery Table Styling */
| |
| .class-mastery-table {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| background: transparent;
| |
| }
| |
|
| |
| .class-mastery-table th {
| |
| background: var(--eqoa-header-bg, #2c2c2c);
| |
| color: var(--eqoa-header-text, #e6e6e6);
| |
| padding: 6px 10px;
| |
| text-align: left;
| |
| font-weight: bold;
| |
| border-bottom: 1px solid #444;
| |
| }
| |
|
| |
| .class-mastery-table td {
| |
| padding: 6px 10px;
| |
| border-bottom: 1px solid #333;
| |
| }
| |
|
| |
| /* Remove inner borders if desired */
| |
| .class-mastery-table,
| |
| .class-mastery-table tr,
| |
| .class-mastery-table td {
| |
| border: none;
| |
| background: transparent;
| |
| }
| |
|
| |
| .job-layout {
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: flex-start; /* Ensure top alignment */
| |
| gap: 40px; /* Adjust spacing between box and image */
| |
| }
| |
|
| |
| /* Remove top padding/margin that pushes the infobox down */
| |
| .job-left {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| }
| |
|
| |
| /* Fix image positioning */
| |
| .job-right {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| }
| |
|
| |
| /* Ensure image sits exactly at the top */
| |
| .job-right img,
| |
| .job-artwork {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| display: block;
| |
| }
| |
|
| |
| .job-left .infobox,
| |
| .job-left table {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| }
| |
|
| |
| /* Fix left/right alignment for job pages */
| |
| .job-layout {
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: flex-start; /* force top alignment */
| |
| gap: 150px;
| |
| margin-top: 0 !important;
| |
| }
| |
|
| |
| /* Remove unwanted spacing from left box */
| |
| .job-left,
| |
| .job-infobox,
| |
| .job-infobox-table,
| |
| .job-infobox-header {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| }
| |
|
| |
| /* Ensure right image aligns perfectly at top */
| |
| .job-right,
| |
| .job-right img,
| |
| .job-artwork {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| display: block;
| |
| gap: 10px;
| |
| }
| |
|
| |
| .job-right {
| |
| margin-top: -90px !important; /* adjust number until perfect */
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* ====================================================
| |
| Norrath Stone & Gold ΓÇö EverQuest Classic Theme
| |
| Refined: Less gold, no blues
| |
| ==================================================== */
| |
|
| |
| /* ---------- Base Page Colors ---------- */
| |
| body,
| |
| #globalWrapper,
| |
| #content,
| |
| #mw-page-base,
| |
| #mw-head-base {
| |
| background-color: #1C1C20 !important; /* Stone Gray */
| |
| color: #D6D6C9 !important; /* Pale Sand */
| |
| }
| |
|
| |
| /* ---------- Links ---------- */
| |
| a,
| |
| .mw-body a {
| |
| color: #D6D6C9 !important; /* match sand text */
| |
| }
| |
|
| |
| a:visited {
| |
| color: #BFBFBF !important;
| |
| }
| |
|
| |
| a:hover,
| |
| a:focus {
| |
| color: #E6C98B !important; /* only highlight on hover */
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* ---------- Headings ---------- */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| color: #D6D6C9 !important;
| |
| border-color: #3C3C3C !important; /* subtle divider */
| |
| }
| |
|
| |
| /* ---------- Generic Boxes ---------- */
| |
| div, .mp-box, .mp-inner, .mp-col, .box, .center-box {
| |
| background-color: #242428 !important; /* Dark Stone */
| |
| color: #D6D6C9 !important;
| |
| border-color: #3C3C3C !important; /* less gold */
| |
| }
| |
|
| |
| /* ---------- Headers for Boxes ---------- */
| |
| .box-header,
| |
| .portal .portal-header,
| |
| .mainpage-header,
| |
| .center-box .header,
| |
| #mob-flag-legend,
| |
| #mob-flag-legend *,
| |
| .job-infobox-header {
| |
| background-color: #3C3C3C !important; /* Dark Stone Header */
| |
| color: #D6D6C9 !important;
| |
| border-bottom: 2px solid #D6B25E !important; /* minimal gold accent */
| |
| }
| |
|
| |
| /* ---------- Sidebar ---------- */
| |
| #mw-panel,
| |
| #mw-panel div.portal {
| |
| background-color: #242428 !important;
| |
| }
| |
|
| |
| #mw-panel .portal h3 {
| |
| color: #D6D6C9 !important;
| |
| }
| |
|
| |
| #mw-panel .portal li a {
| |
| color: #D6D6C9 !important;
| |
| }
| |
|
| |
| #mw-panel .portal li a:hover {
| |
| color: #E6C98B !important;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* ---------- Search Bar ---------- */
| |
| #p-search input {
| |
| background-color: #242428 !important;
| |
| border: 1px solid #3C3C3C !important;
| |
| color: #D6D6C9 !important;
| |
| }
| |
|
| |
| /* ---------- Infoboxes / Job / NPC Templates ---------- */
| |
| .infobox,
| |
| .job-infobox,
| |
| .job-infobox-table,
| |
| .class-notes,
| |
| .class-mastery-table {
| |
| background-color: #242428 !important;
| |
| color: #D6D6C9 !important;
| |
| border: 1px solid #3C3C3C !important; /* minimal gold */
| |
| }
| |
|
| |
| .infobox th,
| |
| .job-infobox-header,
| |
| .class-mastery-table th {
| |
| background-color: #3C3C3C !important;
| |
| color: #D6D6C9 !important;
| |
| border-bottom: 1px solid #D6B25E !important; /* only headers get gold accent */
| |
| }
| |
|
| |
| table.wikitable {
| |
| background-color: #242428 !important;
| |
| border: 1px solid #3C3C3C !important;
| |
| color: #D6D6C9 !important;
| |
| }
| |
|
| |
| table.wikitable th {
| |
| background-color: #3C3C3C !important;
| |
| color: #D6D6C9 !important;
| |
| border: 1px solid #3C3C3C !important;
| |
| }
| |
|
| |
| table.wikitable td {
| |
| border: 1px solid #3C3C3C !important;
| |
| }
| |
|
| |
| /* Zebra rows */
| |
| table.wikitable tr:nth-child(even),
| |
| .npc-table tr:nth-child(even),
| |
| .zone-table tr:nth-child(even),
| |
| .class-mastery-table tr:nth-child(even) {
| |
| background: #2A2A2E !important; /* subtle contrast */
| |
| }
| |
|
| |
| /* ---------- Buttons ---------- */
| |
| button,
| |
| input[type="submit"],
| |
| input[type="button"] {
| |
| background-color: #3C3C3C !important; /* dark button */
| |
| border: 1px solid #242428 !important;
| |
| color: #D6D6C9 !important;
| |
| }
| |
|
| |
| button:hover,
| |
| input[type="submit"]:hover,
| |
| input[type="button"]:hover {
| |
| background-color: #E6C98B !important; /* hover gold accent */
| |
| }
| |
|
| |
| /* ---------- Spell List System ---------- */
| |
| .spell-list,
| |
| .SpellList,
| |
| .SpellRow,
| |
| .spell-list__cols,
| |
| .spell-col {
| |
| background-color: #242428 !important;
| |
| border: 1px solid #3C3C3C !important;
| |
| color: #D6D6C9 !important;
| |
| }
| |
|
| |
| .spell-list th,
| |
| .SpellList th,
| |
| .SpellRow th {
| |
| background-color: #3C3C3C !important;
| |
| color: #D6D6C9 !important;
| |
| border-color: #3C3C3C !important;
| |
| }
| |
|
| |
| .spell-list tr:nth-child(even),
| |
| .SpellList tr:nth-child(even),
| |
| .SpellRow:nth-child(even) {
| |
| background-color: #2A2A2E !important;
| |
| }
| |
|
| |
| /* Spell icons */
| |
| .spell-icon,
| |
| .spell-list img {
| |
| border: 1px solid #3C3C3C !important;
| |
| }
| |
|
| |
| /* Spell headers */
| |
| .spell-header,
| |
| .spell-section-header {
| |
| background-color: #3C3C3C !important;
| |
| border-bottom: 1px solid #D6B25E !important; /* minimal gold */
| |
| color: #D6D6C9 !important;
| |
| }
| |
|
| |
| /* ---------- Footer ---------- */
| |
| #footer {
| |
| background-color: #242428 !important;
| |
| color: #D6D6C9 !important;
| |
| border-top: 1px solid #3C3C3C !important;
| |
| }
| |
|
| |
| /* Remove conflicting background images */
| |
| body, #globalWrapper, .mp-inner, .portal, .infobox {
| |
| background-image: none !important;
| |
| }
| |
|
| |
| /* ---------- Job Infobox (Page Contents) ---------- */
| |
| .job-infobox {
| |
| background-color: #242428 !important; /* Dark Stone background */
| |
| border: 2px solid #D6B25E !important; /* subtle gold border */
| |
| color: #D6D6C9 !important; /* Pale Sand text */
| |
| }
| |
|
| |
| .job-infobox-table {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| .job-infobox-header th {
| |
| background-color: #2F3B4A !important; /* Forged Steel header */
| |
| color: #E6C98B !important; /* gold header text */
| |
| border-bottom: 2px solid #D6B25E !important;
| |
| text-align: center;
| |
| padding: 6px 10px;
| |
| }
| |
|
| |
| .job-infobox-label td {
| |
| background-color: #242428 !important; /* match dark stone */
| |
| color: #D6D6C9 !important; /* pale sand for readability */
| |
| border-bottom: 1px solid #3C3C3C !important; /* subtle row separation */
| |
| padding: 6px 10px;
| |
| }
| |
|
| |
| /* Hover effect for links inside job infobox labels */
| |
| .job-infobox-label td a {
| |
| color: #E6C98B !important; /* gold link accent */
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .job-infobox-label td a:hover {
| |
| color: #D6D6C9 !important; /* pale sand hover for contrast */
| |
| text-decoration: underline;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* ====================================================
| |
| QUEST TEMPLATE ΓÇö Stone & Gold Theme
| |
| ==================================================== */
| |
|
| |
| /* Base wrapper */
| |
| .quest-template {
| |
| background-color: #242428 !important; /* Dark stone */
| |
| color: #D6D6C9 !important; /* Pale sand */
| |
| }
| |
|
| |
| /* Remove ALL unwanted white backgrounds */
| |
| .quest-template *,
| |
| .quest-left,
| |
| .quest-right,
| |
| .quest-table,
| |
| .quest-reward,
| |
| .quest-walkthrough {
| |
| background-color: #242428 !important;
| |
| color: #D6D6C9 !important;
| |
| border-color: #3C3C3C !important;
| |
| }
| |
|
| |
| /* Headers (Reward, Walkthrough, Title) */
| |
| .quest-header {
| |
| background-color: #3C3C3C !important; /* Dark slate */
| |
| color: #E6C98B !important; /* Gold highlight */
| |
| padding: 6px !important;
| |
| border-bottom: 1px solid #D6B25E !important;
| |
| text-align:center;
| |
| }
| |
|
| |
| /* Table formatting */
| |
| .quest-table {
| |
| width: 100% !important;
| |
| border-collapse: collapse !important;
| |
| }
| |
|
| |
| .quest-table td {
| |
| padding: 6px !important;
| |
| border: 1px solid #3C3C3C !important;
| |
| }
| |
|
| |
| .quest-reward,
| |
| .quest-walkthrough {
| |
| padding: 10px !important;
| |
| background-color: #242428 !important;
| |
| border: none !important; /* REMOVE BOX */
| |
| box-shadow: none !important; /* Ensure no outline */
| |
| }
| |
|
| |
|
| |
| /* Era badge */
| |
| .quest-era {
| |
| background-color: #3C3C3C !important;
| |
| color: #E6C98B !important;
| |
| padding: 4px;
| |
| border: 1px solid #D6B25E !important;
| |
| display:inline-block;
| |
| }
| |
|
| |
| /* Giver label */
| |
| .quest-giver-label {
| |
| font-size: smaller;
| |
| color: #C4C4B8 !important;
| |
| }
| |
| /* Quest Template ΓÇö Gold Links */
| |
| .quest-template a {
| |
| color: #E6C98B !important; /* Gold */
| |
| font-weight: bold;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .quest-template a:hover {
| |
| color: #F0D9A0 !important; /* Lighter gold hover */
| |
| text-decoration: underline;
| |
| }
| |
| /* GOLD links */
| |
| .quest-template a {
| |
| color: #E6C98B !important;
| |
| font-weight: bold;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .quest-template a:hover {
| |
| color: #F0D9A0 !important;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* Remove boxes from reward & walkthrough */
| |
| .quest-reward,
| |
| .quest-walkthrough {
| |
| padding: 10px !important;
| |
| background-color: #242428 !important;
| |
| border: none !important;
| |
| box-shadow: none !important;
| |
| }
| |
| /* ====================================================
| |
| GLOBAL FONT & TEXT SIZE UPGRADE
| |
| ==================================================== */
| |
|
| |
| /* Main Font for Entire Wiki */
| |
| body,
| |
| #content,
| |
| .mw-body,
| |
| #mw-content-text,
| |
| table,
| |
| .infobox,
| |
| .quest-template,
| |
| .job-infobox,
| |
| p,
| |
| td,
| |
| th,
| |
| li,
| |
| ul,
| |
| ol {
| |
| font-family: "Segoe UI", "Roboto", sans-serif !important;
| |
| font-size: 17px !important; /* Global text size */
| |
| line-height: 1.55 !important; /* Better readability */
| |
| color: #D6D6C9 !important; /* your stone/sand color */
| |
| }
| |
|
| |
| /* Headings */
| |
| h1 {
| |
| font-size: 32px !important;
| |
| font-family: "Segoe UI", "Roboto", sans-serif !important;
| |
| }
| |
|
| |
| h2 {
| |
| font-size: 26px !important;
| |
| font-family: "Segoe UI", "Roboto", sans-serif !important;
| |
| }
| |
|
| |
| h3 {
| |
| font-size: 22px !important;
| |
| font-family: "Segoe UI", "Roboto", sans-serif !important;
| |
| }
| |
|
| |
| h4, h5, h6 {
| |
| font-size: 19px !important;
| |
| font-family: "Segoe UI", "Roboto", sans-serif !important;
| |
| }
| |
|
| |
| /* Quest template readability */
| |
| .quest-template p,
| |
| .quest-walkthrough,
| |
| .quest-reward {
| |
| font-size: 17px !important;
| |
| line-height: 1.6 !important;
| |
| }
| |
|
| |
| /* Job page sidebar / contents */
| |
| .job-infobox,
| |
| .job-infobox-table td,
| |
| .job-infobox-table th {
| |
| font-size: 12px !important;
| |
| }
| |
|
| |
| /* Menu / sidebar */
| |
| #mw-panel {
| |
| font-size: 10px !important;
| |
| }
| |
| /* ====================================================
| |
| FIX SEARCH BAR SIZE ΓÇö Make smaller / prevent overflow
| |
| ==================================================== */
| |
|
| |
| #p-search input[type="search"],
| |
| #p-search input[type="text"] {
| |
| font-size: 14px !important; /* smaller text */
| |
| padding: 5px 8px !important; /* smaller height */
| |
| width: 160px !important; /* fixed safe width */
| |
| max-width: 100% !important; /* prevents overflow */
| |
| box-sizing: border-box !important;
| |
| }
| |
|
| |
| /* Search box container (Vector/MonoBook) */
| |
| #p-search {
| |
| width: 200px !important; /* fits in right sidebar */
| |
| overflow: hidden !important; /* prevents spill */
| |
| }
| |
|
| |
|
| |
|
| |
| /* ====================================================
| |
| FIX PAGE ACTION TABS ΓÇö Always Visible + Stone Gray Theme
| |
| ==================================================== */
| |
|
| |
| /* Base container */
| |
| #p-views,
| |
| #p-cactions {
| |
| height: auto !important;
| |
| overflow: visible !important; /* prevents cut-off */
| |
| z-index: 5 !important;
| |
| }
| |
|
| |
| /* Each tab */
| |
| #p-views ul li,
| |
| #p-cactions ul li,
| |
| #p-views ul li a,
| |
| #p-cactions ul li a {
| |
| background: #2A2A2F !important; /* stone gray */
| |
| border: 1px solid #3C3C3C !important;
| |
| color: #E6C98B !important; /* gold text */
| |
| padding: 4px 10px !important;
| |
| margin: 0 !important;
| |
| display: inline-block !important;
| |
| line-height: 1.4 !important;
| |
| text-decoration: none !important;
| |
| }
| |
|
| |
| /* Active tab */
| |
| #p-views ul li.selected a,
| |
| #p-cactions ul li.selected a {
| |
| background: #3C3C3C !important; /* darker stone for active */
| |
| color: #FFF2C2 !important;
| |
| border-bottom: 2px solid #D6B25E !important;
| |
| }
| |
|
| |
| /* Hover */
| |
| #p-views ul li a:hover,
| |
| #p-cactions ul li a:hover {
| |
| background: #3A3A3F !important;
| |
| color: #E6C98B !important;
| |
| text-decoration: underline !important;
| |
| }
| |
|
| |
| /* Remove skin default image tab backgrounds */
| |
| #p-views ul,
| |
| #p-views ul li,
| |
| #p-views ul li a {
| |
| background-image: none !important;
| |
| }
| |
|
| |
| /* Fix tabs being hidden unless hovered */
| |
| #right-navigation,
| |
| #left-navigation {
| |
| overflow: visible !important;
| |
| z-index: 5 !important;
| |
| }
| |
|
| |
| /* Remove any borders from Quest template children */
| |
| .quest-template * {
| |
| border: none !important;
| |
| box-shadow: none !important;
| |
| background-image: none !important;
| |
| }
| |
|
| |
| .quest-right .mw-parser-output > p:first-child {
| |
| background: none !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| margin-top: 0 !important;
| |
| }
| |
| .quest-right .mw-parser-output > p:first-child {
| |
| background: none !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| margin-top: 0 !important;
| |
| }
| |
| .quest-right .quest-content p {
| |
| margin: 0;
| |
| padding: 0;
| |
| background: none;
| |
| border: none;
| |
| }
| |
|
| |
|
| |
|
| |
| .cm-tabs {
| |
| border: 1px solid #ccc;
| |
| border-radius: 6px;
| |
| font-family: sans-serif;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| /* Hide radio buttons */
| |
| .cm-tabs input[type="radio"] {
| |
| display: none;
| |
| }
| |
|
| |
| /* Tab labels/buttons */
| |
| .cm-tabs .tab-label {
| |
| display: inline-block;
| |
| padding: 8px 16px;
| |
| background: #f5f5f5;
| |
| cursor: pointer;
| |
| border-right: 1px solid #ccc;
| |
| margin-bottom: -1px;
| |
| }
| |
|
| |
| .cm-tabs .tab-label:hover {
| |
| background: #e0e0e0;
| |
| }
| |
|
| |
| /* Tab content hidden by default */
| |
| .cm-tabs .cm-tab-content {
| |
| display: none;
| |
| padding: 16px;
| |
| background: #fff;
| |
| border-top: 1px solid #ccc;
| |
| }
| |
|
| |
| /* Show content when corresponding radio is checked */
| |
| #tab-archetype:checked ~ .cm-archetype,
| |
| #tab-class:checked ~ .cm-class {
| |
| display: block;
| |
| }
| |
|
| |
| /* Active tab styling */
| |
| #tab-archetype:checked + label,
| |
| #tab-class:checked + label {
| |
| background: #fff;
| |
| font-weight: bold;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| .job-artwork {
| |
| display: block;
| |
| margin-top: 20px !important;
| |
| }
| |
|
| |
| .job-layout {
| |
| margin-top: 30px; /* or 40px depending on spacing you want */
| |
| }
| |
| #mw-content-text .job-layout {
| |
| margin-top: 65px !important;
| |
| }
| |
|
| |
| .job-right {
| |
| padding-top: 40px; /* adjust as needed */
| |
| position: relative;
| |
| z-index: 1;
| |
| }
| |
| #p-cactions {
| |
| margin-top: 5px !important; /* small lift, not the big push you saw */
| |
| }
| |
| #content {
| |
| padding-top: 30px !important;
| |
| }
| |
|
| |
| #p-cactions {
| |
| margin-top: 0 !important;
| |
| }
| |
|
| |
| .firstHeading, #firstHeading {
| |
| position: relative;
| |
| z-index: 10;
| |
| }
| |
| /* Remove Monobook default page background behind content */
| |
| #globalWrapper,
| |
| #column-content,
| |
| #content,
| |
| #contentSub,
| |
| #contentWrapper,
| |
| #bodyContent {
| |
| background: transparent !important;
| |
| border: none !important;
| |
| }
| |
|
| |
|
| |
|
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* Remove default Monobook tab backgrounds */
| |
| /* --- HORIZON-STYLE TOP TAB BAR (MonoBook) --- */
| |
| #p-cactions ul li a,
| |
| #p-namespaces ul li a,
| |
| #p-views ul li a {
| |
| background: transparent !important;
| |
| border: none !important; /* remove ALL borders first */
| |
| border-bottom: 2px solid #8f7a4f !important; /* only bottom border */
| |
| padding: 4px 10px !important;
| |
| text-transform: lowercase;
| |
| color: #e5d3a1 !important;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* Active/Selected tab */
| |
| #p-cactions ul li.selected a,
| |
| #p-namespaces ul li.selected a,
| |
| #p-views ul li.selected a {
| |
| border-bottom: 2px solid #d9b665 !important; /* brighter highlight */
| |
| background: none !important;
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| /* Remove default box/border behind the tab bar */
| |
| #p-cactions,
| |
| #p-namespaces,
| |
| #p-views {
| |
| background: none !important;
| |
| border: none !important;
| |
| }
| |
|
| |
| /* Remove the gray background behind the tabs entirely */
| |
| #p-cactions ul,
| |
| #p-namespaces ul,
| |
| #p-views ul {
| |
| background: none !important;
| |
| border: none !important;
| |
| }
| |
| /* HorizonXI-style page tabs */
| |
| #p-cactions ul li a {
| |
| text-transform: capitalize !important; /* Capitalize */
| |
| padding: 4px 10px !important;
| |
| color: #e8c46a !important;
| |
| border: none !important; /* remove all borders */
| |
| border-bottom: 2px solid #6c5a2e !important; /* only bottom border */
| |
| background: transparent !important; /* no bg */
| |
| }
| |
|
| |
| /* Hover */
| |
| #p-cactions ul li a:hover {
| |
| color: #fff2b3 !important;
| |
| border-bottom-color: #e8c46a !important;
| |
| }
| |
|
| |
| /* Active (selected) tab */
| |
| #p-cactions ul li.selected a {
| |
| color: #ffffff !important;
| |
| border-bottom: 2px solid #ffcf63 !important;
| |
| }
| |
|
| |
|
| |
| /* Remove the invisible extra paragraph MediaWiki inserts before template text */
| |
| .quest-right > div > p:first-child {
| |
| margin-top: 0 !important;
| |
| }
| |
|
| |
| /* Remove extra vertical gap created by margin collapsing */
| |
| .quest-right > div {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| }
| |
| .quest-right h2.quest-header {
| |
| margin-bottom: 6px !important;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /* Remove the automatic margin from first paragraph inside right-column boxes */
| |
| .quest-right p:first-of-type {
| |
| margin-top: 0 !important;
| |
| padding-top: 0 !important;
| |
| }
| |
|
| |
| /* Ensure .quest-right does not treat first child paragraph like a separate block */
| |
| .quest-right > p:first-child {
| |
| display: inline;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* ============================================ | | /* ============================================ |
| NPC TEMPLATE ΓÇö MATCH QUEST STYLE EXACTLY | | NPC TEMPLATE ΓÇö MATCH QUEST STYLE EXACTLY |
| ============================================ */
| | ============================================ */ |
|
| |
|
| /* NPC wrapper */ | | /* NPC wrapper */ |
| .npc-template { | | .npc-template { |
| background-color: #242428 !important; /* Dark stone */ | | background-color: #242428 !important; |
| color: #D6D6C9 !important; /* Pale sand */ | | color: #D6D6C9 !important; |
| display: flex; | | display: flex; |
| flex-wrap: wrap; | | flex-wrap: wrap; |
| Line 1,506: |
Line 13: |
|
| |
|
| /* Left / Right columns */ | | /* Left / Right columns */ |
| .npc-left, | | .npc-left, .npc-right { |
| .npc-right { | |
| background-color: #242428 !important; | | background-color: #242428 !important; |
| color: #D6D6C9 !important; | | color: #D6D6C9 !important; |
| border-color: #3C3C3C !important; | | border-color: #3C3C3C !important; |
| } | | } |
|
| |
| .npc-left { flex: 1; min-width: 300px; } | | .npc-left { flex: 1; min-width: 300px; } |
| .npc-right { flex: 2; min-width: 400px; } | | .npc-right { flex: 2; min-width: 400px; } |
|
| |
|
| /* Header (same as quest-header) */ | | /* Header */ |
| .npc-header { | | .npc-header { |
| background-color: #3C3C3C !important; /* Dark slate */ | | background-color: #3C3C3C !important; |
| color: #E6C98B !important; /* Gold highlight */ | | color: #E6C98B !important; |
| padding: 6px !important; | | padding: 6px !important; |
| border-bottom: 1px solid #D6B25E !important; | | border-bottom: 1px solid #D6B25E !important; |
| Line 1,526: |
Line 31: |
| } | | } |
|
| |
|
| /* Outer box around NPC info */ | | /* Outer box */ |
| .npc-box { | | .npc-box { |
| border: 1px solid #3C3C3C !important; | | border: 1px solid #3C3C3C !important; |
| Line 1,540: |
Line 45: |
| } | | } |
|
| |
|
| /* NPC TABLE (matches quest-table) */ | | /* NPC Table */ |
| .npc-table { | | .npc-table { |
| width: 100% !important; | | width: 100% !important; |
| border-collapse: collapse !important; | | border-collapse: collapse !important; |
| } | | } |
|
| |
| .npc-table td { | | .npc-table td { |
| padding: 6px !important; | | padding: 6px !important; |
| Line 1,552: |
Line 56: |
| color: #D6D6C9 !important; | | color: #D6D6C9 !important; |
| } | | } |
|
| |
| /* Label rows ΓÇö slightly darker like quest headers */
| |
| .npc-row-label td { | | .npc-row-label td { |
| background-color: #3C3C3C !important; | | background-color: #3C3C3C !important; |
| Line 1,559: |
Line 61: |
| font-weight: bold; | | font-weight: bold; |
| } | | } |
|
| |
| /* Value rows ΓÇö normal background */
| |
| .npc-row-value td { | | .npc-row-value td { |
| background-color: #242428 !important; | | background-color: #242428 !important; |
| Line 1,566: |
Line 66: |
| } | | } |
|
| |
|
| /* Gold links (same as quest-template) */ | | /* Links */ |
| .npc-template a { | | .npc-template a { |
| color: #E6C98B !important; | | color: #E6C98B !important; |
| font-weight: bold; | | font-weight: bold; |
| text-decoration: none; | | text-decoration: none; |
| Line 1,576: |
Line 76: |
| text-decoration: underline; | | text-decoration: underline; |
| } | | } |
| /* NPC zone table striping */ | | |
| | /* NPC Zone Table */ |
| table.npc-zone-table tr:nth-child(odd) { | | table.npc-zone-table tr:nth-child(odd) { |
| background-color:#242428 !important; /* Dark navy */ | | background-color:#242428 !important; |
| color:#B9C4D1 !important; | | color:#B9C4D1 !important; |
| } | | } |
| table.npc-zone-table tr:nth-child(even) { | | table.npc-zone-table tr:nth-child(even) { |
| background-color:#3C3C3C!important; /* Slightly lighter navy */ | | background-color:#3C3C3C !important; |
| color:#B9C4D1 !important; | | color:#B9C4D1 !important; |
| } | | } |
| | | table.npc-zone-table tr:first-child th { |
| | | background-color:#2B2B2B !important; |
| | |
| /* INFO TABLE ΓÇö HEADER COLUMN (left column) */
| |
| table.info-table tr td:first-child { | |
| background-color:#242428 !important; /* Header color */ | |
| color:#E6C98B !important; | | color:#E6C98B !important; |
| font-weight:bold; | | font-weight:bold; |
| | padding:6px; |
| | border:2px solid #D6B25E; |
| | } |
| | table.npc-zone-table tr:nth-child(odd):not(:first-child), |
| | table.npc-zone-table tr:nth-child(even):not(:first-child) { |
| | border:1px solid #D6B25E; |
| } | | } |
| | | table.npc-zone-table tr:nth-child(odd):not(:first-child) { |
| /* INFO TABLE ΓÇö EVEN ROW (right side cell) */
| | background-color:#242428 !important; |
| table.info-table tr:nth-child(even) td:last-child { | |
| background-color:#2E2E31 !important; /* Color B */ | |
| color:#B9C4D1 !important; | | color:#B9C4D1 !important; |
| } | | } |
|
| |
|
| /* INFO TABLE ΓÇö ODD ROW (right side cell) */
| | table.npc-zone-table tr:nth-child(even):not(:first-child) { |
| table.info-table tr:nth-child(odd) td:last-child { | | background-color:#2E2E31 !important; |
| background-color:#242428 !important; /* Color A */ | |
| color:#B9C4D1 !important; | | color:#B9C4D1 !important; |
| } | | } |
| | table.npc-zone-table td { background-color:transparent !important; } |
|
| |
|
| /* Remove inline background colors added in template */ | | /* Zones Header */ |
| table.info-table td {
| | .zones-header { |
| background-color:transparent !important;
| | background-color: #2B2B2B !important; |
| }
| | color: #E6C98B !important; |
| /* Style the NPC name row */
| | padding: 6px; |
| .infobox .npcname-row td {
| | margin: 0; |
| background-color: #2b2b2b !important; /* Change this */ | | border-bottom: 2px solid #D6B25E; |
| color: #fff !important; /* Optional: text color */ | | font-weight: bold; |
| border: 2px solid #444 !important; /* Border */
| | text-align: center; |
| }
| |
| /* Full infobox border */
| |
| .infobox {
| |
| border: 4px solid #555 !important; | |
| border-radius: 6px; /* optional */ | |
| }
| |
| | |
| /* NPC NAME HEADER */
| |
| .npcname-header {
| |
| background-color:#2B2B2B !important;
| |
| color:#E6C98B !important;
| |
| text-align:center;
| |
| margin:0;
| |
| padding:6px;
| |
| border-right:3px solid #D6B25E;
| |
| border-left:3px solid #D6B25E;
| |
| font-size:1.25em;
| |
| font-weight:bold;
| |
| } | | } |
|
| |
|
| /* LEFT COLUMN (labels) */ | | /* Info Table */ |
| table.info-table tr td:first-child { | | table.info-table tr td:first-child { |
| background-color:#3C3C3C !important;
| | background-color:#3C3C3C !important; |
| color:#E6C98B !important;
| | color:#E6C98B !important; |
| font-weight:bold;
| | font-weight:bold; |
| width:40%;
| | width:40%; |
| border-bottom:1px solid #D6B25E;
| | border-bottom:1px solid #D6B25E; |
| padding:4px;
| | padding:4px; |
| } | | } |
|
| |
| /* RIGHT COLUMN ΓÇö ODD ROWS */
| |
| table.info-table tr:nth-child(odd) td:last-child { | | table.info-table tr:nth-child(odd) td:last-child { |
| background-color:#242428 !important;
| | background-color:#242428 !important; |
| color:#B9C4D1 !important;
| | color:#B9C4D1 !important; |
| padding:4px;
| | padding:4px; |
| border-bottom:1px solid #D6B25E;
| | border-bottom:1px solid #D6B25E; |
| } | | } |
|
| |
| /* RIGHT COLUMN ΓÇö EVEN ROWS */
| |
| table.info-table tr:nth-child(even) td:last-child { | | table.info-table tr:nth-child(even) td:last-child { |
| background-color:#2E2E31 !important;
| | background-color:#2E2E31 !important; |
| color:#B9C4D1 !important;
| | color:#B9C4D1 !important; |
| padding:4px;
| | padding:4px; |
| border-bottom:1px solid #D6B25E;
| | border-bottom:1px solid #D6B25E; |
| } | | } |
| | table.info-table td { background-color:transparent !important; } |
|
| |
|
| /* Remove any inline BG */ | | /* NPC Name / Infobox */ |
| table.info-table td {
| | .infobox .npcname-row td { |
| background-color:transparent !important;
| | background-color: #2b2b2b !important; |
| | color: #fff !important; |
| | border: 2px solid #444 !important; |
| } | | } |
| | | .infobox { border: 4px solid #555 !important; border-radius: 6px; } |
| /* Override border on the right-side image box */
| | .npcname-header { |
| .eqoa-image-box { | | background-color:#2B2B2B !important; |
| border:none!important; /* <<< your new border color */
| |
| } | |
| | |
| /* ZONES TABLE HEADER */
| |
| table.npc-zone-table tr:first-child th {
| |
| background-color:#2B2B2B !important; /* Header color */ | |
| color:#E6C98B !important; | | color:#E6C98B !important; |
| | text-align:center; |
| | margin:0; |
| | padding:6px; |
| | border-right:3px solid #D6B25E; |
| | border-left:3px solid #D6B25E; |
| | font-size:1.25em; |
| font-weight:bold; | | font-weight:bold; |
| padding:6px;
| |
| border:2px solid #D6B25E;
| |
| }
| |
|
| |
| /* ZONES TABLE ΓÇö ODD ROWS */
| |
| table.npc-zone-table tr:nth-child(odd):not(:first-child) {
| |
| background-color:#242428 !important; /* Color A */
| |
| color:#B9C4D1 !important;
| |
| border:1px solid #D6B25E;
| |
| }
| |
|
| |
| /* ZONES TABLE ΓÇö EVEN ROWS */
| |
| table.npc-zone-table tr:nth-child(even):not(:first-child) {
| |
| background-color:#2E2E31 !important; /* Color B */
| |
| color:#B9C4D1 !important;
| |
| border:1px solid #D6B25E;
| |
| } | | } |
|
| |
|
| /* Optional: override inline cell colors */ | | /* Right-side image box override */ |
| table.npc-zone-table td {
| | .eqoa-image-box { border:none!important; } |
| background-color:transparent !important;
| |
| } | |
|
| |
|
| /* ZONES HEADER STYLE */
| |
| .zones-header {
| |
| background-color: #2B2B2B !important; /* Header background color */
| |
| color: #E6C98B !important; /* Header text color */
| |
| padding: 6px;
| |
| margin: 0;
| |
| border-bottom: 2px solid #D6B25E; /* Bottom border */
| |
| font-weight: bold;
| |
| text-align: center; /* Optional: center text */
| |
| }
| |
| /* ------------------------------------------------------------
| |
| LINKS
| |
| ------------------------------------------------------------ */
| |
| /* ------------------------------------------------------------
| |
| LINKS
| |
| ------------------------------------------------------------ */
| |
| /* ------------------------------------------------------------ | | /* ------------------------------------------------------------ |
| LINKS | | LINKS |
| ------------------------------------------------------------ */ | | ------------------------------------------------------------ */ |
| a, .mw-body a, .quest-template a, .npc-template a, table a, .wikitable a { | | a, .mw-body a, .quest-template a, .npc-template a, table a, .wikitable a { |
| color: #F7D865!important; /* Gold by default */
| | color: #F7D865 !important; |
| text-decoration: none !important;
| | text-decoration: none !important; |
| font-weight: bold !important;
| | font-weight: bold !important; |
| } | | } |
|
| |
| a:hover, .mw-body a:hover, .quest-template a:hover, .npc-template a:hover, table a:hover, .wikitable a:hover { | | a:hover, .mw-body a:hover, .quest-template a:hover, .npc-template a:hover, table a:hover, .wikitable a:hover { |
| color: #F7DF83!important; /* White on hover */
| | color: #F7DF83 !important; |
| text-decoration: underline !important;
| | text-decoration: underline !important; |
| }
| |
| /* ------------------------------------------------------------
| |
| LINKS
| |
| ------------------------------------------------------------ */
| |
| /* ------------------------------------------------------------
| |
| LINKS
| |
| ------------------------------------------------------------ */
| |
| /* ------------------------------------------------------------
| |
| LINKS
| |
| ------------------------------------------------------------ */
| |
| | |
| /* EXPCamp Table Styling (matches NPC info box) */
| |
| .exp-camp-section {
| |
| margin: 10px 0;
| |
| }
| |
| | |
| .exp-camp-header-title {
| |
| margin-bottom: 5px;
| |
| font-weight: bold;
| |
| }
| |
| | |
| /* Force table to never exceed the content width */
| |
| .exp-camp-table {
| |
| width: 100% !important;
| |
| table-layout: fixed; /* prevents expanding past content area */
| |
| overflow: hidden;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| .exp-camp-table th {
| |
| background-color: #242428; /* NPC info box header color */
| |
| font-weight: bold;
| |
| text-align: left;
| |
| padding: 4px 8px;
| |
| border: 1px solid #ccc; /* NPC info box border */
| |
| }
| |
| | |
| .exp-camp-row {
| |
| background-color: #2E2E31; /* NPC info box row color */
| |
| border-top: 1px solid #ccc;
| |
| }
| |
| | |
| .exp-camp-row td {
| |
| padding: 4px 8px;
| |
| border: 1px solid #ccc; /* NPC info box border */
| |
| }
| |
| | |
| /* Optional: alternating row colors */
| |
| .exp-camp-row:nth-child(even) {
| |
| background-color: #f1f1f1;
| |
| border: 1px solid #ccc; /* NPC info box border */
| |
| }
| |
| /* EXP CAMP TABLE */
| |
| .exp-camp-table {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| background-color: #1e1e22; /* dark Sandstorm base */
| |
| border: 1px solid #CC6A00; /* Ember orange accent */
| |
| }
| |
| | |
| /* Header */
| |
| .exp-camp-table th {
| |
| background-color: #2C1F0F; /* Desert Night */
| |
| color: #E1A857; /* Golden Sand */
| |
| font-weight: bold;
| |
| padding: 6px 10px;
| |
| border: 1px solid #CC6A00;
| |
| }
| |
| | |
| /* Rows */
| |
| .exp-camp-row td {
| |
| padding: 6px 10px;
| |
| background-color: #242428; /* dark EQOA panel */
| |
| border: 1px solid #CC6A00; /* orange border */
| |
| color: #E1A857; /* readable sand */
| |
| }
| |
| | |
| /* Alternating row color */
| |
| .exp-camp-row:nth-child(even) td {
| |
| background-color: #2E2E31;
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| /* EXP CAMP TABLE ΓÇö CLEAN FIX */
| |
| | |
| /* Center the wrapper on the page */
| |
| .exp-camp-wrapper {
| |
| max-width: 100%;
| |
| overflow-x: auto;
| |
| display: block;
| |
| position: relative;
| |
| clear: both;
| |
| | |
| margin-left: auto;
| |
| margin-right: auto;
| |
| text-align: center; /* ensures inline-table contents center */
| |
| }
| |
| | |
| /* Restore normal table behavior */
| |
| .exp-camp-table {
| |
| width: auto !important;
| |
| max-width: 100%;
| |
| table-layout: auto !important;
| |
| display: inline-table !important; /* KEY: inline-table allows centering */
| |
| }
| |
| | |
| /* Column sizing */
| |
| .exp-camp-table th:first-child,
| |
| .exp-camp-table td:first-child {
| |
| width: 70px;
| |
| white-space: nowrap;
| |
| }
| |
| | |
| .exp-camp-table th:nth-child(2),
| |
| .exp-camp-table td:nth-child(2) {
| |
| width: 140px;
| |
| }
| |
| .exp-camp-table th {
| |
| background-color: #242428; /* ← change this to whatever color you want */
| |
| color: #fff; /* header text color */
| |
| }
| |
| .exp-camp-table caption {
| |
| display: table-caption; /* stays tied to the table width */
| |
| caption-side: top;
| |
| | |
| background-color: #1a1a1a;
| |
| color: #ffffff;
| |
| | |
| padding: 12px 16px;
| |
| border: 2px solid #444;
| |
| border-radius: 6px;
| |
| | |
| font-size: 20px;
| |
| font-weight: bold;
| |
| | |
| text-align: center;
| |
| margin-bottom: 10px; /* space between caption and table */
| |
| width: 500px; /* Forces it to span the page/table area */
| |
| | |
| }
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| /* EXP Camp Notes Box */
| |
| .eqoacampnotes {
| |
| background-color: #242428;
| |
| padding: 16px 20px;
| |
| margin-bottom: 20px;
| |
| font-family: Arial, sans-serif;
| |
| color: #E1A857;
| |
| }
| |
| | |
| /* Header */
| |
| .eqoacampnotes .right-header {
| |
| font-size: 30px !important; /* increased header size */
| |
| font-weight: bold;
| |
| color: #E1A857;
| |
| margin-bottom: 12px;
| |
| padding-bottom: 6px;
| |
| }
| |
| | |
| /* Table inside notes */
| |
| .eqoacampnotes .eqoa-detail-table {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| background-color: #242428;
| |
| }
| |
| | |
| /* Force font size inside the cell */
| |
| .eqoacampnotes .eqoa-detail-table td,
| |
| .eqoacampnotes .expcampnotes {
| |
| font-size: 20px !important; /* larger font */
| |
| line-height: 1.6;
| |
| color: #E1A857;
| |
| padding: 12px 14px;
| |
| background-color: #2E2E31;
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| /* FORCE OVERRIDE: EQOA Orange Headers */
| |
| h2.eqoa-orange-header,
| |
| .eqoa-orange-header,
| |
| .eqoa-orange-header * {
| |
| background-color: #f68825 !important; /* HEADER BACKGROUND */
| |
| color: #242428 !important; /* TEXT COLOR */
| |
| border-color: #ffffff !important;
| |
| font-size: 28px !important; /* BIGGER TEXT */
| |
| font-family: "Trebuchet MS", Arial, sans-serif !important;
| |
| font-weight: 900 !important;
| |
| text-align: center !important;
| |
| padding: 8px 12px !important;
| |
| margin: 0 !important;
| |
| line-height: 1.2 !important;
| |
| }
| |
| | |
| | |
| /* ----------------------------------------------------------- */
| |
| /* FORCE OVERRIDE ΓÇö Sidebar Section Headers (LEFT CONTENT BAR) */
| |
| /* Matches EQOA Orange Header Style */
| |
| /* ----------------------------------------------------------- */
| |
| | |
| /* ============================================================
| |
| FORCE OVERRIDE: Monobook Sidebar Headers
| |
| Matches .eqoa-orange-header styling
| |
| ============================================================ */
| |
| | |
| .portlet h5,
| |
| #p-navigation h5,
| |
| #p-tb h5,
| |
| #p-search h5,
| |
| #p-lang h5,
| |
| #p-community h5,
| |
| #p-help h5 {
| |
| background-color: #f68825 !important; /* ORANGE BG */
| |
| color: #242428 !important; /* DARK TEXT */
| |
| border: 1px solid #ffffff !important; /* WHITE BORDER */
| |
|
| |
| font-size: 28px !important; /* BIGGER TEXT */
| |
| font-family: "Trebuchet MS", Arial, sans-serif !important;
| |
| font-weight: 900 !important;
| |
| text-align: center !important;
| |
| | |
| padding: 8px 12px !important;
| |
| margin: 0 !important;
| |
| line-height: 1.2 !important;
| |
| }
| |
| | |
| /* FORCE SIDEBAR HEADERS TO USE EQOA ORANGE */
| |
| /* ===== EQOA ORANGE SIDEBAR HEADERS (MediaWiki:Sidebar style) ===== */
| |
| | |
| /* --- MONOBOOK SIDEBAR HEADERS --- */
| |
| /* --- MONOBOOK SIDEBAR HEADERS FIXED --- */
| |
| /* --- MONOBOOK SIDEBAR HEADERS CONTAINED --- */
| |
| /* --- FIX SIDEBAR WIDTH --- */
| |
| #column-one {
| |
| width: 220px !important; /* Fixed sidebar width */
| |
| float: left !important;
| |
| overflow: hidden !important; /* Prevent children from spilling */
| |
| box-sizing: border-box !important;
| |
| }
| |
| | |
| /* --- CONTAIN HEADER --- */
| |
| #column-one .portlet {
| |
| width: 100% !important; /* Make sure portlet fits sidebar */
| |
| overflow: hidden !important; /* Contain child backgrounds */
| |
| margin-bottom: 8px !important;
| |
| }
| |
| | |
| /* --- SIDEBAR HEADER --- */
| |
| #column-one h3[id^="p-"] {
| |
| background-color: #E3B44A !important;
| |
| color: #0F1626 !important;
| |
| font-family: "Trebuchet MS", Arial, sans-serif !important;
| |
| font-size: 18px !important;
| |
| font-weight: 900 !important;
| |
| text-transform: uppercase !important;
| |
| text-align: center !important;
| |
| padding: 22px 10px !important;
| |
| margin: 0 !important;
| |
| border: 2px solid #0F1626 !important;
| |
| border-radius: 6px 6px 0 0 !important;
| |
|
| |
| display: block !important;
| |
| width: 100% !important;
| |
| box-sizing: border-box !important;
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| /* --- REMOVE GAPS BETWEEN HEADER + LIST --- */
| |
| #column-one .pBody,
| |
| #column-one .portal,
| |
| #column-one div {
| |
| background-color: transparent !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| }
| |
| | |
| /* --- INDENT SIDEBAR LINKS CLEANLY --- */
| |
| #column-one ul {
| |
| list-style-type: none !important;
| |
| margin: 0 !important;
| |
| padding-left: 10px !important; /* Adjust indent */
| |
| }
| |
| | |
| #column-one li {
| |
| padding: 2px 0 !important; /* Smaller spacing between items */
| |
| }
| |
| /* --- FIX LOGO POSITION --- */
| |
| /* -------------------------------
| |
| EQOA Sidebar Logo ΓÇö Top
| |
| ---------------------------------*/
| |
| | |
| /* -------------------------------
| |
| Sidebar Layout
| |
| ---------------------------------*/
| |
| #column-one {
| |
| width: 220px !important; /* sidebar width */
| |
| float: left !important;
| |
| overflow: hidden !important; /* prevent spillover */
| |
| box-sizing: border-box !important;
| |
| }
| |
| | |
| /* Make content move right of sidebar */
| |
| #column-content {
| |
| margin-left: 240px !important; /* leaves room for sidebar */
| |
| }
| |
| | |
| /* -------------------------------
| |
| Sidebar Logo at Top
| |
| ---------------------------------*/
| |
| /* ====================================================
| |
| CENTER LOGO *INSIDE ITS OWN BOX* (SAFE VERSION)
| |
| ==================================================== */
| |
| | |
| #content {
| |
| margin-left: 160px; /* match your sidebar width */
| |
| }
| |
| | |
| #mw-panel {
| |
| float: left;
| |
| width: 10em; /* common default */
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| } | | } |
