MediaWiki:Infobox.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→Background: .portable-infobox { background-color: var(--theme-infobox-bg); border-radius: 6px; } →Title: .page-content .portable-infobox .pi-title { font-size: 20px; background-color:var(--theme-accent-color); color: #383533; border-radius: 5px 5px 0 0; } →Caption: .pi-caption { color: rgba(var(--theme-page-text-color--rgb),.9); } →Border: .portable-infobox, .portable-infobox .pi-border-color { border-color: var(--theme-border-color); border-...") |
Salty Nori (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* | /* 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-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 */ | ||
.pi- | .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 { | |||
.portable-infobox .pi- | 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; | |||
} | } | ||
.pi- | .portable-infobox .pi-border-color { | ||
border-color: var(--border-color); | |||
border-color: | |||
} | } |
Revision as of 15:11, 30 December 2023
/* 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-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);
}