| 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) (Create notice box stylesheet) |
SuperHamster (talk | contribs) (Adjustments) |
||
| Line 1: | Line 1: | ||
.notice-box { | .notice-box { | ||
display: flex; | display: flex; | ||
gap: 1em; | gap: 1em; | ||
padding: 1em; | padding: 1em; | ||
| Line 21: | Line 20: | ||
} | } | ||
@media (max-width: | @media (max-width: 800px) { | ||
.notice-box { | .notice-box { | ||
flex-direction: column; | flex-direction: column; | ||
Revision as of 21:06, 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;
}
.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%;
}
}
