MediaWiki:Gadget-Infobox.css: Difference between revisions
Tag: Undo |
No edit summary Tags: Mobile edit Mobile web edit |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 16: | Line 16: | ||
border: 1px solid var(--pi-border); | border: 1px solid var(--pi-border); | ||
color: var(--theme-page-text-color); | color: var(--theme-page-text-color); | ||
} | |||
.skin-vector-legacy .portable-infobox { | |||
width: 270px; | width: 270px; | ||
} | } | ||
| Line 80: | Line 83: | ||
.pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color { | .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color { | ||
padding-top: 0; | padding-top: 0; | ||
} | |||
/* remove/replace automatically set margin for li tabs */ | |||
.portable-infobox ul.pi-section-navigation li.pi-section-tab, | |||
.portable-infobox ul.pi-media-collection-tabs li.pi-tab-link { | |||
margin: 3px; | |||
border-radius: 15px; | |||
min-width: max(20%, 100px); | |||
} | } | ||
| Line 119: | Line 130: | ||
.portable-infobox .pi-horizontal-group { | .portable-infobox .pi-horizontal-group { | ||
border-top: 1px solid var(--pi-border); | border-top: 1px solid var(--pi-border); | ||
} | |||
.portable-infobox ul.pi-section-navigation, | |||
.portable-infobox ul.pi-media-collection-tabs { | |||
padding-left: 0; | |||
padding-inline: 0; | |||
margin: 0; | |||
padding: 2px 0; | |||
background-color: var(--theme-color-7); | |||
border-bottom: 1px solid var(--theme-border-color); | |||
} | |||
.portable-infobox .pi-section-tab:not(.pi-section-active), | |||
.portable-infobox .pi-tab-link:not(.current) { | |||
background-color: color-mix(in srgb, var(--theme-accent-color) 25%); | |||
} | } | ||
| Line 132: | Line 158: | ||
} | } | ||
/* Fix tabs in infobox */ | /* Fix tabs in infobox (delete) */ | ||
.portable-infobox .wds-tabs { | .portable-infobox .wds-tabs { | ||
width: 100%; | width: 100%; | ||
| Line 168: | Line 194: | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* end wds tabs */ | |||
.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { | .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||