MediaWiki:Common.css: Difference between revisions
 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 { | .portable-infobox .pi-secondary-background { | ||
background-color: #001933; /* Deep Navy | background-color: #001933; /* Deep Navy */ | ||
background-color: var(--pi-secondary-background, #001933); /* Fallback | background-color: var(--pi-secondary-background, #001933); /* Fallback */ | ||
color: #ffffff; /* White text | color: #ffffff; /* White text */ | ||
border: 1px solid #ff851b; /* Bright Orange border */ | border: 1px solid #ff851b; /* Bright Orange border */ | ||
} | } | ||
/* Infobox | /* Infobox Title */ | ||
.pi-header { | .portable-infobox .pi-title { | ||
background-color: #002b5c; /* Slightly lighter navy | background-color: #002b5c; /* Lighter Navy for title background */ | ||
color: #ff851b; /* Bright Orange | color: #ff851b; /* Bright Orange title text */ | ||
font-size: 1.5em; | |||
font-weight: bold; | |||
text-align: center; | |||
padding: 8px 12px; | |||
border-bottom: 3px solid #ff851b; | |||
border-radius: 4px 4px 0 0; | |||
} | |||
/* Infobox Header */ | |||
.portable-infobox .pi-header { | |||
background-color: #002b5c; /* Slightly lighter navy */ | |||
color: #ff851b; /* Bright Orange header text */ | |||
border-bottom: 2px solid #ff851b; | border-bottom: 2px solid #ff851b; | ||
} | } | ||
/* Infobox Data Fields */ | /* Infobox Data Fields */ | ||
.pi-data { | .portable-infobox .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,120: | ||
/* Infobox Labels */ | /* Infobox Labels */ | ||
.pi-data-label { | .portable-infobox .pi-data-label { | ||
color: #ff851b; /* Bright Orange labels */ | color: #ff851b; /* Bright Orange labels */ | ||
} | } | ||
/* Infobox Images */ | /* Infobox Images */ | ||
.pi-image img { | .portable-infobox .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,132: | ||
/* Hover Effects */ | /* Hover Effects */ | ||
.pi-data:hover { | .portable-infobox .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 { | .portable-infobox .pi-footer { | ||
background-color: #001f3f; | background-color: #001f3f; | ||
color: #ffffff; | color: #ffffff; | ||
| Line 1,148: | Line 1,160: | ||
.portable-infobox ::-webkit-scrollbar-thumb:hover { | .portable-infobox ::-webkit-scrollbar-thumb:hover { | ||
background-color: #ffb84d; | background-color: #ffb84d; | ||
} | } | ||