Views
Actions
Difference between revisions of "User:SciWhiz12/mainpage sandbox/styles.css"
From Forge Community Wiki
(fix round warning when being split into two lines) |
(more styling adjustments) |
||
(3 intermediate revisions by the same user not shown) | |||
Line 15: | Line 15: | ||
border-radius: 1em; | border-radius: 1em; | ||
margin: auto; | margin: auto; | ||
+ | margin-top: 1em; | ||
background-color: #fefefe; | background-color: #fefefe; | ||
color: #222; | color: #222; | ||
− | height: | + | height: 2em; |
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | padding: 0.25em; | ||
+ | } | ||
+ | |||
+ | .round_warning p { | ||
+ | margin-top: 0; | ||
} | } | ||
Latest revision as of 17:32, 21 December 2020
.center { text-align: center; } .title { font-weight: 900; font-size: 3em; line-height: 1.2em; color: #e0a969; } .round_warning { font-weight: 700; width: 60%; border-radius: 1em; margin: auto; margin-top: 1em; background-color: #fefefe; color: #222; height: 2em; display: flex; justify-content: center; align-items: center; padding: 0.25em; } .round_warning p { margin-top: 0; } .box_container { display: flex; flex-flow: row wrap; } .box { flex: 1 1 12em; padding: 1em; border: solid; border-radius: 1em; margin: 0.5em; } .box h1, .box h2, .box h3 { margin-top: 0 }