Jump to content

MediaWiki:Common.css: Difference between revisions

Line 1,086: Line 1,086:
}
}
/* Portable Infobox - Dark Theme with Navy & Orange */
/* Portable Infobox - Dark Theme with Navy & Orange */
.portable-infobox .pi-secondary-background {
.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 */
.portable-infobox .pi-header {
.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 */
.portable-infobox .pi-data {
.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 */
.portable-infobox .pi-data-label {
.pi-data-label {
     color: #ff851b; /* Bright Orange labels */
     color: #ff851b; /* Bright Orange labels */
}
}


/* Infobox Images */
/* Infobox Images */
.portable-infobox .pi-image img {
.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 */
.portable-infobox .pi-data:hover {
.pi-data:hover {
     background-color: #002b5c; /* Slightly lighter navy on hover */
     background-color: #002b5c; /* Slightly lighter navy on hover */
}
}


/* Infobox Footer */
/* Infobox Footer */
.portable-infobox .pi-footer {
.pi-footer {
     background-color: #001f3f;
     background-color: #001f3f;
     color: #ffffff;
     color: #ffffff;