MediaWiki:Infobox.css: Difference between revisions

From MB Wiki
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-...")
 
m (infobox management start)
 
(36 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Background */
/** Infobox & Sidebar Components **/
.portable-infobox {
.infobox {
background-color: var(--theme-infobox-bg);
    background: var(--gold-accent);
border-radius: 6px;
    border: 1px solid var(--gold-accent);
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}
}


/* Title */
.portable-infobox {
.page-content .portable-infobox .pi-title {
    float: right;
font-size: 20px;
    clear: right;
background-color:var(--theme-accent-color);
    max-width: 300px;
color: #383533;
    width: 100%;
border-radius: 5px 5px 0 0;
    margin: 0 0 16px 16px;
}
    border: 1px solid var(--theme-border-color);
 
     background-color: var(--gray-050);
/* 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-collapse: collapse;
}
 
/* Group header */
.portable-infobox .pi-secondary-background {
background-color: var(--theme-accent-bg);
color: var(--theme-page-text-color);
 
}
 
.page-content .portable-infobox .pi-header {
font-size: 15px;
text-align: center;
border-bottom: 1px solid var(--theme-border-color)!important;
     border-top: 1px solid var(--theme-border-color)!important;
}
 
/* Tabs text */
.portable-infobox .wds-tabs__tab-label {
font-size: 15px;
font-family: Fredoka, Rubik, sans-serif;
}
}


.pi-data-value hr {
/* Fix for overlapping floats */
  border: 0px;
.mw-parser-output::after {
  border-top: 1px solid;
    content: "";
  border-color: rgba(var(--theme-border-color--rgb), 0.7);
    display: table;
  margin:2px 0;
    clear: both;
}
}

Latest revision as of 11:55, 25 March 2026

/** Infobox & Sidebar Components **/
.infobox {
    background: var(--gold-accent);
    border: 1px solid var(--gold-accent);
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}

.portable-infobox {
    float: right;
    clear: right;
    max-width: 300px;
    width: 100%;
    margin: 0 0 16px 16px;
    border: 1px solid var(--theme-border-color);
    background-color: var(--gray-050);
}

/* Fix for overlapping floats */
.mw-parser-output::after {
    content: "";
    display: table;
    clear: both;
}