Template: Arrow button/styles.css
No edit summary |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
.tpl-arrowButton { | .tpl-arrowButton { | ||
display: inline-block; | display: inline-block; | ||
color: #ffffff; | color: #ffffff; | ||
padding: 0.4em; | padding: 0.4em; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
border-radius: 3px; | border-radius: 3px; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
Line 13: | Line 9: | ||
} | } | ||
.tpl-arrowButton.tpl-arrowButton-hasDescription | .tpl-arrowButton a { | ||
color: inherit; | |||
} | |||
.tpl-arrowButton.tpl-arrowButton-hasDescription { | |||
padding-top: 0.5em; | padding-top: 0.5em; | ||
padding-bottom: 0.5em; | padding-bottom: 0.5em; |
Latest revision as of 03:14, 10 June 2021
.tpl-arrowButton {
display: inline-block;
color: #ffffff;
padding: 0.4em;
line-height: 1.5em;
border-radius: 3px;
margin-bottom: 0.5em;
font-size: 115%;
}
.tpl-arrowButton a {
color: inherit;
}
.tpl-arrowButton.tpl-arrowButton-hasDescription {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.tpl-arrowButton-description {
padding-top: 0.5em;
padding-bottom: 0.5em;
margin: 0;
font-size: smaller;
}
.tpl-arrowButton::before {
content:"⇒ ";
font-weight: bold;
}
.tpl-arrowButton-red {
background: #7e322c;
}
.tpl-arrowButton-green {
background: #53946b;
}
.tpl-arrowButton-blue {
background: #4f79a2;
}
.tpl-arrowButton-gold {
background: #E5B921;
}
.tpl-arrowButton-red:hover {
background: #EDDEDE !important;
color: #000000 !important;
}
.tpl-arrowButton-green:hover {
background: #DEEDE6 !important;
color: #000000 !important;
}
.arrowbutton-blue:hover {
background: #DEE7ED !important;
color: #000000 !important;
}
.tpl-arrowButton-gold:hover {
background: #faefcb !important;
color: #000000 !important;
}