Template: Four-buttons/styles.css
(Samwilson changed the content model of the page Template:Governance-nav/styles.css from "wikitext" to "Sanitized CSS") Tag: content model change |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.tpl- | .tpl-four-buttons { | ||
display: | display: flex; | ||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
} | } | ||
tpl- | |||
font-weight: bolder; | .tpl-four-buttons a { | ||
display: block; | width: 22%; | ||
background-color: #eee; | |||
text-align: center; | |||
color: inherit; | |||
border-radius: 3px; | |||
padding: 0.5em; | |||
border: 1px solid #eee; | |||
margin-bottom: 1em; | |||
} | |||
@media ( max-width: 600px ) { | |||
.tpl-four-buttons a { | |||
width: 43%; | |||
} | |||
} | |||
.tpl-four-buttons a:hover { | |||
text-decoration: none; | |||
border-color: green; | |||
} | |||
.tpl-four-buttons-desc:after { | |||
display: block; | |||
font-size: 4em; | |||
content: "→"; | |||
line-height: 0.7em; | |||
} | |||
.tpl-four-buttons a:hover .tpl-four-buttons-desc:after { | |||
color: green; | |||
} | |||
.tpl-four-buttons-title { | |||
font-size: 110%; | |||
font-weight: bolder; | |||
display: block; | |||
} | } |
Latest revision as of 08:10, 14 October 2021
.tpl-four-buttons {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tpl-four-buttons a {
width: 22%;
background-color: #eee;
text-align: center;
color: inherit;
border-radius: 3px;
padding: 0.5em;
border: 1px solid #eee;
margin-bottom: 1em;
}
@media ( max-width: 600px ) {
.tpl-four-buttons a {
width: 43%;
}
}
.tpl-four-buttons a:hover {
text-decoration: none;
border-color: green;
}
.tpl-four-buttons-desc:after {
display: block;
font-size: 4em;
content: "→";
line-height: 0.7em;
}
.tpl-four-buttons a:hover .tpl-four-buttons-desc:after {
color: green;
}
.tpl-four-buttons-title {
font-size: 110%;
font-weight: bolder;
display: block;
}