Template: Round button/styles.css
No edit summary |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 12: | Line 12: | ||
text-align: center; | text-align: center; | ||
background-color: #53946b; | background-color: #53946b; | ||
overflow: hidden; | |||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
Line 27: | Line 28: | ||
.tpl-round-button-large a { | .tpl-round-button-large a { | ||
padding: 15px; | padding: 15px; | ||
font-size: larger; | |||
} | } | ||
Line 32: | Line 34: | ||
text-decoration: none; | text-decoration: none; | ||
opacity: 0.8; | opacity: 0.8; | ||
} | |||
.tpl-round-button-gold a { | |||
color: black; | |||
background-color: #E5B921; | |||
} | } |
Latest revision as of 09:33, 21 July 2021
.tpl-round-button {
display: inline-block;
width: 54px;
height: 54px;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.tpl-round-button a {
border-radius: 50%;
color: #ffffff;
text-align: center;
background-color: #53946b;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-evenly;
width: 100%;
height: 100%;
padding: 12px;
}
.tpl-round-button-large {
width: 68px;
height: 68px;
}
.tpl-round-button-large a {
padding: 15px;
font-size: larger;
}
.tpl-round-button-large a:hover {
text-decoration: none;
opacity: 0.8;
}
.tpl-round-button-gold a {
color: black;
background-color: #E5B921;
}