MediaWiki:Common.css: Difference between revisions
Appearance
Tag: Undo |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Hackerpedia Professional Tech Theme */ | /* Hackerpedia Professional Tech Theme - FULL INTERFACE */ | ||
body { | |||
background-color: #0b0e14 !important; | /* 1. Global Background & Text */ | ||
color: #ffffff !important; | /* Targets the HTML root and all major containers to eliminate white space */ | ||
html, body, #mw-page-base, #mw-head-base, #content, #mw-navigation, .mw-body { | |||
background-color: #0b0e14 !important; | |||
color: #ffffff !important; | |||
font-family: 'Segoe UI', Arial, sans-serif; | font-family: 'Segoe UI', Arial, sans-serif; | ||
} | } | ||
/* Headings in high-contrast yellow */ | /* 2. Headings in high-contrast yellow */ | ||
h1, h2, h3 { | h1, h2, h3, .firstHeading { | ||
color: #ffcc00 !important; | color: #ffcc00 !important; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #3d444d !important; | ||
font-family: 'Courier New', monospace; | font-family: 'Courier New', monospace; | ||
} | } | ||
/* The Definition Container */ | /* 3. The Definition Container */ | ||
.cyber-term-box { | .cyber-term-box { | ||
background-color: #1a1f26; /* Dark slate box */ | background-color: #1a1f26; /* Dark slate box */ | ||
| Line 20: | Line 23: | ||
padding: 25px; | padding: 25px; | ||
margin: 20px 0; | margin: 20px 0; | ||
color: #ffffff; | color: #ffffff !important; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
/* Force links to be a clear, bright blue */ | /* 4. Sidebar & Navigation Panels */ | ||
a { | /* This ensures the left menu and top tabs don't stay white */ | ||
.mw-sidebar, #mw-panel, .vector-menu-portal, .vector-menu-content, | |||
#p-navigation, #p-tb, #p-lang, .vector-main-menu { | |||
background-color: #0b0e14 !important; | |||
color: #ffffff !important; | |||
} | |||
/* 5. Force links to be a clear, bright blue */ | |||
a, .vector-menu-tabs li a { | |||
color: #58a6ff !important; | color: #58a6ff !important; | ||
font-weight: bold; | font-weight: bold; | ||
text-decoration: none; | |||
} | } | ||
a:visited { | a:visited { | ||
color: #a371f7 !important; | color: #a371f7 !important; | ||
} | |||
a:hover { | |||
text-decoration: underline; | |||
color: #79c0ff !important; | |||
} | |||
/* 6. Fix for Tabs and Search Bar */ | |||
/* Style the top 'Read', 'Edit', and 'View history' tabs */ | |||
.vector-menu-tabs, .vector-menu-tabs li { | |||
background-color: #1a1f26 !important; | |||
background-image: none !important; | |||
border: 1px solid #3d444d !important; | |||
} | |||
#searchInput { | |||
background-color: #0d1117 !important; | |||
color: #ffffff !important; | |||
border: 1px solid #3d444d !important; | |||
} | |||
/* 7. Footer area */ | |||
#footer, .mw-footer { | |||
background-color: #0b0e14 !important; | |||
color: #8b949e !important; | |||
border-top: 1px solid #333 !important; | |||
} | } | ||
Revision as of 02:04, 16 January 2026
/* Hackerpedia Professional Tech Theme - FULL INTERFACE */
/* 1. Global Background & Text */
/* Targets the HTML root and all major containers to eliminate white space */
html, body, #mw-page-base, #mw-head-base, #content, #mw-navigation, .mw-body {
background-color: #0b0e14 !important;
color: #ffffff !important;
font-family: 'Segoe UI', Arial, sans-serif;
}
/* 2. Headings in high-contrast yellow */
h1, h2, h3, .firstHeading {
color: #ffcc00 !important;
border-bottom: 1px solid #3d444d !important;
font-family: 'Courier New', monospace;
}
/* 3. The Definition Container */
.cyber-term-box {
background-color: #1a1f26; /* Dark slate box */
border: 1px solid #3d444d;
border-left: 6px solid #ffcc00; /* Thick yellow bar */
padding: 25px;
margin: 20px 0;
color: #ffffff !important;
border-radius: 4px;
}
/* 4. Sidebar & Navigation Panels */
/* This ensures the left menu and top tabs don't stay white */
.mw-sidebar, #mw-panel, .vector-menu-portal, .vector-menu-content,
#p-navigation, #p-tb, #p-lang, .vector-main-menu {
background-color: #0b0e14 !important;
color: #ffffff !important;
}
/* 5. Force links to be a clear, bright blue */
a, .vector-menu-tabs li a {
color: #58a6ff !important;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #a371f7 !important;
}
a:hover {
text-decoration: underline;
color: #79c0ff !important;
}
/* 6. Fix for Tabs and Search Bar */
/* Style the top 'Read', 'Edit', and 'View history' tabs */
.vector-menu-tabs, .vector-menu-tabs li {
background-color: #1a1f26 !important;
background-image: none !important;
border: 1px solid #3d444d !important;
}
#searchInput {
background-color: #0d1117 !important;
color: #ffffff !important;
border: 1px solid #3d444d !important;
}
/* 7. Footer area */
#footer, .mw-footer {
background-color: #0b0e14 !important;
color: #8b949e !important;
border-top: 1px solid #333 !important;
}