Widget:User/Discoomastar/Sandbox6/notable/css

/** User:Discoomastar/Sandbox6/notable **/ .notable-wrap, .notable, .notable * { box-sizing: border-box; }

.notable-wrap { display: flex; flex-wrap: wrap; }

/*desktop*/ @media screen and (min-width: 1000px) { .notable-wrap > .notable { width: 350px; } }

/*mobile*/ @media screen and (max-width: 999px) { .notable-wrap > .notable { width: 100%; } }

.notable { display: flex; flex-direction: column; margin: 1em; }

.notable > .notable-header { background-color: rgb(77, 144, 94); color: white; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 0.25em; font-weight: bold; padding: .2em .5em; border: 1px solid rgb(51, 102, 66); text-align: center; }

.notable > .notable-content { background-color: #f8f9fa; padding: .2em .5em; border-right: 1px solid rgb(170, 170, 170); border-left: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170); color: rgb(34, 34, 34); }