| Welcome to the newly independent BOXBOY WIKI! |
|---|
|
Learn more about our fork at BOXBOY WIKI!:2025 Fork. If you have edited the Fandom wiki and would like to claim your account here, you can do so via Special:MigrateUserAccount. To ensure you only visit the independent wiki going forward, install the Indie Wiki Buddy browser extension. |
Template:Notice Box/styles.css: Difference between revisions
From BOXBOY WIKI!
Jump to navigationJump to search
SuperHamster (talk | contribs) (Adjustments) |
SuperHamster (talk | contribs) (Vertical centering on image) |
||
| Line 13: | Line 13: | ||
flex: 0 0 auto; | flex: 0 0 auto; | ||
text-align: center; | text-align: center; | ||
margin-top: auto; | |||
margin-bottom: auto; | |||
} | } | ||
Latest revision as of 22:23, 13 January 2025
.notice-box {
display: flex;
gap: 1em;
padding: 1em;
margin-bottom: 4px;
box-sizing: border-box;
background-color: white;
border-radius: 5px;
width: 100%;
}
.notice-box .notice-box-img {
flex: 0 0 auto;
text-align: center;
margin-top: auto;
margin-bottom: auto;
}
.notice-box .notice-box-text {
flex: 1 1 auto;
text-align: center;
}
@media (max-width: 800px) {
.notice-box {
flex-direction: column;
}
.notice-box .notice-box-img {
width: 100%;
}
}
