MediaWiki:Common.css: Difference between revisions
Appearance
![]() Cdjensen94 (talk | contribs) |
![]() Cdjensen94 (talk | contribs) |
||
Line 1,086: | Line 1,086: | ||
} | } | ||
/* Portable Infobox - Dark Theme with Navy & Orange */ | /* Portable Infobox - Dark Theme with Navy & Orange */ | ||
.pi-secondary-background { | |||
background-color: #001933; /* Deep Navy for dark mode */ | background-color: #001933; /* Deep Navy for dark mode */ | ||
background-color: var(--pi-secondary-background, #001933); /* Fallback to Navy */ | background-color: var(--pi-secondary-background, #001933); /* Fallback to Navy */ | ||
Line 1,094: | Line 1,094: | ||
/* Infobox Headings */ | /* Infobox Headings */ | ||
.pi-header { | |||
background-color: #002b5c; /* Slightly lighter navy for header */ | background-color: #002b5c; /* Slightly lighter navy for header */ | ||
color: #ff851b; /* Bright Orange for header text */ | color: #ff851b; /* Bright Orange for header text */ | ||
Line 1,101: | Line 1,101: | ||
/* Infobox Data Fields */ | /* Infobox Data Fields */ | ||
.pi-data { | |||
background-color: #001f3f; /* Dark Navy for data rows */ | background-color: #001f3f; /* Dark Navy for data rows */ | ||
color: #ffffff; /* White text */ | color: #ffffff; /* White text */ | ||
Line 1,108: | Line 1,108: | ||
/* Infobox Labels */ | /* Infobox Labels */ | ||
.pi-data-label { | |||
color: #ff851b; /* Bright Orange labels */ | color: #ff851b; /* Bright Orange labels */ | ||
} | } | ||
/* Infobox Images */ | /* Infobox Images */ | ||
.pi-image img { | |||
border: 2px solid #ff851b; /* Bright Orange border */ | border: 2px solid #ff851b; /* Bright Orange border */ | ||
border-radius: 4px; | border-radius: 4px; | ||
Line 1,120: | Line 1,120: | ||
/* Hover Effects */ | /* Hover Effects */ | ||
.pi-data:hover { | |||
background-color: #002b5c; /* Slightly lighter navy on hover */ | background-color: #002b5c; /* Slightly lighter navy on hover */ | ||
} | } | ||
/* Infobox Footer */ | /* Infobox Footer */ | ||
.pi-footer { | |||
background-color: #001f3f; | background-color: #001f3f; | ||
color: #ffffff; | color: #ffffff; |