MediaWiki:Common.css

From Bharat Wiki
Revision as of 14:26, 7 December 2025 by Admin (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;
}
/* Infobox styling */
.infobox {
    float: right;
    margin: 10px 0 20px 20px;
    padding: 0;
    width: 280px;
    font-size: 90%;
    background: #fffaf2;
    border: 1px solid #e0c48c;
    border-radius: 6px;
}

.infobox-title {
    background: #f0d9a6;
    font-weight: bold;
    text-align: center;
    padding: 6px;
    font-size: 110%;
}

.infobox td {
    padding: 4px 6px;
    border-bottom: 1px solid #f3e6cf;
}

.infobox-image img {
    display: block;
    margin: 0 auto;
}

.infobox-caption {
    font-size: 85%;
    text-align: center;
    color: #6d6d6d;
}