Template:InfoBox/styles.css: Difference between revisions
Created page with ".infobox { border: 1px solid #36c; background-color: #eaf3ff; padding: 1em; margin: 1em 0; border-left: 5px solid #36c; border-radius: 4px; font-size: 95%; display: flex; align-items: flex-start; } .infobox-icon { width: 24px; height: 24px; margin-right: 0.8em; flex-shrink: 0; } .infobox-text { flex-grow: 1; }" |
No edit summary Tag: Manual revert |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
. | /* Container */ | ||
border: 1px solid # | .info-box { | ||
background-color: #e6f2fa; | |||
padding: 1em; | border: 1px solid #9ccbf7; | ||
border-radius: 4px; | |||
padding: 0.5em 1em; | |||
margin: 1em 0; | margin: 1em 0; | ||
display: flex; | display: flex; | ||
align-items: | align-items: center; | ||
} | } | ||
/* Icon */ | |||
.infobox-icon { | .info-box .infobox-icon { | ||
margin-right: 0.5em; | |||
flex: 0 0 auto; | |||
margin-right: 0. | |||
flex | |||
} | } | ||
/* Content */ | |||
. | .info-box .content { | ||
flex | flex: 1 1 auto; | ||
} | } | ||
Latest revision as of 15:17, 9 July 2025
/* Container */
.info-box {
background-color: #e6f2fa;
border: 1px solid #9ccbf7;
border-radius: 4px;
padding: 0.5em 1em;
margin: 1em 0;
display: flex;
align-items: center;
}
/* Icon */
.info-box .infobox-icon {
margin-right: 0.5em;
flex: 0 0 auto;
}
/* Content */
.info-box .content {
flex: 1 1 auto;
}