editors, Interface administrators, Administrators
1,787
edits
User:Aesulus/Vector 2022 banner.css: Difference between revisions
no edit summary
(Created page with ".hfw_notice { display: flex; border: solid cornflowerblue; padding: 15px; } .hfw_notice_content { display: flex; margin: auto; } .hfw_notice_text_title { font-weight: bold; }") |
No edit summary Tags: Mobile edit Mobile web edit |
||
| (8 intermediate revisions by the same user not shown) | |||
Line 1:
.hfw_notice {
border: 2px solid cornflowerblue;▼
display: flex;▼
▲ border: solid cornflowerblue;
▲ padding: 15px;
}
.hfw_notice_content {
display: flex;
justify-content: space-between;
gap: 1rem;
}
.hfw_notice_image {
▲ display: flex;
align-items: center;
}
.hfw_notice_text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.hfw_notice_text_title {
font-weight: bold;
}
.hfw_notice_buttons {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.5rem;
white-space: nowrap;
}
@media all and (width <= 700px) {
.hfw_notice_image { display: none; }
.hfw_notice_content {
flex-wrap: wrap;
justify-content: center;
}
.hfw_notice_buttons {
flex-direction: row;
white-space: inherit;
}
}
| |||