/* Explicit article message box template styles */
table.xambox {
width: 80%;
margin: 0 auto;
border-collapse: collapse;
border: 1px solid #a2a9b1;
border-left: 10px solid #36c; /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
.xambox + link + .xambox,
.xambox + link + style + .xambox,
.xambox + link + link + .xambox,
/* TODO: raise these as "is this really that necessary???". the change was Dec 2021 */
.xambox + .mw-empty-elt + link + .xambox,
.xambox + .mw-empty-elt + link + style + .xambox,
.xambox + .mw-empty-elt + link + link + .xambox {
margin-top: -1px;
}
table.xambox th, table.xambox td { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
table.xambox td.xambox-image { /* The left image cell */
width: 52px;
border: none;
padding: 2px 0 2px 0.5em;
text-align: center;
}
table.xambox td.xambox-imageright { /* The right image cell */
width: 52px;
padding: 2px 0.5em 2px 0px; /* 0px left, 0.5em right */
text-align: center;
}
table.xambox-mobile {
width: 90%;
margin: 0 auto;
border-collapse: collapse;
border: 1px solid #a2a9b1;
border-left: 10px solid #36c;
background-color: #fbfbfb;
box-sizing: border-box;
}
table.xambox-mobile th, table.xambox-mobile td { /* message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
table.xambox-mobile td.xambox-image { /* left image cell */
width: 52px;
border: none;
padding: 2px 0 2px 0.5em;
text-align: center;
}
table.xambox-mobile td.xambox-imageright { /* right image cell */
width: 52px;
padding: 2px 0px; /* 0px left/right */
text-align: center;
}
table.xambox-type-notice {
border-left: 10px solid #39f; /* Blue */
}
table.xambox-type-serious {
border-left: 10px solid #b32424; /* Red */
background-color: #fee7e6; /* Pink */
}
table.xambox-type-content {
border-left: 10px solid #f63; /* Orange */
}
table.xambox-type-style {
border-left: 10px solid #fc3; /* Yellow */
}
table.xambox-type-merge {
border-left: 10px solid #95b; /* Purple */
}
html.client-js body.skin-minerva .xambox-text-span {
margin-left: 23px !important;
}
@media (min-width: 720px) {
.xambox {
margin: 0 10%;
}
}
@media only screen and (max-width: 768px) {
.desktop-only {
display: none !important;
}
}
@media only screen and (min-width: 769px) {
.mobile-only {
display: none !important;
}
}