Views
Actions
Difference between revisions of "User:SciWhiz12/mainpage sandbox/styles.css"
From Forge Community Wiki
(add style) |
(move more from html to css) |
||
| 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; | ||
| + | background-color: #fefefe; | ||
| + | color: #222; | ||
| + | line-height: 3em; | ||
| + | } | ||
| + | |||
| + | .box_container { | ||
| + | display: flex; | ||
| + | flex-flow: row wrap; | ||
| + | } | ||
| + | |||
.box { | .box { | ||
flex: 1 1 12em; | flex: 1 1 12em; | ||
Revision as of 17:08, 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;
background-color: #fefefe;
color: #222;
line-height: 3em;
}
.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
}