MediaWiki:Common.css
From Chalo Chatu, Zambia online encyclopedia
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.
/* === Sidebar core styling === */
table.sidebar {
background: #f9f9f9;
border: 1px solid #aaa;
padding: 0;
font-size: 90%;
width: 22em;
float: right;
clear: right;
margin: 0 0 1em 1em;
}
.sidebar th,
.sidebar td {
padding: 0.2em;
}
.sidebar-title {
background: #ccc;
font-weight: bold;
text-align: center;
}
.sidebar-heading {
background: #eee;
font-weight: bold;
}
.sidebar-content {
text-align: left;
}
.sidebar-image img {
max-width: 100%;
height: auto;
}
.sidebar-navbar {
text-align: right;
font-size: 90%;
}
/* === Restore .plainlist === */
.plainlist ul {
list-style: none;
margin: 0;
padding: 0;
}
.plainlist li {
margin-bottom: 0.2em;
}
/* === Restore .hlist === */
.hlist ul, .hlist ol {
margin: 0;
padding: 0;
list-style: none;
}
.hlist li {
display: inline;
margin-right: 0.6em;
}
.hlist li::after {
content: "·";
padding-left: 0.4em;
}
.hlist li:last-child::after {
content: "";
}
/* === Infobox base styling === */
table.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
width: 22em;
font-size: 90%;
line-height: 1.5em;
border-collapse: collapse;
margin: 0.5em 0 1em 1em;
float: right;
clear: right;
}
.infobox caption {
font-size: 110%;
font-weight: bold;
padding: 0.2em;
}
.infobox th,
.infobox td {
border: none;
padding: 0.2em;
vertical-align: top;
}
.infobox-label {
font-weight: bold;
text-align: left;
background-color: #f0f0f0;
width: 35%;
}
.infobox-data {
text-align: left;
}
.infobox-image {
text-align: center;
padding: 0.2em;
}
.infobox-header {
background-color: #ccc;
text-align: center;
font-weight: bold;
}
.infobox-above {
background-color: #ccc;
text-align: center;
font-weight: bold;
}
.infobox-below {
background-color: #eee;
text-align: center;
}
/* Infobox core styles */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
width: 22em;
font-size: 90%;
line-height: 1.5em;
padding: 0.5em;
float: right;
clear: right;
margin: 0 0 1em 1em;
}
.infobox td,
.infobox th {
vertical-align: top;
padding: 0.2em 0.5em;
}
.infobox-label {
font-weight: bold;
text-align: left;
width: 35%;
}
.infobox-data {
text-align: left;
width: 65%;
}
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
width: 22em;
font-size: 88%;
line-height: 1.5em;
margin: 0 0 1em 1em;
padding: 0.2em;
float: right;
clear: right;
}
/* Chalo Chatu Reflist styles */
.reflist {
font-size: 90%;
margin-top: 0.3em;
list-style-type: decimal;
}
.reflist-columns {
column-count: 2;
column-gap: 1.5em;
}
@media screen and (max-width: 720px) {
.reflist-columns {
column-count: 1;
}
}