Module:Mbox/data

This is a sub-module of Module:Mbox and is used to specify the CSS properties for message boxes.

---

local localStyle = {
    ['mbox'] = {
        ['display'] = 'flex',
        ['position'] = 'relative',
        ['border'] = '1px solid #2a3a1a',
        ['border-left-width'] = '6px',
        ['border-left-color'] = '#5a8a3a',
        ['border-radius'] = '2px',
        ['margin-bottom'] = '8px',
        ['min-height'] = '32px',
        ['background-color'] = '#111408',
        ['color'] = '#b8c8a0',
    },
    ['mbox__content'] = {
        ['display'] = 'table',
        ['box-sizing'] = 'border-box',
        ['width'] = '100%',
        ['padding'] = '8px 15px',
        ['color'] = '#b8c8a0',
    },
    ['mbox__content__image'] = {
        ['display'] = 'table-cell',
        ['width'] = '40px',
        ['height'] = '100%',
        ['text-align'] = 'center',
        ['vertical-align'] = 'middle',
        ['padding-right'] = '15px',
    },
    ['mbox__content__wrapper'] = {
        ['display'] = 'table-cell',
        ['vertical-align'] = 'middle',
        ['color'] = '#b8c8a0',
    },
    ['mbox__content__header'] = {
        ['display'] = 'block',
        ['font-weight'] = 'bold',
        ['color'] = '#c09040',
        ['text-transform'] = 'uppercase',
        ['letter-spacing'] = '0.05em',
        ['margin-bottom'] = '4px',
    },
    ['mbox__content__text'] = {
        ['display'] = 'block',
        ['color'] = '#b8c8a0',
    },
    ['mbox__content__text__comment'] = {
        ['font-size'] = 'small',
        ['color'] = '#6a7a58',
    },
    ['mbox__content__aside'] = {
        ['display'] = 'table-cell',
        ['width'] = '100px',
        ['vertical-align'] = 'middle',
        ['text-align'] = 'center',
        ['padding-left'] = '15px',
        ['border-left'] = '1px solid #2a3a1a',
        ['color'] = '#b8c8a0',
    },
    ['mbox__close'] = {
        ['position'] = 'absolute',
        ['right'] = '0',
        ['top'] = '0',
        ['padding'] = '2px 7px',
        ['font-weight'] = 'bold',
        ['font-size'] = '16px',
        ['color'] = '#5a8a3a',
        ['cursor'] = 'pointer',
        ['transition'] = 'all .15s ease-in',
    }
}
return { localStyle = localStyle }