MediaWiki:Common.css: Difference between revisions
(Add styling for person infobox) |
No edit summary |
||
| Line 58: | Line 58: | ||
.infobox.infobox-person tr:nth-child(even) td { | .infobox.infobox-person tr:nth-child(even) td { | ||
background: #fffaf0; | background: #fffaf0; | ||
} | |||
/* ===== Bharat Wiki - Person Infobox ===== */ | |||
.infobox.infobox-person { | |||
float: right; | |||
clear: right; | |||
margin: 0 0 1em 1em; | |||
width: 280px; | |||
background: #fff9f0; | |||
border: 1px solid #e6c48f; | |||
border-radius: 10px; | |||
box-shadow: 0 2px 5px rgba(0,0,0,0.05); | |||
font-size: 90%; | |||
} | |||
.infobox.infobox-person .infobox-title { | |||
background: #f3e2c5; | |||
color: #b5651d; | |||
text-align: center; | |||
font-weight: 700; | |||
font-size: 110%; | |||
padding: 10px; | |||
border-bottom: 1px solid #e6c48f; | |||
border-top-left-radius: 10px; | |||
border-top-right-radius: 10px; | |||
} | |||
.infobox-infobox-person th, | |||
.infobox.infobox-person td { | |||
padding: 6px; | |||
vertical-align: top; | |||
} | |||
.infobox.infobox-person th { | |||
background: #fbf3e4; | |||
color: #333; | |||
font-weight: 600; | |||
width: 40%; | |||
} | |||
.infobox.infobox-person tr:nth-child(even) td { | |||
background: #fffdf8; | |||
} | |||
.infobox.infobox-person .infobox-image img { | |||
max-width: 240px; | |||
border-radius: 6px; | |||
} | } | ||
Revision as of 14:01, 7 December 2025
/* CSS placed here will be applied to all skins */
/* ===== Bharat Wiki - Person Infobox Style ===== */
.infobox.infobox-person {
float: right;
clear: right;
margin: 0 0 1em 1em;
width: 270px;
background: #fffdf7;
border: 1px solid #f0c36a;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
font-size: 90%;
}
.infobox.infobox-person .infobox-title {
background: #f9ede0;
color: #b55914;
text-align: center;
font-weight: 700;
font-size: 110%;
padding: 8px;
border-bottom: 1px solid #f0c36a;
}
.infobox.infobox-person .infobox-image {
text-align: center;
padding: 8px;
}
.infobox.infobox-person .infobox-image img {
max-width: 240px;
height: auto;
border-radius: 6px;
}
.infobox.infobox-person .infobox-caption {
font-size: 85%;
color: #555;
text-align: center;
padding: 0 8px 8px;
}
.infobox.infobox-person th,
.infobox.infobox-person td {
padding: 4px 8px;
vertical-align: top;
}
.infobox.infobox-person th {
text-align: left;
width: 40%;
font-weight: 600;
color: #333;
background: #fff7ea;
}
.infobox.infobox-person tr:nth-child(even) td {
background: #fffaf0;
}
/* ===== Bharat Wiki - Person Infobox ===== */
.infobox.infobox-person {
float: right;
clear: right;
margin: 0 0 1em 1em;
width: 280px;
background: #fff9f0;
border: 1px solid #e6c48f;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
font-size: 90%;
}
.infobox.infobox-person .infobox-title {
background: #f3e2c5;
color: #b5651d;
text-align: center;
font-weight: 700;
font-size: 110%;
padding: 10px;
border-bottom: 1px solid #e6c48f;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.infobox-infobox-person th,
.infobox.infobox-person td {
padding: 6px;
vertical-align: top;
}
.infobox.infobox-person th {
background: #fbf3e4;
color: #333;
font-weight: 600;
width: 40%;
}
.infobox.infobox-person tr:nth-child(even) td {
background: #fffdf8;
}
.infobox.infobox-person .infobox-image img {
max-width: 240px;
border-radius: 6px;
}