Template: Arrow button/styles.css
(Created page with ".arrowbutton { color: #ffffff; padding: 0.4em; line-height: 1.5em; display: inline-block; border-radius: 3px; } .arrowbutton::before { content:"⇒ "; font-weight:bold...") |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
. | .tpl-arrowButton { | ||
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; | |||
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:"⇒ "; | content:"⇒ "; | ||
font-weight:bold; | font-weight: bold; | ||
} | } | ||
. | .tpl-arrowButton-red { | ||
background:#7e322c; | background: #7e322c; | ||
} | } | ||
. | .tpl-arrowButton-green { | ||
background:#53946b; | background: #53946b; | ||
} | } | ||
. | .tpl-arrowButton-blue { | ||
background:#4f79a2; | background: #4f79a2; | ||
} | } | ||
. | .tpl-arrowButton-gold { | ||
background:#E5B921; | background: #E5B921; | ||
} | } | ||
. | .tpl-arrowButton-red:hover { | ||
background: #EDDEDE !important; | background: #EDDEDE !important; | ||
color: #000000 !important; | color: #000000 !important; | ||
} | } | ||
. | .tpl-arrowButton-green:hover { | ||
background: #DEEDE6 !important; | background: #DEEDE6 !important; | ||
color: #000000 !important; | color: #000000 !important; | ||
Line 43: | Line 61: | ||
} | } | ||
. | .tpl-arrowButton-gold:hover { | ||
background: #faefcb !important; | background: #faefcb !important; | ||
color: #000000 !important; | color: #000000 !important; | ||
} | } |
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;
}