Difference between revisions of "User:Discoomastar/Sandbox6"
Jump to navigation
Jump to search
>Discoomastar |
>Discoomastar |
||
| Line 9: | Line 9: | ||
{{#css: | {{#css: | ||
| + | |||
| + | .notable { | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | } | ||
.notable > .notable-header { | .notable > .notable-header { | ||
| Line 16: | Line 21: | ||
font-weight: bold; | font-weight: bold; | ||
padding: .2em .5em; | padding: .2em .5em; | ||
| + | border: 1px solid rgb(51, 102, 66); | ||
} | } | ||
.notable > .notable-content { | .notable > .notable-content { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
| − | padding: . | + | 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); | ||
} | } | ||
Revision as of 12:51, 7 May 2019
| Header text |
|---|
| Example |
soon tm
{{#css:
.notable { display: flex; flex-direction: column; }
.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); }
.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); }
}}
Header text
Example