Difference between revisions of "User:SciWhiz12/mainpage sandbox/styles.css"
From Forge Community Wiki
(add style) |
(more styling adjustments) |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | .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 { | .box { | ||
flex: 1 1 12em; | flex: 1 1 12em; | ||
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
}