Difference between revisions of "Template:Colored box/style.css"
From Forge Community Wiki
(suppress margin for the first child of the content div for the colored box (this is so the paragraph element doesn't expand the space between title and content)) |
(try use currentColor for shadow) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
border-color: transparent; | border-color: transparent; | ||
border-left-width: 0.5em; | border-left-width: 0.5em; | ||
| − | box-shadow: 0 0 0.2em | + | box-shadow: 0 0 0.2em currentColor; |
background: inherit; | background: inherit; | ||
| − | width: | + | width: 70%; |
margin: 0.5em auto; | margin: 0.5em auto; | ||
display: flex; | display: flex; | ||
| Line 19: | Line 19: | ||
} | } | ||
| − | .mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child { | + | .mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child, .mw-tpl-colorbox-inner p { |
margin: 0; | margin: 0; | ||
} | } | ||
Latest revision as of 21:39, 14 February 2021
.mw-tpl-colorbox {
box-sizing: border-box;
border-radius: 0.1em;
border-color: transparent;
border-left-width: 0.5em;
box-shadow: 0 0 0.2em currentColor;
background: inherit;
width: 70%;
margin: 0.5em auto;
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.mw-tpl-colorbox-title {
border-radius: 0.1em 0.1em 0 0;
font-size: 120%;
padding: 0.25em 0.6em 0.1em 0.6em;
}
.mw-tpl-colorbox-title p:first-child, .mw-tpl-colorbox-content p:first-child, .mw-tpl-colorbox-inner p {
margin: 0;
}
.mw-tpl-colorbox-icon {
opacity: 0.8;
margin: 0.25em;
margin-left: 0.8em;
}
.mw-tpl-colorbox-title-corner {
float: right;
font-size: 0.7em;
}
.mw-tpl-colorbox-content {
padding: 0.3em 0.75em 0.3em 0.75em;
}