MediaWiki:Infobox.css: Difference between revisions
Appearance
ReisuDesign (talk | contribs) Created page with "→infobox: .portable-infobox { background: var(--theme-color-1); border-radius: 20px; padding: 10px; } .pi-title { background-color: var(--theme-accent-color); text-align: center; border-radius: 10px; color: var(--page-text-color); margin-bottom: 5px !important; } .skin-theme-clientpref-night .pi-title { color: var(--page-background-color); } .pi-data { background-color: var(--theme-color-3); border-radius: 10px; margin..." |
ReisuDesign (talk | contribs) No edit summary |
||
| Line 59: | Line 59: | ||
max-width: none !important; | max-width: none !important; | ||
flex-grow: 1; | flex-grow: 1; | ||
} | |||
.pi-header { | |||
background-color: transparent !important; | |||
text-align: center; | |||
font-weight: 500 !important; | |||
} | |||
/* Group Styling */ | |||
.pi-horizontal-group { | |||
margin-bottom: 5px; | |||
border: 1px solid transparent !important; | |||
border-spacing: 5px 0; | |||
border-collapse: collapse; | |||
border-radius: 10px; | |||
overflow: hidden; | |||
} | |||
.pi-horizontal-group { | |||
td , th { | |||
border-color: var(--theme-color-1) !important; | |||
border-width: 5px !important; | |||
background-color: var(--theme-color-3); | |||
} | |||
} | |||
.pi-group { | |||
border: none; | |||
} | } | ||
Revision as of 10:25, 11 November 2025
/*infobox*/
.portable-infobox {
background: var(--theme-color-1);
border-radius: 20px;
padding: 10px;
}
.pi-title {
background-color: var(--theme-accent-color);
text-align: center;
border-radius: 10px;
color: var(--page-text-color);
margin-bottom: 5px !important;
}
.skin-theme-clientpref-night .pi-title {
color: var(--page-background-color);
}
.pi-data {
background-color: var(--theme-color-3);
border-radius: 10px;
margin-bottom: 5px;
border: none;
}
.pi-data-label {
color: var(--theme-link-color);
font-family: 'Inter' !important;
font-weight: 700 !important;
}
.pi-data:last-child {
margin-bottom: 0;
}
.pi-image img {
border-radius: 10px;
overflow: hidden;
margin-bottom: 5px !important;
}
.pi-media-collection-tabs {
gap: 5px;
align-items: stretch !important;
margin-bottom: 2px !important;
}
.pi-media-collection-tabs .current {
background-color: var(--theme-color-6) !important;
}
.pi-media-collection-tabs li {
border-radius: 10px !important;
background-color: var(--theme-color-3) !important;
}
.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
max-width: none !important;
flex-grow: 1;
}
.pi-header {
background-color: transparent !important;
text-align: center;
font-weight: 500 !important;
}
/* Group Styling */
.pi-horizontal-group {
margin-bottom: 5px;
border: 1px solid transparent !important;
border-spacing: 5px 0;
border-collapse: collapse;
border-radius: 10px;
overflow: hidden;
}
.pi-horizontal-group {
td , th {
border-color: var(--theme-color-1) !important;
border-width: 5px !important;
background-color: var(--theme-color-3);
}
}
.pi-group {
border: none;
}