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.
.portable-infobox {
float: right;
clear: right;
font-size: .9em;
max-width: 300px;
}
.pi-caption {
font-size: 1.15em;
color: var(--theme-page-text-color);
}
.pi-item-spacing.pi-caption {
padding: 4px 8px;
}
.pi-image-thumbnail {
min-width: fit-content;
height: auto;
max-width: 100%;
}
/* || TABS */
.pi-media-collection .pi-media-collection-tabs {
font-size: 1.2em;
padding: 6px 4px 6px 4px;
width: auto;
max-width: none;
}
.pi-media-collection .pi-tab-link {
padding: 8px;
border: none;
color: var(--gray-500);
flex-grow: 1;
}
.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;
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 {
border: 1px solid var(--theme-border-color);
background-color: var(--theme-accent-bg);
}
.portable-infobox .pi-data-label {
margin: 2px 6px;
padding: 0;
font-weight: 500;
}
.portable-infobox .pi-data-value {
padding: 7px; /* align values to labels */
}
.portable-infobox .pi-title {
background: var(--brown-300);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
text-align: center;
font-weight: 500;
}
.pi-title p {
margin: 4px 0;
font-size: .85em;
}
.portable-infobox .pi-header {
background: var(--brown-100);
text-align: center;
font-weight: 500;
}
.pi-header p {
margin: 8px 0;
}
.portable-infobox .pi-border-color {
border-color: var(--theme-border-color);
}
/* || RESPONSIVE */
@media screen and (max-width: 720px){
.portable-infobox {
font-size: .85em;
}
}
@media screen and (max-width:600px){
.portable-infobox {
max-width: 100%;
margin: 0 0 16px 0;
}
.pi-media-collection .pi-media-collection-tabs {
width: auto;
max-width: none;
}
}