MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
--right-box-bg: #ddd; | --right-box-bg: #ddd; | ||
} | } | ||
} | |||
.caption { | |||
text-align: center; | |||
font-style: italic; | |||
} | } | ||
| Line 20: | Line 25: | ||
background: #f8f9fa; | background: #f8f9fa; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
padding: 0.5rem 0; | |||
margin: 0 0 0.5rem 0.5rem; | margin: 0 0 0.5rem 0.5rem; | ||
tbody th { | |||
text-align: right; | |||
vertical-align: top; | |||
} | |||
.infobox-body { | .infobox-body { | ||
| Line 28: | Line 39: | ||
.infobox-title{ | .infobox-title{ | ||
font-size: 1. | font-size: 1.1rem; | ||
font-weight: bold; | |||
font-style: italic; | |||
text-align: center; | text-align: center; | ||
} | } | ||
.infobox-image { | |||
margin: 10px; | |||
} | |||
.infobox-content { | |||
padding: 0 0.5rem; | |||
} | |||
} | |||
} | |||
@media (max-width: 750px) { | |||
.infobox { | |||
clear: none; | |||
float: none; | |||
margin: 0; | |||
width: 100%; | |||
.infobox-body { | |||
align-items: center; | |||
} | |||
} | } | ||
} | } | ||
Latest revision as of 16:01, 24 February 2026
/* CSS placed here will be applied to all skins */
@media (prefers-color-scheme: dark) {
:root {
--right-box-bg: #555;
}
}
@media (prefers-color-scheme: light) {
:root {
--right-box-bg: #ddd;
}
}
.caption {
text-align: center;
font-style: italic;
}
.infobox {
display: table;
clear: right;
float: right;
background: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 0.5rem 0;
margin: 0 0 0.5rem 0.5rem;
tbody th {
text-align: right;
vertical-align: top;
}
.infobox-body {
display: flex;
flex-direction: column;
.infobox-title{
font-size: 1.1rem;
font-weight: bold;
font-style: italic;
text-align: center;
}
.infobox-image {
margin: 10px;
}
.infobox-content {
padding: 0 0.5rem;
}
}
}
@media (max-width: 750px) {
.infobox {
clear: none;
float: none;
margin: 0;
width: 100%;
.infobox-body {
align-items: center;
}
}
}