Template: Four-buttons/styles.css
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
.tpl-governance-nav a { | .tpl-governance-nav a { | ||
width: 22%; | width: 22%; | ||
Line 13: | Line 14: | ||
border: 1px solid #eee; | border: 1px solid #eee; | ||
} | } | ||
@media ( max-width: 600px ) { | |||
.tpl-governance-nav a { | |||
width: 43%; | |||
} | |||
} | |||
.tpl-governance-nav a:hover { | .tpl-governance-nav a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
border-color: green; | border-color: green; | ||
} | } | ||
.tpl-governance-nav-desc:after { | .tpl-governance-nav-desc:after { | ||
display: block; | display: block; | ||
Line 23: | Line 32: | ||
line-height: 0.7em; | line-height: 0.7em; | ||
} | } | ||
.tpl-governance-nav a:hover .tpl-governance-nav-desc:after { | .tpl-governance-nav a:hover .tpl-governance-nav-desc:after { | ||
color: green; | color: green; | ||
} | } | ||
.tpl-governance-nav-title { | .tpl-governance-nav-title { | ||
font-size: 110%; | font-size: 110%; |
Revision as of 00:36, 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;
}
@media ( max-width: 600px ) {
.tpl-governance-nav a {
width: 43%;
}
}
.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;
}