|
|
| Line 1: |
Line 1: |
| /* 1. Apply the banner image globally across the entire screen width */
| | :root { |
| body {
| | --wiki-bg: #f8f4e3; |
| background-color: #f4f1ea !important; /* Base site color below the header */
| | --wiki-surface: #ece6d3; |
| background-image: url('https://kintara.gg/site/img/bg1.png') !important;
| | --wiki-border: #c8b89a; |
| background-position: top center !important;
| | --wiki-accent: #8b6914; |
| | --wiki-text: #2c2416; |
| | --wiki-link: #4a3b8c; |
| } | | } |
|
| |
|
| #mw-page-base, #mw-head-base {
| | body { |
| background-image: none !important;
| | background-color: var(--wiki-bg); |
| background-color: transparent !important;
| | color: var(--wiki-text); |
| }
| |
| | |
| | |
| | |
| /* 2. Resize and scale the actual logo image inside the link */
| |
| #p-logo a {
| |
| display: block !important;
| |
| width: 120px !important; /* Change this value to resize the width */
| |
| height: 120px !important; /* Change this value to resize the height */
| |
| background-size: contain !important; /* Forces the image to scale perfectly without cutting off */
| |
| background-position: center !important;
| |
| background-repeat: no-repeat !important;
| |
| margin: 0 auto !important; /* Centers the logo image inside the 160px column box */
| |
| }
| |
| | |
| | |
| /* 5. Force the header text and navigation labels to be Pale Greenish-Yellow */
| |
| #p-personal ul li a,
| |
| .vectorTabs li a,
| |
| #p-search h3,
| |
| .vectorMenu h3 span,
| |
| #mw-panel div.portal h3 {
| |
| color: #d8eb78 !important; /* Pale greenish-yellow */
| |
| text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9) !important; /* Keeps it legible against the banner */
| |
| }
| |
| | |
| /* 6. Fix user link hover states so they shift colors cleanly when highlighted */
| |
| #p-personal ul li a:hover,
| |
| .vectorTabs li a:hover {
| |
| color: #ffffff !important; /* Shifts to pure white on hover for a nice interactive feel */
| |
| }
| |
| | |
| /* 7. Update the active/selected tab outline structure */
| |
| .vectorTabs li.selected a {
| |
| background-color: rgba(216, 235, 120, 0.18) !important; /* Transparent greenish-yellow tint background */
| |
| border: 1px solid rgba(216, 235, 120, 0.4) !important; /* Soft glow border around the tab */
| |
| border-radius: 4px;
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| /* 8. Optional: Change the magnifying glass search button tint to match */
| |
| #searchButton {
| |
| filter: invert(88%) sepia(21%) saturate(990%) hue-rotate(24deg) brightness(97%) contrast(93%) !important;
| |
| }
| |
| | |
| /* 1. Target the left sidebar link text, make them greenish-yellow, and add boldness */
| |
| #mw-panel div.portal div.body ul li a {
| |
| color: #d8eb78 !important;
| |
| font-weight: 700 !important; /* Makes text thick and bold */
| |
| text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important; /* Adds depth so text pops against the sidebar background */
| |
| transition: color 0.2s ease-in-out;
| |
| }
| |
| | |
| /* 2. Change the sidebar links to white when you hover your mouse over them */
| |
| #mw-panel div.portal div.body ul li a:hover {
| |
| color: #ffffff !important;
| |
| text-decoration: underline !important;
| |
| }
| |
| | |
| /* 3. Make all the top header navigation and tabs extra bold as well */
| |
| #p-personal ul li a,
| |
| .vectorTabs li a,
| |
| #p-search h3,
| |
| .vectorMenu h3 span,
| |
| #mw-panel div.portal h3 {
| |
| font-weight: 700 !important; /* Changes text style from regular to crisp bold */
| |
| letter-spacing: 0.5px !important; /* Slightly spaces letters for a cleaner layout look */
| |
| }
| |
| | |
| /* Target the actual navigation links inside the left sidebar boxes */
| |
| #mw-panel div.portal div.body ul li a,
| |
| #mw-panel div.portal div.body ul li a:visited {
| |
| color: #d8eb78 !important; /* Pale greenish-yellow */
| |
| font-weight: 800 !important; /* Extra bold for high clarity */
| |
| text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8), -1px -1px 3px rgba(0, 0, 0, 0.8) !important; /* Creates a clean dark outline effect */
| |
| font-size: 13px !important; /* Slightly larger readable font sizing */
| |
| text-decoration: none !important;
| |
| } | | } |
|
| |
|
| /* Hover state: changes color to pure white when highlighted by a mouse */ | | /* Navigation sidebar */ |
| #mw-panel div.portal div.body ul li a:hover { | | #mw-panel { |
| color: #ffffff !important;
| | background: var(--wiki-surface); |
| text-decoration: underline !important;
| | border-right: 1px solid var(--wiki-border); |
| } | | } |
|
| |
|
| /* Also color the section headers ("Tools", "Navigation") just above the links */ | | /* Content area */ |
| #mw-panel div.portal h3 { | | #content { |
| color: #ffffff !important; /* Crisp white for section titles */
| | background: var(--wiki-bg); |
| font-weight: 800 !important;
| | border: 1px solid var(--wiki-border); |
| text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9) !important;
| |
| } | | } |