MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.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;
}



.infobox-verified{
 text-align:center;
 padding:8px 10px;
 border-top:1px solid #eef2f5;
}

.infobox-verified::before{
 content:"✓";
 display:inline-block;
 width:22px;
 height:22px;
 line-height:22px;
 text-align:center;
 border-radius:50%;
 background:#0b5ed7; /* circle color */
 color:#fff; /* tick color */
 font-weight:900;
 font-size:14px;
}



.infobox-title{
 background:#0b5ed7;
 color:#fff;
 text-align:center;
 font-size:16px;
 position:relative;
 padding:10px 36px 10px 12px; /* space for badge */
}

.infobox-title .infobox-verified{
 position:absolute;
 right:10px;
 top:50%;
 transform:translateY(-50%);
}

.infobox-title .infobox-verified::before{
 content:"✓";
 display:inline-block;
 width:22px;
 height:22px;
 line-height:22px;
 text-align:center;
 border-radius:50%;
 background:#ffffff; /* circle */
 color:#0b5ed7; /* tick */
 font-weight:900;
 font-size:14px;
}





/* Vector: verified tick beside PAGE title */
body.page-verified #firstHeading{
 position: relative;
 display: inline-block;
 padding-right: 34px;
}

body.page-verified #firstHeading::after{
 content:"✓";
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%);
 width:22px;
 height:22px;
 line-height:22px;
 text-align:center;
 border-radius:50%;
 background:#0b5ed7;
 color:#fff;
 font-weight:900;
 font-size:14px;
}



/* Verified tick beside page title ONLY on Claimsify */
body.page-Claimsify #firstHeading{
 position:relative;
 display:inline-block;
 padding-right:34px;
}
body.page-Claimsify #firstHeading::after{
 content:"✓";
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%);
 width:22px;
 height:22px;
 line-height:22px;
 text-align:center;
 border-radius:50%;
 background:#0b5ed7;
 color:#fff;
 font-weight:900;
 font-size:14px;
}


/* Infobox title: remove extra top white line and reduce gap */
.infobox-title{
 border-top:0 !important;
 padding-top:8px !important;
 padding-bottom:8px !important;
 padding-right:30px !important; /* less space reserved for tick */
}

.infobox-title .infobox-verified{
 right:6px !important; /* bring tick closer to the name */
 margin:0 !important;
 padding:0 !important;
 border:0 !important;
 background:transparent !important;
}

.infobox-title .infobox-verified::before{
 width:18px !important;
 height:18px !important;
 line-height:18px !important;
 font-size:12px !important;
}


/* Infobox title: tighter spacing between name and verified badge */
.infobox-title{
 padding-right:24px !important; /* was reserving too much space */
}

.infobox-title .infobox-verified{
 right:4px !important; /* bring badge closer */
}