MediaWiki:Infobox.css: Difference between revisions
Jump to navigation
Jump to search
Salty Nori (talk | contribs) No edit summary |
Salty Nori (talk | contribs) No edit summary |
||
Line 33: | Line 33: | ||
/* VALUES */ | /* VALUES */ | ||
.portable-infobox { | .portable-infobox { | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
background-color: var(--gray-050); | background-color: var(--gray-050); | ||
} | |||
.portable-infobox .pi-data-label { | |||
margin: 2px 6px; | |||
} | |||
.portable-infobox .pi-data-value { | |||
margin: 5px; /* align values to labels */ | |||
} | } | ||
Line 46: | Line 50: | ||
border-top-left-radius: 8px; | border-top-left-radius: 8px; | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
text-align: center; | |||
font-weight: bold; | |||
} | } | ||
.pi-title p { | .pi-title p { | ||
margin: 4px 0; | margin: 4px 0; | ||
} | } | ||
.portable-infobox .pi-header { | .portable-infobox .pi-header { | ||
background: var(--brown-100); | |||
text-align: center; | |||
} | } | ||
.pi-header p { | .pi-header p { | ||
margin: 8px 0; | margin: 8px 0; | ||
} | } | ||
Revision as of 15:29, 30 December 2023
/* TABS */
.pi-media-collection .pi-media-collection-tabs {
font-size: 1.2em;
padding: 6px 4px 6px 4px;
max-width: fit-content;
}
.pi-media-collection .pi-tab-link {
padding: 8px;
border: none;
color: var(--gray-500);
width: 100%;
}
.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 {
border: 1px solid var(--border-color);
background-color: var(--gray-050);
}
.portable-infobox .pi-data-label {
margin: 2px 6px;
}
.portable-infobox .pi-data-value {
margin: 5px; /* 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: bold;
}
.pi-title p {
margin: 4px 0;
}
.portable-infobox .pi-header {
background: var(--brown-100);
text-align: center;
}
.pi-header p {
margin: 8px 0;
}
.portable-infobox .pi-border-color {
border-color: var(--border-color);
}