MediaWiki:Infobox.css: Difference between revisions
MediaWiki interface page
More actions
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..." |
No edit summary |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/*infobox*/ | /*infobox*/ | ||
.portable-infobox { | .portable-infobox { | ||
background: var(-- | min-width: 340px; | ||
background: var(--background-color-1); | |||
border-radius: 20px; | border-radius: 20px; | ||
padding: 10px; | padding: 10px; | ||
| Line 10: | Line 11: | ||
text-align: center; | text-align: center; | ||
border-radius: 10px; | border-radius: 10px; | ||
color: var(-- | color: var(--color-base); | ||
margin-bottom: 5px !important; | margin-bottom: 5px !important; | ||
} | } | ||
.skin-theme-clientpref-night .pi-title { | .skin-theme-clientpref-night .pi-title, | ||
color: var(- | .skin-theme-clientpref-os .pi-title { | ||
color: var(--background-color-base); | |||
} | } | ||
.pi-data { | .pi-data { | ||
background-color: var(-- | background-color: var(--background-color-2); | ||
border-radius: 10px; | border-radius: 10px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
border: none; | border: none; | ||
} | |||
.pi-data:last-child { | |||
margin-bottom: 0; | |||
} | } | ||
.pi-data-label { | .pi-data-label { | ||
color: var(-- | color: var(--color-progressive); | ||
font-family: 'Inter' !important; | font-family: 'Inter' !important; | ||
font-weight: 700 !important; | font-weight: 700 !important; | ||
} | } | ||
.pi-data | .portable-infobox .pi-data-label { | ||
flex: 95px; | |||
} | } | ||
| Line 48: | Line 54: | ||
.pi-media-collection-tabs .current { | .pi-media-collection-tabs .current { | ||
background-color: var(-- | background-color: var(--background-color-4) !important; | ||
} | } | ||
.pi-media-collection-tabs li { | .pi-media-collection-tabs li { | ||
border-radius: 10px !important; | border-radius: 10px !important; | ||
background-color: var(-- | background-color: var(--background-color-2) !important; | ||
} | } | ||
| Line 59: | Line 65: | ||
max-width: none !important; | max-width: none !important; | ||
flex-grow: 1; | flex-grow: 1; | ||
} | |||
.pi-media-collection .pi-tab-link { | |||
border: 0; | |||
} | |||
.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(--background-color-1) !important; | |||
border-width: 5px !important; | |||
background-color: var(--background-color-2); | |||
} | |||
} | |||
.pi-group { | |||
border: none; | |||
} | } | ||