Template: Four-buttons/styles.css
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.tpl-governance-nav { | |||
display: flex; | |||
} | |||
.tpl-governance-nav a { | .tpl-governance-nav a { | ||
width: 20em; | width: 20em; | ||
max-width: 45%; | max-width: 45%; | ||
Line 12: | Line 14: | ||
.tpl-governance-nav a:hover { | .tpl-governance-nav a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
.tpl-governance-nav-desc:after { | |||
font-size: 2em; | |||
content: "→"; | |||
} | |||
.tpl-governance-nav a:hover .tpl-governance-nav-desc:after { | |||
color: green; | |||
} | } | ||
.tpl-governance-nav-title { | .tpl-governance-nav-title { | ||
font-size: 110%; | |||
font-weight: bolder; | font-weight: bolder; | ||
display: block; | display: block; | ||
} | } |
Revision as of 00:26, 20 July 2021
.tpl-governance-nav {
display: flex;
}
.tpl-governance-nav a {
width: 20em;
max-width: 45%;
margin: 1em;
background-color: #eee;
text-align: center;
color: inherit;
border-radius: 3px;
padding: 0.5em;
}
.tpl-governance-nav a:hover {
text-decoration: none;
}
.tpl-governance-nav-desc:after {
font-size: 2em;
content: "→";
}
.tpl-governance-nav a:hover .tpl-governance-nav-desc:after {
color: green;
}
.tpl-governance-nav-title {
font-size: 110%;
font-weight: bolder;
display: block;
}