Difference between revisions of "Template:Colored box/style.css"
From Forge Community Wiki
m |
(try use currentColor for shadow) |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.mw-tpl-colorbox { | .mw-tpl-colorbox { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| − | + | border-radius: 0.1em; | |
| − | + | border-color: transparent; | |
| − | background: | + | 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 { | .mw-tpl-colorbox-title { | ||
| − | + | border-radius: 0.1em 0.1em 0 0; | |
| − | + | font-size: 120%; | |
| − | border-radius: 0. | + | padding: 0.25em 0.6em 0.1em 0.6em; |
| − | padding: 0. | ||
} | } | ||
| − | .mw-tpl-colorbox-title-icon { | + | .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; | opacity: 0.8; | ||
| + | margin: 0.25em; | ||
| + | margin-left: 0.8em; | ||
} | } | ||
| Line 24: | Line 35: | ||
.mw-tpl-colorbox-content { | .mw-tpl-colorbox-content { | ||
| − | padding: 0. | + | padding: 0.3em 0.75em 0.3em 0.75em; |
| − | |||
} | } | ||
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;
}