Template: Four-buttons/styles.css
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.tpl-governance-nav { | .tpl-governance-nav { | ||
display: flex; | display: flex; | ||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
} | } | ||
.tpl-governance-nav a { | .tpl-governance-nav a { | ||
width: 22%; | |||
background-color: #eee; | background-color: #eee; | ||
text-align: center; | text-align: center; |
Revision as of 00:33, 20 July 2021
.tpl-governance-nav {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tpl-governance-nav a {
width: 22%;
background-color: #eee;
text-align: center;
color: inherit;
border-radius: 3px;
padding: 0.5em;
border: 1px solid #eee;
}
.tpl-governance-nav a:hover {
text-decoration: none;
border-color: green;
}
.tpl-governance-nav-desc:after {
display: block;
font-size: 4em;
content: "→";
line-height: 0.7em;
}
.tpl-governance-nav a:hover .tpl-governance-nav-desc:after {
color: green;
}
.tpl-governance-nav-title {
font-size: 110%;
font-weight: bolder;
display: block;
}