MediaWiki:Common.css
MediaWiki interface page
More actions
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*
* ============================================================
* eve.wiki — MediaWiki:Common.css
* EVE Online theme for the Citizen skin
* CLEAN REWRITE — text colors fixed, no background blowouts
* ============================================================
*/
/* ============================================================
FONTS
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Rajdhani:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
/* ============================================================
SECTION 1: CITIZEN TOKEN OVERRIDES
============================================================ */
:root,
.skin-citizen {
--color-surface-0: #0d0f14;
--color-surface-1: #131720;
--color-surface-2: #171c26;
--color-surface-3: #1c2230;
--color-surface-4: #1f2638;
--border-color-base: #233042;
--border-color-subtle: #1a2230;
--border-color-strong: #2e3f58;
--color-base: #d7e0ea;
--color-base--subtle: #93a4b5;
--color-base--emphasized: #eef3fa;
--color-link: #4fc3e8;
--color-link--visited: #7aa8c8;
--color-link--active: #80d8f5;
--color-primary: #4fc3e8;
--color-primary--hover: #80d8f5;
--color-secondary: #c8a84b;
--color-progressive: #4fc3e8;
--color-destructive: #cc4444;
--color-header-background: #080a10;
--color-icon-base: #4fc3e8;
--color-accent: #4fc3e8;
--color-menu-item-hover-background: #1c2230;
scrollbar-color: #233042 #0d0f14;
scrollbar-width: thin;
}
/* ============================================================
SECTION 2: BASE — dark background, light text everywhere
============================================================ */
body,
.skin-citizen,
.citizen-body,
#mw-content-text,
.mw-parser-output,
.mw-body,
.mw-body-content,
#content,
#bodyContent,
.citizen-page-container,
.citizen-content-container,
#citizen-content {
background-color: #0d0f14 !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
-webkit-font-smoothing: antialiased;
}
/* All text elements default to readable light color */
p, li, td, th, dd, dt, label, caption,
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output td,
.mw-parser-output th {
color: #d7e0ea;
}
/* Links */
a, .mw-parser-output a {
color: #4fc3e8 !important;
text-decoration: none;
}
a:hover, .mw-parser-output a:hover { color: #80d8f5 !important; }
a:visited, .mw-parser-output a:visited { color: #7aa8c8 !important; }
/* Subtle grid overlay on page */
body::before {
content: '';
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
background-image:
linear-gradient(rgba(79,195,232,.015) 1px, transparent 1px),
linear-gradient(90deg, rgba(79,195,232,.015) 1px, transparent 1px);
background-size: 48px 48px;
}
/* ============================================================
SECTION 3: HEADINGS
============================================================ */
h1, .mw-parser-output h1, #firstHeading {
font-family: 'Orbitron', sans-serif !important;
font-size: 26px !important;
font-weight: 700 !important;
color: #eef3fa !important;
letter-spacing: .5px;
border-bottom: 1px solid #233042 !important;
padding-bottom: 6px !important;
}
h2, .mw-parser-output h2 {
font-family: 'Orbitron', sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #4fc3e8 !important;
letter-spacing: 1px;
border-bottom: 1px solid #1a4a60 !important;
padding-bottom: 4px !important;
margin: 20px 0 8px !important;
}
h3, .mw-parser-output h3 {
font-family: 'Orbitron', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #c8a84b !important;
letter-spacing: .8px;
border-bottom: none !important;
}
h4, h5, h6,
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6 {
font-family: 'Rajdhani', sans-serif !important;
font-weight: 700 !important;
color: #93a4b5 !important;
letter-spacing: 1px;
text-transform: uppercase;
}
/* ============================================================
SECTION 4: TOPBAR
============================================================ */
#citizen-header, .citizen-header {
background: #080a10 !important;
border-bottom: 1px solid #233042 !important;
box-shadow: none !important;
}
/* Cyan shimmer line */
#citizen-header::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #2a8cb0 30%, #4fc3e8 50%, #2a8cb0 70%, transparent);
opacity: .5;
pointer-events: none;
}
.citizen-wordmark, #citizen-header .citizen-header__wordmark {
font-family: 'Orbitron', sans-serif !important;
font-weight: 700 !important;
font-size: 15px !important;
letter-spacing: 2px !important;
color: #eef3fa !important;
}
#citizen-header a, .citizen-header a {
font-family: 'Rajdhani', sans-serif !important;
font-weight: 600 !important;
color: #93a4b5 !important;
}
#citizen-header a:hover, .citizen-header a:hover {
color: #4fc3e8 !important;
text-decoration: none !important;
}
/* Search */
.citizen-search__form, #searchform {
background: #131720 !important;
border: 1px solid #233042 !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
border-radius: 2px !important;
}
.citizen-search__form:focus-within, #searchform:focus-within {
border-color: #2a8cb0 !important;
box-shadow: 0 0 0 2px rgba(79,195,232,.1) !important;
}
input[type="search"], input[type="text"], .citizen-search__input {
color: #d7e0ea !important;
background: transparent !important;
}
input::placeholder, .citizen-search__input::placeholder {
color: #4e5f72 !important;
}
/* Search suggestions */
.citizen-search__suggestions, .suggestions-results {
background: #131720 !important;
border: 1px solid #233042 !important;
color: #d7e0ea !important;
}
.citizen-search__suggestion:hover, .suggestions-result:hover {
background: #1c2230 !important;
color: #4fc3e8 !important;
}
/* ============================================================
SECTION 5: SIDEBAR + TOC
============================================================ */
#citizen-sidebar, .citizen-sidebar {
background: #0f1218 !important;
border-right: 1px solid #1a2230 !important;
}
.citizen-nav__heading, .citizen-sidebar .citizen-nav__heading {
font-family: 'Orbitron', sans-serif !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
color: #c8a84b !important;
text-transform: uppercase !important;
border-bottom: 1px solid #3a2e12 !important;
padding-bottom: 5px !important;
}
.citizen-nav__item a, .citizen-sidebar a, #citizen-sidebar a {
font-family: 'Rajdhani', sans-serif !important;
font-size: 13.5px !important;
font-weight: 500 !important;
color: #93a4b5 !important;
}
.citizen-nav__item a:hover, .citizen-sidebar a:hover {
color: #4fc3e8 !important;
background: rgba(79,195,232,.05) !important;
text-decoration: none !important;
}
.citizen-nav__item--active a {
color: #4fc3e8 !important;
background: rgba(79,195,232,.08) !important;
border-left: 2px solid #4fc3e8 !important;
}
/* TOC */
.citizen-toc, #citizen-toc {
background: #131720 !important;
border: 1px solid #233042 !important;
border-top: 2px solid #4fc3e8 !important;
}
.citizen-toc__title {
font-family: 'Orbitron', sans-serif !important;
font-size: 10px !important;
letter-spacing: 2px !important;
color: #4fc3e8 !important;
}
.citizen-toc a { color: #93a4b5 !important; }
.citizen-toc a:hover { color: #4fc3e8 !important; }
.citizen-toc__item--active > a { color: #4fc3e8 !important; }
/* ============================================================
SECTION 6: TABLES
============================================================ */
.wikitable, .mw-parser-output .wikitable {
background: #131720 !important;
border: 1px solid #233042 !important;
border-collapse: collapse !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 14px !important;
}
.wikitable th, .mw-parser-output .wikitable th {
background: #0f1218 !important;
color: #eef3fa !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 9px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
padding: 8px 12px !important;
border: 1px solid #233042 !important;
}
.wikitable td, .mw-parser-output .wikitable td {
padding: 6px 12px !important;
border: 1px solid #1a2230 !important;
color: #d7e0ea !important;
}
.wikitable tr:nth-child(even) td { background: rgba(255,255,255,.02) !important; }
.wikitable tr:hover td { background: #1c2230 !important; }
/* Infobox */
.infobox, .mw-parser-output .infobox {
background: #131720 !important;
border: 1px solid #233042 !important;
border-top: 2px solid #4fc3e8 !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
float: right !important;
margin: 0 0 16px 20px !important;
min-width: 220px !important;
max-width: 280px !important;
}
.infobox th, .mw-parser-output .infobox th {
background: #0f1218 !important;
color: #eef3fa !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 9px !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
padding: 5px 10px !important;
border: 1px solid #233042 !important;
}
.infobox td, .mw-parser-output .infobox td {
padding: 5px 10px !important;
border-bottom: 1px solid #1a2230 !important;
color: #d7e0ea !important;
}
.infobox tr:nth-child(even) td { background: rgba(255,255,255,.02) !important; }
/* ============================================================
SECTION 7: NOTICE / AMBOX
============================================================ */
.ambox, .mw-message-box {
background: #131720 !important;
border: 1px solid #233042 !important;
border-left: 3px solid #4fc3e8 !important;
color: #d7e0ea !important;
}
.ambox-warning { border-left-color: #c8a84b !important; }
.ambox-delete, .ambox-content { border-left-color: #cc4444 !important; }
/* ============================================================
SECTION 8: CODE
============================================================ */
code, kbd, pre, .mw-parser-output code, .mw-parser-output pre {
font-family: 'JetBrains Mono', monospace !important;
background: #0a0c10 !important;
color: #4fc3e8 !important;
border: 1px solid #1a2230 !important;
border-radius: 2px !important;
}
code, kbd { font-size: 12px !important; padding: 1px 6px !important; }
pre, .mw-parser-output pre { font-size: 13px !important; padding: 12px 16px !important; }
/* ============================================================
SECTION 9: FORMS, BUTTONS, INPUTS
============================================================ */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
.oo-ui-inputWidget-input,
.mw-ui-input {
background: #0d0f14 !important;
border: 1px solid #233042 !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
}
.mw-ui-button, .oo-ui-buttonElement-button {
background: #131720 !important;
border: 1px solid #233042 !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
font-weight: 600 !important;
}
.mw-ui-button:hover, .oo-ui-buttonElement-button:hover {
border-color: #4fc3e8 !important;
color: #4fc3e8 !important;
}
.mw-ui-progressive .oo-ui-buttonElement-button,
.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button {
background: rgba(79,195,232,.1) !important;
border-color: #2a8cb0 !important;
color: #4fc3e8 !important;
}
/* ============================================================
SECTION 10: MISC MW ELEMENTS
============================================================ */
#catlinks, .catlinks {
background: #131720 !important;
border: 1px solid #233042 !important;
color: #93a4b5 !important;
}
#catlinks a, .catlinks a { color: #4fc3e8 !important; }
.errorbox { background: rgba(204,68,68,.08) !important; border: 1px solid #cc4444 !important; color: #ffbbbb !important; }
.warningbox { background: rgba(200,168,75,.08) !important; border: 1px solid #c8a84b !important; color: #f0e0a0 !important; }
.successbox { background: rgba(58,204,122,.08) !important; border: 1px solid #3acc7a !important; color: #a0f0c0 !important; }
.mw-notification {
background: #131720 !important;
border: 1px solid #233042 !important;
color: #d7e0ea !important;
}
/* Diff view */
.diff-addedline { background: rgba(58,204,122,.08) !important; color: #d7e0ea !important; }
.diff-deletedline { background: rgba(204,68,68,.08) !important; color: #d7e0ea !important; }
.diff-context { background: #0d0f14 !important; color: #93a4b5 !important; }
td.diff-marker { background: #0d0f14 !important; color: #4e5f72 !important; }
/* Special pages */
.mw-specialpage-summary,
.mw-allpages-body,
.mw-prefixindex-list,
.mw-search-results,
.searchresults { color: #d7e0ea !important; }
.mw-search-result-heading a {
color: #4fc3e8 !important;
font-family: 'Orbitron', sans-serif !important;
}
/* History / contrib lists */
#pagehistory li, .mw-contributions-list li {
color: #d7e0ea !important;
border-bottom: 1px solid #1a2230 !important;
}
/* Footer */
#citizen-footer, .citizen-footer, #footer {
background: #080a10 !important;
border-top: 1px solid #233042 !important;
color: #4e5f72 !important;
}
#citizen-footer a, .citizen-footer a, #footer a { color: #4e5f72 !important; }
#citizen-footer a:hover, #footer a:hover { color: #4fc3e8 !important; }
/* ============================================================
SECTION 11: SCROLLBAR
============================================================ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0d0f14; }
::-webkit-scrollbar-thumb { background: #233042; }
::-webkit-scrollbar-thumb:hover { background: #2e3f58; }
::selection { background: rgba(79,195,232,.2); color: #eef3fa; }
/* ============================================================
SECTION 12: HOMEPAGE COMPONENTS
All .evewiki-* classes used in Main_Page.wiki
============================================================ */
/* Hero wrapper */
.evewiki-hero-wrap {
background: #131720;
border-bottom: 1px solid #233042;
padding: 52px 24px 48px;
position: relative;
overflow: hidden;
margin: 0 -20px;
text-align: center;
}
.evewiki-hero-bg-glow {
position: absolute;
top: -80px; left: 50%;
transform: translateX(-50%);
width: 700px; height: 400px;
background: radial-gradient(ellipse, rgba(79,195,232,.07) 0%, transparent 70%);
pointer-events: none;
}
.evewiki-hero-bg-grid {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(79,195,232,.018) 1px, transparent 1px),
linear-gradient(90deg, rgba(79,195,232,.018) 1px, transparent 1px);
background-size: 48px 48px;
pointer-events: none;
}
.evewiki-hero-content { position: relative; z-index: 1; }
.evewiki-hero-eyebrow {
font-family: 'Rajdhani', sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: 4px;
text-transform: uppercase;
color: #4fc3e8;
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.evewiki-hero-line {
display: inline-block;
width: 32px;
height: 1px;
background: #4fc3e8;
opacity: .5;
}
.evewiki-hero-title {
font-family: 'Orbitron', sans-serif;
font-size: 52px;
font-weight: 900;
color: #eef3fa;
letter-spacing: 4px;
line-height: 1;
margin-bottom: 6px;
text-transform: uppercase;
}
.evewiki-accent-dot { color: #4fc3e8; }
.evewiki-hero-sub {
font-family: 'Rajdhani', sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
color: #4e5f72;
margin-bottom: 32px;
}
/* Search */
.evewiki-search-wrap {
max-width: 560px;
margin: 0 auto 32px;
}
.evewiki-search-box {
display: flex;
align-items: center;
background: #0d0f14;
border: 1px solid #233042;
transition: border-color .15s;
}
.evewiki-search-box:focus-within {
border-color: #2a8cb0;
box-shadow: 0 0 0 2px rgba(79,195,232,.1);
}
.evewiki-search-icon {
padding: 0 12px;
display: flex;
align-items: center;
flex-shrink: 0;
opacity: .4;
}
/* MW search input inside our box */
.evewiki-search-box input[type="search"],
.evewiki-search-box input[type="text"],
.evewiki-search-box .oo-ui-inputWidget-input {
flex: 1;
background: none !important;
border: none !important;
outline: none !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 13px 0 !important;
letter-spacing: .3px !important;
box-shadow: none !important;
}
/* Hide MW's own search button, show nothing (we use / shortcut) */
.evewiki-search-box .searchButton,
.evewiki-search-box button[type="submit"] {
background: transparent !important;
border: none !important;
border-left: 1px solid #233042 !important;
padding: 0 18px !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
color: #4fc3e8 !important;
cursor: pointer !important;
text-transform: uppercase !important;
}
.evewiki-search-hint {
font-family: 'Rajdhani', sans-serif;
font-size: 11px;
color: #4e5f72;
margin-top: 7px;
letter-spacing: .5px;
}
.evewiki-search-hint kbd {
font-family: 'JetBrains Mono', monospace;
background: #131720;
border: 1px solid #233042;
padding: 1px 6px;
color: #93a4b5;
font-size: 10px;
}
/* CTA buttons */
.evewiki-hero-cta {
display: flex;
gap: 8px;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 36px;
}
.evewiki-btn {
display: inline-block;
padding: 8px 20px;
font-family: 'Rajdhani', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: pointer;
transition: all .15s;
text-decoration: none !important;
}
.evewiki-btn-cyan {
border: 1px solid #2a8cb0;
color: #4fc3e8 !important;
}
.evewiki-btn-cyan:hover {
background: rgba(79,195,232,.08);
border-color: #4fc3e8;
color: #eef3fa !important;
}
.evewiki-btn-gold {
border: 1px solid #8a7030;
color: #c8a84b !important;
}
.evewiki-btn-gold:hover {
background: rgba(200,168,75,.08);
border-color: #c8a84b;
color: #eef3fa !important;
}
.evewiki-btn-ghost {
border: 1px solid #233042;
color: #93a4b5 !important;
}
.evewiki-btn-ghost:hover {
border-color: #2e3f58;
color: #d7e0ea !important;
}
/* Stat bar */
.evewiki-stat-bar {
display: inline-flex;
border: 1px solid #233042;
background: #0d0f14;
}
.evewiki-stat-bar-cell {
padding: 12px 22px;
border-right: 1px solid #233042;
text-align: center;
}
.evewiki-stat-bar-cell:last-child { border-right: none; }
.evewiki-stat-bar-val {
font-family: 'JetBrains Mono', monospace;
font-size: 20px;
color: #4fc3e8;
line-height: 1;
}
.evewiki-stat-bar-label {
font-family: 'Rajdhani', sans-serif;
font-size: 9px;
color: #4e5f72;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 4px;
}
/* Utility colors */
.evewiki-green { color: #3acc7a !important; }
.evewiki-cyan { color: #4fc3e8 !important; }
.evewiki-gold { color: #c8a84b !important; }
.evewiki-red { color: #cc4444 !important; }
/* Section header */
.evewiki-section-header {
display: flex;
align-items: center;
gap: 10px;
margin: 28px 0 14px;
}
.evewiki-section-bar {
width: 3px;
height: 16px;
background: #4fc3e8;
flex-shrink: 0;
}
.evewiki-section-title {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
font-weight: 600;
letter-spacing: 2px;
color: #eef3fa;
}
/* Card grid */
.evewiki-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin-bottom: 24px;
}
/* Sys-panel — novacide style */
.evewiki-sys-panel {
background: #0d0f14;
border: 1px solid #233042;
border-top: 2px solid #233042;
}
.evewiki-panel-cyan { border-top-color: #4fc3e8; }
.evewiki-panel-gold { border-top-color: #c8a84b; }
.evewiki-panel-red { border-top-color: #cc4444; }
.evewiki-panel-green { border-top-color: #3acc7a; }
.evewiki-panel-full { grid-column: 1 / -1; }
.evewiki-panel-head {
padding: 9px 14px 8px;
border-bottom: 1px solid #1a2230;
display: flex;
align-items: center;
justify-content: space-between;
background: #0a0c10;
}
.evewiki-panel-label {
font-family: 'JetBrains Mono', monospace;
font-size: 10px;
letter-spacing: 1px;
color: #4e5f72;
}
.evewiki-label-cyan { color: #4fc3e8; }
.evewiki-label-gold { color: #c8a84b; }
.evewiki-label-red { color: #cc4444; }
.evewiki-label-green { color: #3acc7a; }
.evewiki-panel-badge {
font-family: 'JetBrains Mono', monospace;
font-size: 9px;
color: #4e5f72;
background: #131720;
border: 1px solid #1a2230;
padding: 1px 6px;
}
.evewiki-panel-body { padding: 14px; }
.evewiki-panel-title {
font-family: 'Orbitron', sans-serif;
font-size: 12px;
font-weight: 600;
color: #eef3fa;
letter-spacing: .5px;
margin-bottom: 8px;
}
.evewiki-panel-title a { color: #eef3fa !important; text-decoration: none !important; }
.evewiki-panel-title a:hover { color: #4fc3e8 !important; }
.evewiki-panel-desc {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
color: #93a4b5;
line-height: 1.5;
margin-bottom: 14px;
}
.evewiki-panel-links { display: flex; flex-direction: column; gap: 4px; }
.evewiki-panel-link {
display: flex;
align-items: center;
gap: 7px;
font-family: 'Rajdhani', sans-serif;
font-size: 12.5px;
color: #93a4b5;
}
.evewiki-panel-link a { color: #93a4b5 !important; text-decoration: none !important; }
.evewiki-panel-link a:hover { color: #4fc3e8 !important; }
.evewiki-panel-link::before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
flex-shrink: 0;
background: #233042;
}
.evewiki-dot-cyan::before { background: #4fc3e8; }
.evewiki-dot-gold::before { background: #c8a84b; }
.evewiki-dot-red::before { background: #cc4444; }
.evewiki-dot-green::before { background: #3acc7a; }
/* Panel intro text */
.evewiki-panel-intro {
padding: 10px 14px;
border-bottom: 1px solid #1a2230;
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
color: #93a4b5;
line-height: 1.5;
}
/* Wormhole grid inside panel */
.evewiki-wh-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.evewiki-wh-col {
padding: 14px 16px;
border-right: 1px solid #1a2230;
}
.evewiki-wh-col:last-child { border-right: none; }
.evewiki-wh-col-head {
font-family: 'JetBrains Mono', monospace;
font-size: 9px;
color: #c8a84b;
letter-spacing: 2px;
padding-bottom: 8px;
border-bottom: 1px solid #3a2e12;
margin-bottom: 10px;
}
.evewiki-wh-links { display: flex; flex-direction: column; gap: 5px; }
.evewiki-wh-link {
display: flex;
align-items: center;
gap: 7px;
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
}
.evewiki-wh-dot {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
flex-shrink: 0;
}
.evewiki-wh-link-text { color: #d7e0ea !important; }
.evewiki-wh-link-text a { color: #d7e0ea !important; }
.evewiki-wh-link-text a:hover { color: #4fc3e8 !important; }
.evewiki-wh-link-sub {
font-size: 11px;
color: #4e5f72;
margin-left: auto;
font-family: 'JetBrains Mono', monospace;
}
/* Status / trust signals */
.evewiki-status-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.evewiki-status-cell {
padding: 14px 16px;
border-right: 1px solid #1a2230;
}
.evewiki-status-cell:last-child { border-right: none; }
.evewiki-status-indicator {
font-family: 'JetBrains Mono', monospace;
font-size: 9px;
letter-spacing: 1.5px;
margin-bottom: 6px;
}
.evewiki-status-text {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
color: #93a4b5;
}
.evewiki-status-text a { color: #4fc3e8 !important; }
/* ============================================================
SECTION 13: WAVE ACCORDION & CUSTOM COMPONENTS
============================================================ */
.evewiki-wave { border: 1px solid #233042; margin-bottom: 4px; }
.evewiki-wave-header {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
background: #131720;
cursor: pointer;
user-select: none;
transition: background .12s;
}
.evewiki-wave-header:hover { background: #1c2230; }
.evewiki-wave.is-open .evewiki-wave-header { background: #0f1218; border-bottom: 1px solid #233042; }
.evewiki-wave-num {
font-family: 'Orbitron', sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 2px;
color: #4fc3e8;
background: rgba(79,195,232,.08);
border: 1px solid #153d50;
padding: 2px 8px;
}
.evewiki-wave-title {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
font-weight: 600;
color: #d7e0ea;
flex: 1;
}
.evewiki-wave-trigger-label {
font-size: 10px;
font-weight: 600;
padding: 2px 7px;
border: 1px solid #3a1a1a;
color: #cc4444;
background: rgba(204,68,68,.06);
}
.evewiki-wave-chevron { color: #4e5f72; font-size: 10px; transition: transform .15s; }
.evewiki-wave.is-open .evewiki-wave-chevron { transform: rotate(180deg); }
.evewiki-wave-body { display: none; }
.evewiki-wave.is-open .evewiki-wave-body { display: block; }
/* Tags */
.evewiki-tag {
display: inline-block;
font-family: 'Rajdhani', sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 2px 8px;
border: 1px solid #233042;
color: #4e5f72;
}
.evewiki-tag--cyan { border-color: #153d50; color: #4fc3e8; background: rgba(79,195,232,.06); }
.evewiki-tag--gold { border-color: #3a2e12; color: #c8a84b; background: rgba(200,168,75,.06); }
.evewiki-tag--red { border-color: #3a1a1a; color: #cc4444; background: rgba(204,68,68,.06); }
.evewiki-tag--green { border-color: #1a3a28; color: #3acc7a; background: rgba(58,204,122,.06); }
/* Notice boxes */
.evewiki-notice {
border-left: 3px solid #4fc3e8;
background: rgba(79,195,232,.04);
padding: 10px 14px;
margin: 12px 0;
font-family: 'Rajdhani', sans-serif;
font-size: 14px;
color: #d7e0ea;
}
.evewiki-notice--warn { border-left-color: #c8a84b; background: rgba(200,168,75,.04); }
.evewiki-notice--danger { border-left-color: #cc4444; background: rgba(204,68,68,.04); }
.evewiki-notice-label {
font-family: 'Orbitron', sans-serif;
font-size: 8px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
margin-bottom: 4px;
color: #4fc3e8;
opacity: .8;
}
.evewiki-notice--warn .evewiki-notice-label { color: #c8a84b; }
.evewiki-notice--danger .evewiki-notice-label { color: #cc4444; }
/* WH dots */
.evewiki-wh-dot--c1 { background: #4fc3e8; }
.evewiki-wh-dot--c2 { background: #5dc8a0; }
.evewiki-wh-dot--c3 { background: #a0c850; }
.evewiki-wh-dot--c4 { background: #c8a84b; }
.evewiki-wh-dot--c5 { background: #e08040; }
.evewiki-wh-dot--c6 { background: #cc4444; }
/* ============================================================
SECTION 14: RESPONSIVE
============================================================ */
@media (max-width: 900px) {
.evewiki-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.evewiki-wh-grid { grid-template-columns: 1fr; }
.evewiki-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.evewiki-wh-col { border-right: none; border-bottom: 1px solid #1a2230; }
.evewiki-wh-col:last-child { border-bottom: none; }
.infobox, .mw-parser-output .infobox { float: none !important; max-width: 100% !important; margin: 0 0 16px !important; }
}
@media (max-width: 600px) {
.evewiki-card-grid { grid-template-columns: 1fr; }
.evewiki-status-grid { grid-template-columns: 1fr; }
.evewiki-hero-title { font-size: 36px; }
.evewiki-stat-bar { flex-wrap: wrap; }
.evewiki-stat-bar-cell { flex: 1 1 40%; }
}
/* ============================================================
FOOTER TEXT + LOGO FIX
============================================================ */
#citizen-footer,
.citizen-footer,
#footer,
.citizen-footer__info,
.citizen-footer__places,
.citizen-footer__icons {
color: #93a4b5 !important;
}
#citizen-footer a,
.citizen-footer a,
#footer a,
.citizen-footer__places a,
.citizen-footer__info a {
color: #93a4b5 !important;
text-decoration: none !important;
}
#citizen-footer a:hover,
.citizen-footer a:hover,
#footer a:hover {
color: #4fc3e8 !important;
}
/* Footer wordmark / site name */
.citizen-footer__wordmark,
.citizen-footer .citizen-wordmark,
#citizen-footer .citizen-header__wordmark,
#footer #footer-info,
#footer-places,
#footer-info li,
#footer-places li {
color: #93a4b5 !important;
}
/* Citizen skin footer logo text specifically */
.citizen-footer__wordmark span,
.citizen-footer .citizen-wordmark__sitename {
color: #eef3fa !important;
font-family: 'Orbitron', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
}
/* MW powered-by and other footer paragraphs */
#footer li,
#footer p,
.citizen-footer li,
.citizen-footer p {
color: #93a4b5 !important;
}
/* ============================================================
HERO SEARCH — moves Citizen's search into the hero area
on the Main Page only
============================================================ */
/* Hide the placeholder text we put in the wiki */
.evewiki-hero-search-inner {
display: none;
}
/* On the main page, intercept Citizen's own search bar
and style it to look like our hero search */
.evewiki-is-homepage .citizen-search,
.page-Main_Page .citizen-search {
position: relative;
}
/* Style the search form as a big hero search bar */
.evewiki-hero-search {
max-width: 560px;
margin: 0 auto 32px;
}
/* Override Citizen search on homepage to be more prominent */
.evewiki-is-homepage #citizen-search,
.page-Main_Page #citizen-search {
max-width: 560px;
margin: 0 auto 8px;
}
.evewiki-is-homepage .citizen-search__form,
.page-Main_Page .citizen-search__form {
background: #0d0f14 !important;
border: 1px solid #233042 !important;
border-radius: 0 !important;
height: 50px !important;
font-size: 15px !important;
transition: border-color .15s, box-shadow .15s !important;
}
.evewiki-is-homepage .citizen-search__form:focus-within,
.page-Main_Page .citizen-search__form:focus-within {
border-color: #2a8cb0 !important;
box-shadow: 0 0 0 2px rgba(79,195,232,.12) !important;
}
.evewiki-is-homepage .citizen-search__input,
.page-Main_Page .citizen-search__input {
font-family: 'Rajdhani', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #d7e0ea !important;
letter-spacing: .3px !important;
}
.evewiki-search-hint {
font-family: 'Rajdhani', sans-serif;
font-size: 11px;
color: #4e5f72;
text-align: center;
letter-spacing: .5px;
margin-top: 7px;
}
.evewiki-search-hint kbd {
font-family: 'JetBrains Mono', monospace;
background: #131720;
border: 1px solid #233042;
padding: 1px 6px;
color: #93a4b5;
font-size: 10px;
}
/* ============================================================
FOOTER TEXT + LOGO — white/light text fix
============================================================ */
#citizen-footer,
.citizen-footer,
#footer {
color: #93a4b5 !important;
}
#citizen-footer *,
.citizen-footer *,
#footer * {
color: #93a4b5 !important;
}
#citizen-footer a:hover,
.citizen-footer a:hover,
#footer a:hover {
color: #4fc3e8 !important;
}
/* Site name in footer */
.citizen-footer__wordmark,
.citizen-footer .citizen-wordmark,
.citizen-footer__wordmark span,
.citizen-footer .citizen-wordmark__sitename {
color: #eef3fa !important;
font-family: 'Orbitron', sans-serif !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
}
/* ============================================================
CITIZEN FOOTER LOGO + TEXT FIX
============================================================ */
/* Hide the default MW/Citizen footer logo image */
.citizen-footer__wordmark img,
.citizen-footer__wordmark .citizen-wordmark__icon,
#citizen-footer img,
.citizen-footer img {
display: none !important;
}
/* Footer wordmark text — make it white Orbitron */
.citizen-footer__wordmark,
.citizen-footer__wordmark a,
.citizen-footer__wordmark span,
.citizen-wordmark__sitename,
.citizen-footer .citizen-wordmark {
font-family: 'Orbitron', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
color: #eef3fa !important;
text-decoration: none !important;
}
.citizen-footer__wordmark a:hover {
color: #4fc3e8 !important;
}
/* Footer description text (Edit this text on MediaWiki:Citizen-footer-desc) */
.citizen-footer__desc,
.citizen-footer__tagline,
#citizen-footer .citizen-footer__info,
.citizen-footer p,
.citizen-footer li,
.citizen-footer span {
color: #4e5f72 !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 12px !important;
}
/* Footer links (Privacy policy, About, Disclaimers) */
.citizen-footer__places a,
#citizen-footer a {
color: #93a4b5 !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
}
.citizen-footer__places a:hover,
#citizen-footer a:hover {
color: #4fc3e8 !important;
}
/* "Last modified" text above footer */
.citizen-footer__lastmod,
.citizen-page-info,
#citizen-page-info {
color: #4e5f72 !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 12px !important;
}
.citizen-footer__lastmod a,
.citizen-page-info a {
color: #4e5f72 !important;
}
/* Powered by MediaWiki badge — optional: hide it */
/* #citizen-footer .citizen-footer__icons { display: none !important; } */
/* Keep the powered-by badge but style its container */
.citizen-footer__icons img {
display: inline !important;
opacity: .4;
filter: grayscale(1);
transition: opacity .15s;
}
.citizen-footer__icons img:hover {
opacity: .7;
filter: grayscale(0);
}
/* ============================================================
CITIZEN STICKY HEADER — FORCE DARK
============================================================ */
/* Main header bar */
#citizen-header,
.citizen-header,
.citizen-header__inner,
[class*="citizen-header"] {
background: #080a10 !important;
background-color: #080a10 !important;
border-bottom: 1px solid #233042 !important;
color: #d7e0ea !important;
}
/* Citizen uses CSS variables for theming — override them on the header */
#citizen-header {
--color-surface-0: #080a10 !important;
--color-surface-1: #0d0f14 !important;
--color-surface-2: #131720 !important;
--color-base: #d7e0ea !important;
--color-base--subtle: #93a4b5 !important;
--color-progressive: #4fc3e8 !important;
}
/* Every element inside the header */
#citizen-header *,
.citizen-header * {
color: #d7e0ea !important;
}
/* Nav links specifically */
#citizen-header a,
.citizen-header a,
#citizen-header .citizen-nav__item a,
.citizen-header .citizen-nav__item a {
color: #93a4b5 !important;
}
#citizen-header a:hover,
.citizen-header a:hover {
color: #4fc3e8 !important;
text-decoration: none !important;
}
/* Search form inside header */
#citizen-header .citizen-search__form,
.citizen-header .citizen-search__form,
#citizen-header form[role="search"],
.citizen-header form[role="search"] {
background: #131720 !important;
border: 1px solid #233042 !important;
border-radius: 0 !important;
}
#citizen-header .citizen-search__input,
.citizen-header .citizen-search__input,
#citizen-header input[type="search"] {
background: transparent !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
}
#citizen-header input::placeholder,
.citizen-header input::placeholder {
color: #4e5f72 !important;
}
/* Citizen's theme toggle button */
#citizen-header .citizen-pref__theme,
.citizen-header .citizen-pref__theme,
#citizen-header .citizen-user-menu,
.citizen-header .citizen-user-menu {
background: transparent !important;
color: #93a4b5 !important;
}
/* Icon buttons in header (search icon, menu icon, user icon) */
#citizen-header button,
.citizen-header button,
#citizen-header .citizen-header__button {
background: transparent !important;
color: #93a4b5 !important;
border: none !important;
}
#citizen-header button:hover,
.citizen-header button:hover {
color: #4fc3e8 !important;
background: rgba(79,195,232,.06) !important;
}
/* Wordmark in sticky header */
#citizen-header .citizen-wordmark,
#citizen-header .citizen-header__wordmark,
.citizen-header .citizen-wordmark {
color: #eef3fa !important;
font-family: 'Orbitron', sans-serif !important;
font-weight: 700 !important;
}
/* Citizen skin day/night toggle — force night vars */
:root,
.skin-citizen,
.skin-citizen-theme-day,
.skin-citizen-theme-os,
.skin-citizen-theme-night {
--color-surface-0: #0d0f14 !important;
--color-surface-1: #131720 !important;
--color-surface-2: #171c26 !important;
--color-surface-3: #1c2230 !important;
--color-base: #d7e0ea !important;
--color-base--subtle: #93a4b5 !important;
--color-base--emphasized: #eef3fa !important;
}
/* ============================================================
HOMEPAGE — starcitizen.tools style
============================================================ */
.evewiki-hp {
max-width: 1200px;
margin: 0 auto;
padding: 0 0 48px;
}
/* --- HERO --- */
.evewiki-hp-hero {
text-align: center;
padding: 56px 24px 48px;
}
.evewiki-hp-hero-eyebrow {
font-family: 'Rajdhani', sans-serif;
font-size: 14px;
color: #93a4b5;
margin-bottom: 10px;
letter-spacing: 1px;
}
.evewiki-hp-hero-title {
font-family: 'Orbitron', sans-serif;
font-size: clamp(38px, 6vw, 72px);
font-weight: 900;
color: #eef3fa;
letter-spacing: 4px;
line-height: 1;
margin-bottom: 14px;
text-transform: uppercase;
}
.evewiki-accent-dot { color: #4fc3e8; }
.evewiki-hp-hero-sub {
font-family: 'Rajdhani', sans-serif;
font-size: 16px;
color: #93a4b5;
max-width: 560px;
margin: 0 auto 36px;
line-height: 1.6;
}
/* Search bar — pure CSS + JS, no extension needed */
.evewiki-hp-search { max-width: 580px; margin: 0 auto; }
.evewiki-hp-search-inner {
display: flex;
align-items: center;
background: #131720;
border: 1px solid #2e3f58;
border-radius: 40px;
padding: 4px 6px 4px 18px;
gap: 8px;
transition: border-color .15s, box-shadow .15s;
}
.evewiki-hp-search-inner:focus-within {
border-color: #4fc3e8;
box-shadow: 0 0 0 3px rgba(79,195,232,.12);
}
.evewiki-hp-search-icon {
display: flex;
align-items: center;
flex-shrink: 0;
opacity: .5;
color: #4fc3e8;
font-size: 15px;
}
/* Hide the broken File link if Search-icon.svg isn't uploaded */
.evewiki-hp-search-icon a,
.evewiki-hp-search-icon img { display: none; }
.evewiki-hp-search-icon::before {
content: '⌕';
font-size: 18px;
color: #4fc3e8;
display: block;
}
.evewiki-hp-search-input {
flex: 1;
background: none;
border: none;
outline: none;
color: #d7e0ea;
font-family: 'Rajdhani', sans-serif;
font-size: 15px;
font-weight: 500;
padding: 11px 0;
letter-spacing: .3px;
box-shadow: none;
-webkit-appearance: none;
}
.evewiki-hp-search-input::placeholder { color: #4e5f72; }
.evewiki-hp-search-btn {
background: #4fc3e8;
border: none;
border-radius: 30px;
color: #0d0f14;
font-family: 'Orbitron', sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
padding: 10px 20px;
cursor: pointer;
text-transform: uppercase;
transition: background .15s;
white-space: nowrap;
flex-shrink: 0;
}
.evewiki-hp-search-btn:hover { background: #80d8f5; }
/* Also wire Enter key via CSS trick + JS in Common.js */
/* --- CATEGORY CARDS --- */
.evewiki-hp-cats {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 6px;
margin-bottom: 20px;
}
.evewiki-hp-cat {
position: relative;
height: 88px;
background: #131720 center/cover no-repeat;
overflow: hidden;
border-radius: 4px;
border: 1px solid #1a2230;
cursor: pointer;
transition: border-color .15s, transform .15s;
}
.evewiki-hp-cat:hover {
border-color: #4fc3e8;
transform: translateY(-2px);
}
/* Fallback color accents per category when no image uploaded */
.evewiki-hp-cat--ships { border-top: 2px solid #4fc3e8; }
.evewiki-hp-cat--wormholes { border-top: 2px solid #c8a84b; }
.evewiki-hp-cat--combat { border-top: 2px solid #cc4444; }
.evewiki-hp-cat--modules { border-top: 2px solid #4fc3e8; }
.evewiki-hp-cat--pvp { border-top: 2px solid #e08040; }
.evewiki-hp-cat--npcs { border-top: 2px solid #cc4444; }
.evewiki-hp-cat--industry { border-top: 2px solid #3acc7a; }
.evewiki-hp-cat--guides { border-top: 2px solid #4fc3e8; }
.evewiki-hp-cat--lore { border-top: 2px solid #6655cc; }
.evewiki-hp-cat--market { border-top: 2px solid #3acc7a; }
.evewiki-hp-cat-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(13,15,20,.1) 0%, rgba(13,15,20,.75) 100%);
transition: opacity .15s;
}
.evewiki-hp-cat:hover .evewiki-hp-cat-overlay { opacity: .6; }
.evewiki-hp-cat-label {
position: absolute;
bottom: 0; left: 0; right: 0;
text-align: center;
padding: 8px 4px;
font-family: 'Rajdhani', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #eef3fa;
z-index: 1;
}
.evewiki-hp-cat-label a {
color: #eef3fa !important;
text-decoration: none !important;
display: block;
}
.evewiki-hp-cat:hover .evewiki-hp-cat-label a { color: #4fc3e8 !important; }
/* --- THREE COL ROW --- */
.evewiki-hp-row {
display: grid;
grid-template-columns: 240px 1fr 200px;
gap: 8px;
margin-bottom: 8px;
align-items: start;
}
.evewiki-hp-row--bottom {
grid-template-columns: 1fr 1fr 220px;
}
/* --- PANELS (shared) --- */
.evewiki-hp-panel {
background: #131720;
border: 1px solid #1a2230;
border-radius: 4px;
overflow: hidden;
}
.evewiki-hp-panel-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 14px;
border-bottom: 1px solid #1a2230;
background: #0f1218;
}
.evewiki-hp-panel-head--gold { border-bottom-color: #3a2e12; }
.evewiki-hp-panel-title {
font-family: 'Rajdhani', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #d7e0ea;
}
.evewiki-hp-panel-arrow { font-size: 10px; color: #4fc3e8; }
.evewiki-hp-panel-body { padding: 14px; }
/* --- FEATURED --- */
.evewiki-hp-featured { position: relative; }
.evewiki-hp-featured-img {
height: 140px;
overflow: hidden;
background: #0a0c10;
display: block;
}
.evewiki-hp-featured-img img,
.evewiki-hp-featured-img a img {
width: 100%;
height: 140px;
object-fit: cover;
display: block;
}
.evewiki-hp-featured-badge {
position: absolute;
top: 8px; right: 8px;
font-family: 'Orbitron', sans-serif;
font-size: 8px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #0d0f14;
background: #4fc3e8;
padding: 3px 8px;
border-radius: 2px;
}
.evewiki-hp-featured-body { padding: 12px 14px; }
.evewiki-hp-featured-title {
font-family: 'Orbitron', sans-serif;
font-size: 14px;
font-weight: 700;
color: #eef3fa;
margin-bottom: 6px;
}
.evewiki-hp-featured-title a { color: #eef3fa !important; }
.evewiki-hp-featured-title a:hover { color: #4fc3e8 !important; }
.evewiki-hp-featured-desc {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
color: #93a4b5;
line-height: 1.5;
margin-bottom: 10px;
}
.evewiki-hp-featured-link a {
font-family: 'Rajdhani', sans-serif;
font-size: 12px;
font-weight: 600;
color: #4fc3e8 !important;
}
/* --- STATS --- */
.evewiki-hp-stat-desc {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
color: #93a4b5;
line-height: 1.5;
margin-bottom: 14px;
}
.evewiki-hp-stat-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
}
.evewiki-hp-stat {
background: #0d0f14;
border: 1px solid #1a2230;
padding: 10px 8px;
text-align: center;
border-radius: 2px;
}
.evewiki-hp-stat-label {
font-family: 'Rajdhani', sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #4e5f72;
margin-bottom: 4px;
}
.evewiki-hp-stat-val {
font-family: 'JetBrains Mono', monospace;
font-size: 22px;
color: #4fc3e8;
line-height: 1;
}
/* --- ON THE WIKI --- */
.evewiki-hp-onwiki-links { display: flex; flex-direction: column; gap: 3px; }
.evewiki-hp-onwiki-link {
padding: 8px 10px;
background: #0d0f14;
border: 1px solid #1a2230;
border-radius: 2px;
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
font-weight: 600;
text-align: center;
transition: border-color .12s, background .12s;
}
.evewiki-hp-onwiki-link:hover {
border-color: #2e3f58;
background: #131720;
}
.evewiki-hp-onwiki-link a {
color: #d7e0ea !important;
text-decoration: none !important;
display: block;
}
.evewiki-hp-onwiki-link:hover a { color: #4fc3e8 !important; }
/* --- WORMHOLE PANEL --- */
.evewiki-hp-wh-grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.evewiki-hp-wh-col { padding: 12px 14px; border-right: 1px solid #1a2230; }
.evewiki-hp-wh-col:last-child { border-right: none; }
.evewiki-hp-wh-col-head {
font-family: 'JetBrains Mono', monospace;
font-size: 9px;
color: #c8a84b;
letter-spacing: 2px;
text-transform: uppercase;
padding-bottom: 8px;
border-bottom: 1px solid #3a2e12;
margin-bottom: 8px;
}
.evewiki-hp-wh-links { display: flex; flex-direction: column; gap: 4px; }
.evewiki-hp-wh-link {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
color: #d7e0ea;
display: flex;
align-items: center;
gap: 6px;
}
.evewiki-hp-wh-link a { color: #d7e0ea !important; }
.evewiki-hp-wh-link a:hover { color: #4fc3e8 !important; }
/* --- UPDATES --- */
.evewiki-hp-update-list { margin-bottom: 10px; }
.evewiki-hp-update-item {
font-family: 'Rajdhani', sans-serif;
font-size: 13px;
color: #93a4b5;
padding: 7px 0;
border-bottom: 1px solid #1a2230;
}
.evewiki-hp-update-item:last-child { border-bottom: none; }
.evewiki-hp-update-item a { color: #4fc3e8 !important; }
.evewiki-hp-updates-more {
font-family: 'Rajdhani', sans-serif;
font-size: 12px;
font-weight: 600;
color: #4e5f72;
text-align: right;
}
.evewiki-hp-updates-more a { color: #4e5f72 !important; }
.evewiki-hp-updates-more a:hover { color: #4fc3e8 !important; }
/* --- COMMUNITY --- */
.evewiki-hp-community-btn {
display: block;
text-align: center;
padding: 12px;
border-radius: 4px;
margin-bottom: 8px;
font-family: 'Rajdhani', sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
cursor: pointer;
transition: opacity .15s;
}
.evewiki-hp-community-btn:hover { opacity: .85; }
.evewiki-hp-community-btn a { text-decoration: none !important; display: block; }
.evewiki-hp-community-btn--discord { background: #5865f2; }
.evewiki-hp-community-btn--discord a { color: #fff !important; }
.evewiki-hp-community-btn--nvio {
background: #1a4a60;
border: 1px solid #2a8cb0;
}
.evewiki-hp-community-btn--nvio a { color: #4fc3e8 !important; }
.evewiki-hp-community-note {
font-family: 'Rajdhani', sans-serif;
font-size: 11px;
color: #4e5f72;
line-height: 1.5;
margin-top: 8px;
text-align: center;
}
.evewiki-hp-community-note a { color: #4e5f72 !important; }
.evewiki-hp-community-note a:hover { color: #93a4b5 !important; }
/* --- RESPONSIVE --- */
@media (max-width: 1000px) {
.evewiki-hp-cats { grid-template-columns: repeat(5, 1fr); }
.evewiki-hp-row { grid-template-columns: 1fr 1fr; }
.evewiki-hp-row--bottom { grid-template-columns: 1fr 1fr; }
.evewiki-hp-onwiki,
.evewiki-hp-community { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
.evewiki-hp-cats { grid-template-columns: repeat(3, 1fr); }
.evewiki-hp-row,
.evewiki-hp-row--bottom { grid-template-columns: 1fr; }
.evewiki-hp-hero-title { font-size: 36px; }
.evewiki-hp-wh-grid { grid-template-columns: 1fr; }
}
/* ============================================================
INPUTBOX SEARCH STYLING — hero search bar
Targets the form generated by the InputBox extension
============================================================ */
/* Wrapper div InputBox generates */
.evewiki-hp-search .mw-inputbox-centered,
.evewiki-hp-search form {
display: flex !important;
align-items: center !important;
background: #131720 !important;
border: 1px solid #2e3f58 !important;
border-radius: 40px !important;
padding: 4px 6px 4px 20px !important;
gap: 0 !important;
max-width: 580px !important;
margin: 0 auto !important;
transition: border-color .15s, box-shadow .15s !important;
box-sizing: border-box !important;
}
.evewiki-hp-search form:focus-within {
border-color: #4fc3e8 !important;
box-shadow: 0 0 0 3px rgba(79,195,232,.12) !important;
}
/* The text input field */
.evewiki-hp-search input[type="text"],
.evewiki-hp-search input[type="search"] {
flex: 1 !important;
background: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 12px 8px !important;
letter-spacing: .3px !important;
width: auto !important;
-webkit-appearance: none !important;
}
.evewiki-hp-search input[type="text"]::placeholder,
.evewiki-hp-search input[type="search"]::placeholder {
color: #4e5f72 !important;
}
/* The submit button */
.evewiki-hp-search input[type="submit"],
.evewiki-hp-search button[type="submit"] {
background: #4fc3e8 !important;
border: none !important;
border-radius: 30px !important;
color: #0d0f14 !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
padding: 10px 22px !important;
cursor: pointer !important;
text-transform: uppercase !important;
transition: background .15s !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
height: auto !important;
line-height: 1 !important;
}
.evewiki-hp-search input[type="submit"]:hover {
background: #80d8f5 !important;
}
/* Hide InputBox's default table layout if it renders as table */
.evewiki-hp-search table,
.evewiki-hp-search td,
.evewiki-hp-search tr {
display: contents !important;
border: none !important;
background: none !important;
padding: 0 !important;
}
/* ============================================================
INPUTBOX FIX — override its default block/table layout
============================================================ */
/* InputBox wraps everything in a div.mw-inputbox-centered */
.evewiki-hp-search .mw-inputbox-centered {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
background: #131720 !important;
border: 1px solid #2e3f58 !important;
border-radius: 40px !important;
padding: 4px 6px 4px 20px !important;
max-width: 580px !important;
margin: 0 auto !important;
gap: 8px !important;
transition: border-color .15s, box-shadow .15s !important;
}
.evewiki-hp-search .mw-inputbox-centered:focus-within {
border-color: #4fc3e8 !important;
box-shadow: 0 0 0 3px rgba(79,195,232,.12) !important;
}
/* The input field */
.evewiki-hp-search .mw-inputbox-centered input[type="text"] {
flex: 1 !important;
background: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 12px 0 !important;
min-width: 0 !important;
width: auto !important;
-webkit-appearance: none !important;
}
.evewiki-hp-search .mw-inputbox-centered input[type="text"]::placeholder {
color: #4e5f72 !important;
}
/* Hide "Search full text" button — keep only primary Search */
.evewiki-hp-search .mw-inputbox-centered input[name="fulltext"] {
display: none !important;
}
/* Primary Search button */
.evewiki-hp-search .mw-inputbox-centered input[type="submit"],
.evewiki-hp-search .mw-inputbox-centered button {
background: #4fc3e8 !important;
border: none !important;
border-radius: 30px !important;
color: #0d0f14 !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
padding: 10px 22px !important;
cursor: pointer !important;
text-transform: uppercase !important;
transition: background .15s !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
height: auto !important;
line-height: 1.2 !important;
margin: 0 !important;
}
.evewiki-hp-search .mw-inputbox-centered input[type="submit"]:hover {
background: #80d8f5 !important;
}
/* Kill any br tags InputBox injects between elements */
.evewiki-hp-search .mw-inputbox-centered br {
display: none !important;
}
/* ============================================================
INPUTBOX FIX v3 — exact class targeting from inspect
============================================================ */
/* Nuke all previous inputbox wrapper styles and start clean */
.evewiki-hp-search .mw-inputbox-centered,
.evewiki-hp-search form,
.evewiki-hp-search table,
.evewiki-hp-search td,
.evewiki-hp-search tr,
.evewiki-hp-search tbody {
display: block !important;
background: none !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
gap: 0 !important;
box-shadow: none !important;
width: 100% !important;
max-width: none !important;
}
/* The actual wrapper we build */
.evewiki-hp-search {
max-width: 580px;
margin: 0 auto 8px;
background: #131720;
border: 1px solid #2e3f58;
border-radius: 40px;
display: flex;
align-items: center;
padding: 4px 6px 4px 20px;
gap: 8px;
transition: border-color .15s, box-shadow .15s;
}
.evewiki-hp-search:focus-within {
border-color: #4fc3e8;
box-shadow: 0 0 0 3px rgba(79,195,232,.12);
}
/* The actual input — exact class from inspect */
.evewiki-hp-search .mw-inputbox-input,
.evewiki-hp-search input.mw-searchInput,
.evewiki-hp-search input.searchboxInput,
.evewiki-hp-search input.cdx-text-input__input {
flex: 1 !important;
background: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
color: #d7e0ea !important;
font-family: 'Rajdhani', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 12px 0 !important;
width: 100% !important;
min-width: 0 !important;
border-radius: 0 !important;
-webkit-appearance: none !important;
display: block !important;
}
.evewiki-hp-search .mw-inputbox-input::placeholder {
color: #4e5f72 !important;
}
/* Codex text input wrapper — flatten it */
.evewiki-hp-search .cdx-text-input,
.evewiki-hp-search .cdx-text-input__input-chip-wrapper {
background: none !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
flex: 1 !important;
min-width: 0 !important;
}
/* Hide the "Search full text" button */
.evewiki-hp-search input[name="fulltext"],
.evewiki-hp-search input.mw-inputbox-fulltext {
display: none !important;
}
/* Primary Search button */
.evewiki-hp-search input[type="submit"]:not([name="fulltext"]),
.evewiki-hp-search button[type="submit"] {
background: #4fc3e8 !important;
border: none !important;
border-radius: 30px !important;
color: #0d0f14 !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
padding: 10px 22px !important;
cursor: pointer !important;
text-transform: uppercase !important;
transition: background .15s !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
display: inline-block !important;
height: auto !important;
line-height: 1.2 !important;
margin: 0 !important;
-webkit-appearance: none !important;
}
.evewiki-hp-search input[type="submit"]:not([name="fulltext"]):hover {
background: #80d8f5 !important;
}
/* Kill br tags and any Codex icon elements */
.evewiki-hp-search br,
.evewiki-hp-search .cdx-text-input__icon,
.evewiki-hp-search .cdx-text-input__indicator {
display: none !important;
}
/* ============================================================
INPUTBOX — minor padding fix, placeholder not clipped
============================================================ */
.evewiki-hp-search {
padding-left: 24px !important;
}
.evewiki-hp-search .mw-inputbox-input,
.evewiki-hp-search input.mw-searchInput,
.evewiki-hp-search input.cdx-text-input__input {
padding-left: 4px !important;
}
/* ============================================================
INPUTBOX FIX v4 — force inline flex on the form itself
============================================================ */
/* Target the actual form element InputBox generates */
.evewiki-hp-search form,
.evewiki-hp-search .mw-inputbox-centered form {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
background: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* The Codex wrapper around the input — make it flex too */
.evewiki-hp-search .cdx-text-input,
.evewiki-hp-search .cdx-search-input,
.evewiki-hp-search .cdx-search-input__input-wrapper {
flex: 1 !important;
min-width: 0 !important;
background: none !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
}
/* Force button to not wrap */
.evewiki-hp-search input[type="submit"] {
flex-shrink: 0 !important;
align-self: center !important;
display: inline-flex !important;
align-items: center !important;
}
/* Kill the Codex search button that appears separately */
.evewiki-hp-search .cdx-search-input__end-button,
.evewiki-hp-search .cdx-button {
display: none !important;
}
/* 8 category cards — 4 per row looks better than 5 */
.evewiki-hp-cats {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 680px) {
.evewiki-hp-cats {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}