Template:Infobox organization/styles.css
Template page
More actions
.infobox.infobox-organization {
box-sizing: border-box;
width: 280px;
border: 2px solid #25c7d3;
border-collapse: collapse;
border-spacing: 0;
clear: right;
float: right;
margin: 0 0 0.5em 1em;
background-color: #fff;
color: #333;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.infobox-organization caption {
padding: 0.25em 0.5em 0.45em;
color: inherit;
font-size: 125%;
text-align: center;
}
.infobox-organization th,
.infobox-organization td {
padding: 0.4em 0.55em;
border: 0;
border-top: 1px solid #eaecf0;
vertical-align: top;
overflow-wrap: anywhere;
}
.infobox-organization th[scope="row"] {
width: 6.5em;
color: #087f8c;
text-align: left;
}
.infobox-organization .infobox-organization-header {
padding: 0.85em 0.65em;
border: 0;
background: #0b1118;
text-align: center;
}
.infobox-organization-header img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 92px;
margin: 0 auto;
}
@media screen {
html.skin-theme-clientpref-night .infobox-organization {
background-color: inherit;
color: inherit;
box-shadow: none;
}
html.skin-theme-clientpref-night .infobox-organization th,
html.skin-theme-clientpref-night .infobox-organization td {
border-top-color: #54595d;
}
html.skin-theme-clientpref-night .infobox-organization th[scope="row"] {
color: #67e1eb;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox-organization {
background-color: inherit;
color: inherit;
box-shadow: none;
}
html.skin-theme-clientpref-os .infobox-organization th,
html.skin-theme-clientpref-os .infobox-organization td {
border-top-color: #54595d;
}
html.skin-theme-clientpref-os .infobox-organization th[scope="row"] {
color: #67e1eb;
}
}
@media screen and (max-width: 719px) {
body.mediawiki .infobox.infobox-organization {
float: none;
clear: both;
width: 100% !important;
margin: 0 0 0.75em;
}
}