User:Aesulus/Vector 2022 banner.css: Difference between revisions
Content added Content deleted
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 1: | Line 1: | ||
.hfw_notice { |
.hfw_notice { |
||
border:solid cornflowerblue; |
border: solid cornflowerblue; |
||
padding: 15px |
padding: 15px; |
||
} |
} |
||
.hfw_notice_content { |
.hfw_notice_content { |
||
| Line 8: | Line 8: | ||
gap: 1rem; |
gap: 1rem; |
||
} |
} |
||
.hfw_notice_text { |
.hfw_notice_text { |
||
display: flex; |
display: flex; |
||
| Line 16: | Line 15: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
.hfw_notice_text_title { |
.hfw_notice_text_title { |
||
font-weight: bold; |
font-weight: bold; |
||
| Line 27: | Line 25: | ||
align-items: center; |
align-items: center; |
||
gap: 0.5rem; |
gap: 0.5rem; |
||
} |
|||
@media all and (width <= 450px) { |
|||
.hfw_notice_image { display: none; } |
|||
.hfw_notice_content { |
|||
flex-wrap: wrap; |
|||
justify-content: center; |
|||
} |
|||
.hfw_notice_buttons { flex-direction: row; } |
|||
} |
} |
||