Template:Main page/box/styles.css

/* * Box styles for the main page */ .mp-box { background: #f6f6f6; border-radius: 2px; margin: 0 -0.5rem 1.5rem; padding: 0.5rem; }

body.skin-minerva .mp-box { background: #eaecf0; }

/* Styles for title */ .mp-box__title { align-items: center; display: flex; margin-bottom: 1rem; }

.mp-box__title > h2 { border-bottom: 0; flex: 1; margin: 0; }

/* Styles for icon */ .mp-box__icon { background: currentColor; border-radius: 4px; color: #757575; flex: 0 auto; margin-right: 0.75rem; overflow: hidden; padding: 0.5rem; position: relative; }

.mp-box__icon > img { filter: invert(1); }

/* Styles for template link */ .mp-box__template-link { display: none; }

body.mw-editable .mp-box__template-link { display: block; }

/* Styles for footer */ /*.mp-box__footer { }*/

/* Styles for non-mobile form factors */ @media (min-width: 640px) { .mp-box { margin-left: 0; margin-right: 0; padding: 1.25rem; } }