MediaWiki:Infobox.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* TABS */
.pi-media-collection-tabs {
font-size: 1.2em;
padding: 6px 4px 6px 4px;
max-width: fit-content;
}
.pi-tab-link {
padding: 8px;
border: none;
width:100%;
color: var(--gray-500);
}
.pi-media-collection .pi-tab-link.current {
padding: 8px;
border: none;
/* border-bottom: 3px solid var(--light-blue); */
background-color: var(--gray-100);
border-radius: 4px;
width:100%;
font-weight: 500;
}
/* Avoid tabs from going off-screen and needing horizontal scrooling */
.pi-media-collection-tabs {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
margin-left: 0 !important;
}
/* VALUES */
.portable-infobox .pi-data-value {
margin: 0.5em 0; /* align values to labels */
}
.portable-infobox {
border: 1px solid var(--border-color);
background-color: var(--gray-050);
}
.portable-infobox .pi-title {
background: var(--brown-300);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.pi-title p {
margin: 4px 0;
text-align: center;
}
.portable-infobox .pi-header {
background: var(--brown-100);
}
.pi-header p {
margin: 8px 0;
text-align: center;
}
.portable-infobox .pi-border-color {
border-color: var(--border-color);
}