Template:Patch Notes Infobox/styles.css

/* ── Outer container ───────────────────────────────────────────────────── */
.pi-theme-pni {
    width: 100%;
    max-width: 300px;
    font-size: 0.95em;
    line-height: 1.4;
    border: 2px solid #333;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    background-color: var(--color-surface-1);
    overflow: hidden;
    margin: 1em auto 1em 1em;
}
 
/* ── Header band ───────────────────────────────────────────────────────── */
.pi-theme-pni h2 {
    background-color: var(--color-surface-2);
    font-family: var(--font-family-vh-header);
    color: var(--color-emphasized);
    padding: 0.6em;
    text-align: center;
}
 
.pni-header-sub {
    font-size: 0.85em;
    opacity: 0.8;
}
 
.pi-theme-pni .pi-title {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--color-emphasized);
}

.portable-infobox [data-source="summary"] {
    padding: 8px 10px;
    font-style: italic;
}
 
/* ── Release type badges ───────────────────────────────────────────────── */
.portable-infobox [data-source="type"] {
    text-align: center;
    padding: 2px 12px 8px;
}
 
.pni-badge {
    display: inline-block;
    font-size: 0.85em;
    padding: 2px 10px;
    border-radius: 3px;
}
 
.pni-badge-hotfix {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
}
 
.pni-badge-major {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}
 
.pni-badge-balance {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
 
.pni-badge-content {
    background: #e8d5f5;
    color: #5a2d82;
    border: 1px solid #c39de0;
}
 
.pni-badge-default {
    background: #e2e3e5;
    color: #383d41;
    border: 1px solid #d6d8db;
}
 
/* ── Data rows ─────────────────────────────────────────────────────────── */
.pni-table {
    width: 100%;
    border-collapse: collapse;
}
 
.pni-divider {
    border-top: 1px solid #a2a9b1;
}
 
.pni-table th {
    padding: 5px 10px;
    text-align: left;
    background: #eaecf0;
    width: 40%;
    white-space: nowrap;
    font-weight: normal;
}
 
.pni-table td {
    padding: 5px 10px;
}
 
/* ── Summary footer ────────────────────────────────────────────────────── */
.pni-summary {
    border-top: 1px solid #a2a9b1;
    padding: 8px 10px;
    font-style: italic;
    color: #54595d;
}
 
/* ── Float clearfix ────────────────────────────────────────────────────── */
.pni-clear {
    clear: right;
}