MediaWiki:Gadget-Infobox.css: Difference between revisions
Tag: Undo |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
/* Custom stuff */ | /* Custom stuff */ | ||
.portable-infobox { | .portable-infobox { | ||
--pi-background: var(--theme-page-background-color); | --pi-background: var(--theme-page-background-color); | ||
| Line 16: | Line 15: | ||
border: 1px solid var(--pi-border); | border: 1px solid var(--pi-border); | ||
color: var(--theme-page-text-color); | color: var(--theme-page-text-color); | ||
border-radius: 10px !important; | |||
overflow: hidden; | |||
} | |||
.skin-vector-legacy .portable-infobox { | |||
width: 270px; | width: 270px; | ||
} | |||
.skin-minerva .portable-infobox { | |||
margin-bottom: 1em; | |||
} | } | ||
| Line 26: | Line 34: | ||
.portable-infobox .pi-header[data-item-name=secondary_title] { | .portable-infobox .pi-header[data-item-name=secondary_title] { | ||
padding-top: 0; | padding-top: 0; | ||
} | |||
.skin-minerva .portable-infobox .pi-secondary-background { | |||
text-align: center; | |||
} | } | ||
| Line 80: | Line 92: | ||
.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 89: | Line 109: | ||
border-radius: 5px !important; | border-radius: 5px !important; | ||
float: right !important; | float: right !important; | ||
} | } | ||
.portable-infobox.pi-type-anima .pi-title { | .portable-infobox.pi-type-anima .pi-title { | ||
text-align: left; | text-align: left; | ||
} | |||
.skin-minerva .portable-infobox.pi-type-anima .pi-title { | |||
padding-bottom: 9px; | |||
} | } | ||
| Line 110: | Line 128: | ||
padding-top: 10px !important; | padding-top: 10px !important; | ||
text-transform: none; | text-transform: none; | ||
border-bottom: 1px solid var(--theme-border-color); | |||
} | } | ||
| Line 119: | Line 138: | ||
.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 166: | ||
} | } | ||
/* Fix tabs in infobox */ | /* Fix tabs in infobox (delete) */ | ||
.portable-infobox .wds-tabs { | .portable-infobox .wds-tabs { | ||
width: 100%; | width: 100%; | ||
| Line 168: | Line 202: | ||
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%; | ||
} | } | ||