MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Start of Template reskin, by Xaph */

.notaninfobox { position: relative; clear: right; margin: 0 0 1em 1em; width: 300px; font-size: 90%; background: #FFF; border-radius: 10px; float: right; border: 1px solid #f3f3f3; background: rgb(240, 240, 241); background: -moz-linear-gradient(180deg, rgba(240, 240, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(240, 240, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(180deg, rgba(240, 240, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f1", endColorstr="#ffffff", GradientType=1); padding: 2px 2px 5px 2px; overflow: auto; z-index: 1; }

.notaninfobox .mcwiki-header { background: rgb(82, 90, 110); background: -moz-linear-gradient(180deg, rgba(82, 90, 110, 1) 0%, rgba(29, 29, 29, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(82, 90, 110, 1) 0%, rgba(29, 29, 29, 1) 100%); background: linear-gradient(180deg, rgba(82, 90, 110, 1) 0%, rgba(29, 29, 29, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#525a6e", endColorstr="#1d1d1d", GradientType=1); color: #ebebeb; border-radius: 10px 10px 3px 3px; letter-spacing: 0.04em; padding: 7px; border: 1px solid transparent; border-bottom: 2px solid #50586b; }

.client-dark-mode .notaninfobox .mcwiki-header { background: rgb(0, 0, 0); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(12, 12, 13, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(12, 12, 13, 1) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(12, 12, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#0c0c0d", GradientType=1); border-color: #1c1c1d; border-bottom: 2px solid #292732; color: #abacb0; -webkit-filter: invert(1) hue-rotate(180deg); }

@media all and (max-width:511px) { .notaninfobox { float: none; margin-left: 0; width: auto } }

@media all and (max-width:337px) { .notaninfobox { margin-left: -16px; margin-right: -16px; border-left: none; border-right: none } }

.notaninfobox>.infobox-title { font-weight: bold; text-align: center; font-size: 120% }

.infobox-imagearea { text-align: center; padding: 4px }

.infobox-imagearea>div:not(:first-child) { padding-top: 1em }

display: inline-flex; align-items: center }
 * 1) mw-content-text .infobox-imagearea .animated {

.notaninfobox table.infobox-rows { display: table; margin: 0; width: 100%; border-collapse: separate; border-spacing: 0px 1px; }

.notaninfobox .infobox-rows>tbody>tr { background: #b6b6bb1f; }

.notaninfobox .infobox-rows>tbody>tr:nth-child(even) { background: #dcdcdc1f; }

.infobox-rows>tbody>tr>th { text-align: left; white-space: nowrap; }

margin: 0 }
 * 1) mw-content-text .infobox-rows p {

.infobox-rows dl+dl { margin-top: -0.4em }

.infobox-rows dl:last-child { margin-bottom: 0.2em }

.infobox-footer { text-align: center }

table.infobox-rows, .client-dark-mode table.infobox-rows { background-color: transparent; }

/* End of Template reskin, by Xaph */