Template:Colored box/style.css

< Template:Colored box
Revision as of 21:32, 14 February 2021 by SciWhiz12 (talk | contribs) (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))
.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 #cccccc;
 background: inherit;
 width: 60%;
 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 {
 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;
}