Difference between revisions of "Template:Colored box/style.css"
From Forge Community Wiki
(suppress margin of paragraph element in inner div, not the icon img element) |
(try use currentColor for shadow) |
||
| (One intermediate revision 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; | ||
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;
}