User:Stable Zouave/common.css

/**Anything here can be overriden on the templates and pages**/ .mbox { /**Default colors for types of mboxes*/ --type-important: rgba(126, 154, 73, 0.1); --type-moderate: rgba(126, 154, 73, 0.1); --type-minor: rgba(126, 154, 73, 0.1); display: flex; position: relative; background-color: rgba(106, 204, 227, 0.2); border: 1px solid #d6d6d6; border-left-width: 15px; border-left-color: rgba(109, 163, 224, 0.71); /**Rounded edges of mbox*/ border-radius: 2px; /**Space between bottom of Mbox and top of next thing on page.*/ margin-bottom: 20px; /**Minimum size of the Mbox*/ min-height: 32px; /**This next section of code- can use to set different defaults based on type of mbox set*/ } .mbox.mbox-type-important { border-left-color: var(--type-important); } .mbox.mbox-type-moderate { border-left-color: var(--type-moderate); } .mbox.mbox-type-minor { border-left-color: var(--type-minor); }

/**Section over*/

.mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 30px; } .mbox__content__image { display: table-cell; /**Size of image shown*/ width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 0px;                       /**Space to right of image*/ } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; }