MediaWiki:Common.css: Difference between revisions

Revision as of 16:04, 9 February 2026

.infobox {
border-collapse: collapse;
border: 1px solid #aaa;
background: #f9f9f9;
font-size: 90%;
}
.infobox th,
.infobox td {
padding: 4px 6px;
}
.infobox th {
background: #e6e6e6;
}




/* Infobox (company) design */
.infobox.vcard{
 width: 320px; /* change width */
 float: right;
 clear: right;
 margin: 0 0 16px 16px;
 border: 1px solid #cfd8dc;
 background: #ffffff;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 6px 18px rgba(0,0,0,.08);
 font-size: 14px; /* base font size */
 line-height: 1.35;
}

.infobox.vcard th,
.infobox.vcard td{
 padding: 8px 10px; /* spacing */
 border-top: 1px solid #eef2f5;
 vertical-align: top;
}

.infobox.vcard th{
 width: 38%;
 background: #f7f9fb; /* left column color */
 color: #263238;
 font-weight: 600;
 text-align: left;
}

.infobox.vcard td{
 color: #37474f;
}

.infobox.vcard th[colspan="2"]{
 background:#1f2937; /* NEW (dark) */
 color:#ffffff;
}
 text-align: center;
 font-size: 16px; /* title font size */
 border-top: 0;
}

.infobox.vcard img{
 max-width: 220px; /* logo size */
 height: auto;
}



/* ==== Infobox company styling ==== */
.infobox.vcard {
 width: 320px; /* box width */
 float: right;
 clear: right;
 margin: 0 0 16px 16px;
 border: 1px solid #cfd8dc;
 background: #ffffff;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 6px 18px rgba(0,0,0,.08);
 font-size: 14px; /* text size */
 line-height: 1.4;
}

/* All header + data cells */
.infobox.vcard th,
.infobox.vcard td {
 padding: 8px 10px;
 border-top: 1px solid #eef2f5;
 vertical-align: top;
}

/* Left column (labels) */
.infobox.vcard th {
 width: 38%;
 background: #f7f9fb;
 color: #263238;
 font-weight: 600;
 text-align: left;
}

/* Right column (values) */
.infobox.vcard td {
 color: #37474f;
}

/* Title row */
.infobox.vcard th[colspan="2"] {
 background: #0b5ed7; /* title bar color */
 color: #ffffff;
 text-align: center;
 font-size: 16px; /* title font size */
 border-top: 0;
}

/* Logo */
.infobox.vcard img {
 max-width: 220px;
 height: auto;
}

.infobox-verified{
 text-align:center;
 padding:6px 10px;
 border-top:1px solid #eef2f5;
 color:#16a34a;
 font-weight:900;
 font-size:18px;
}

.infobox-verified::before{
 content:"✓";
}



.infobox-title{
 background:#0b5ed7; /* title background */
 color:#fff; /* title text */
 text-align:center;
 font-size:16px;
}