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.

/* ====================================================
   SEARCH BAR
==================================================== */
#p-search input[type="search"],
#p-search input[type="text"] {
    font-size: 14px !important;
    padding: 5px 8px !important;
    width: 160px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#p-search {
    width: 200px !important;
    overflow: hidden !important;
}

/* ====================================================
   PAGE ACTION / TABS
==================================================== */
#p-views, #p-cactions { height:auto !important; overflow:visible !important; z-index:5 !important; }
#p-views ul li, #p-cactions ul li,
#p-views ul li a, #p-cactions ul li a {
    background:#2A2A2F !important;
    border:1px solid #3C3C3C !important;
    color:#E6C98B !important;
    padding:4px 10px !important;
    margin:0 !important;
    display:inline-block !important;
    line-height:1.4 !important;
    text-decoration:none !important;
}
#p-views ul li.selected a, #p-cactions ul li.selected a {
    background:#3C3C3C !important;
    color:#FFF2C2 !important;
    border-bottom:2px solid #D6B25E !important;
}
#p-views ul li a:hover, #p-cactions ul li a:hover { background:#3A3A3F !important; color:#E6C98B !important; text-decoration:underline !important; }
#p-views ul, #p-views ul li, #p-views ul li a { background-image:none !important; }
#right-navigation, #left-navigation { overflow:visible !important; z-index:5 !important; }

/* ====================================================
   QUEST AND NPC TEMPLATES
==================================================== */
.quest-right, .npc-template { background: #242428 !important; color:#D6D6C9 !important; }
.quest-right p:first-child, .quest-right > div > p:first-child { margin:0 !important; padding:0 !important; display:inline; background:none !important; border:none !important; }
.quest-right h2.quest-header { margin-bottom:6px !important; }

.npc-template { display:flex; flex-wrap:wrap; gap:10px; }
.npc-left { flex:1; min-width:300px; }
.npc-right { flex:2; min-width:400px; }
.npc-header { background:#3C3C3C !important; color:#E6C98B !important; padding:6px !important; border-bottom:1px solid #D6B25E !important; text-align:center; font-weight:bold; }
.npc-box { border:1px solid #3C3C3C !important; border-radius:4px; padding:10px !important; background:#242428 !important; }

.npc-table { width:100% !important; border-collapse:collapse !important; }
.npc-table td { padding:6px !important; border:1px solid #3C3C3C !important; background:#242428 !important; color:#D6D6C9 !important; }
.npc-row-label td { background:#3C3C3C !important; color:#E6C98B !important; font-weight:bold; }
.npc-row-value td { background:#242428 !important; color:#D6D6C9 !important; }

/* ====================================================
   INFO TABLES (NPC/Quest)
==================================================== */
table.info-table td:first-child { background:#3C3C3C !important; color:#E6C98B !important; font-weight:bold; width:40%; border-bottom:1px solid #D6B25E; padding:4px; }
table.info-table tr:nth-child(odd) td:last-child { background:#242428 !important; color:#B9C4D1 !important; padding:4px; border-bottom:1px solid #D6B25E; }
table.info-table tr:nth-child(even) td:last-child { background:#2E2E31 !important; color:#B9C4D1 !important; padding:4px; border-bottom:1px solid #D6B25E; }

/* ====================================================
   ZONE TABLES
==================================================== */
table.npc-zone-table tr:first-child th { background:#2B2B2B !important; color:#E6C98B !important; font-weight:bold; padding:6px; border:2px solid #D6B25E; }
table.npc-zone-table tr:nth-child(odd):not(:first-child) { background:#242428 !important; color:#B9C4D1 !important; border:1px solid #D6B25E; }
table.npc-zone-table tr:nth-child(even):not(:first-child) { background:#2E2E31 !important; color:#B9C4D1 !important; border:1px solid #D6B25E; }

/* ====================================================
   EXP CAMP TABLES
==================================================== */
.exp-camp-wrapper { max-width:100%; overflow-x:auto; display:block; margin:0 auto; text-align:center; }
.exp-camp-table { width:auto !important; max-width:100%; display:inline-table !important; table-layout:auto !important; background:#1e1e22; border:1px solid #CC6A00; border-collapse:collapse; }
.exp-camp-table th { background:#2C1F0F; color:#E1A857; font-weight:bold; padding:6px 10px; border:1px solid #CC6A00; }
.exp-camp-row td { padding:6px 10px; background:#242428; border:1px solid #CC6A00; color:#E1A857; }
.exp-camp-row:nth-child(even) td { background:#2E2E31; }

/* ====================================================
   LINKS
==================================================== */
a, .mw-body a, .quest-template a, .npc-template a, table a, .wikitable a { color:#F7D865!important; text-decoration:none!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 { color:#F7DF83!important; text-decoration:underline!important; }

/* ====================================================
   SIDEBAR
==================================================== */
#mw-panel { width:220px !important; float:left !important; margin:0; padding:0; box-sizing:border-box; overflow:hidden; }
#mw-panel .portlet { width:100% !important; margin-bottom:8px !important; overflow:hidden !important; background:transparent !important; }
#p-logo { width:220px !important; float:left !important; margin:0; padding:0; position:relative; z-index:999 !important; }
#mw-panel ul { list-style:none !important; margin:0 !important; padding-left:10px !important; }
#mw-panel li { padding:2px 0 !important; }
#content, #column-content, #mw-content-text { margin-left:240px !important; padding-top:0 !important; }
#mw-panel h5 { display:block !important; width:100% !important; box-sizing:border-box !important; }

/* ====================================================
   ORANGE HEADERS (EQOA Style)
==================================================== */
h2.eqoa-orange-header, .eqoa-orange-header, .eqoa-orange-header * { background:#f68825 !important; color:#242428 !important; border-color:#fff !important; font-size:28px !important; 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; }
.portlet h5, #p-navigation h5, #p-tb h5, #p-search h5, #p-lang h5, #p-community h5, #p-help h5 { background:#f68825 !important; color:#242428 !important; border:1px solid #fff !important; font-size:28px !important; 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; }

/* ====================================================
   MAIN PAGE & JOB LAYOUT
==================================================== */
#content h1, .firstHeading { position:relative; z-index:10 !important; }
.job-artwork { display:block; margin-top:20px !important; }
.job-layout { margin-top:65px !important; }
.job-right { padding-top:40px; position:relative; z-index:1; }
#p-cactions { margin-top:0 !important; }
#content { padding-top:30px !important; }

/* ====================================================
   GENERAL RESET / TRANSPARENCY
==================================================== */
#globalWrapper, #column-content, #content, #contentSub, #contentWrapper, #bodyContent { background:transparent !important; border:none !important; }