Views
Actions
Difference between revisions of "User:SciWhiz12/mainpage sandbox/styles.css"
From Forge Community Wiki
(actually fix the round warning) |
(more styling adjustments) |
||
| (2 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; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
align-items: 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
}