Template: Round button/styles.css
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.tpl-round-button { | |||
display: inline-block; | |||
} | |||
.tpl-round-button a { | .tpl-round-button a { | ||
border-radius: 50%; | border-radius: 50%; | ||
color: #ffffff; | color: #ffffff; | ||
Line 10: | Line 13: | ||
text-align: center; | text-align: center; | ||
background-color: #53946b; | background-color: #53946b; | ||
align-items: center; | |||
justify-content: space-evenly; | |||
} | } | ||
Line 19: | Line 24: | ||
.tpl-round-button-large a:hover { | .tpl-round-button-large a:hover { | ||
text-decoration: none; | |||
opacity: 0.8; | opacity: 0.8; | ||
} | } |
Revision as of 09:09, 21 July 2021
.tpl-round-button {
display: inline-block;
}
.tpl-round-button a {
border-radius: 50%;
color: #ffffff;
width: 54px;
height: 54px;
padding: 12px;
margin-right: 0.5em;
margin-bottom: 0.5em;
text-align: center;
background-color: #53946b;
align-items: center;
justify-content: space-evenly;
}
.tpl-round-button-large a {
width: 68px;
height: 68px;
padding: 15px;
}
.tpl-round-button-large a:hover {
text-decoration: none;
opacity: 0.8;
}