Template:Support Page: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
link color fixes |
button changes |
||
Line 42: | Line 42: | ||
/* OOUI focus styles are applied to buttons */ |
/* OOUI focus styles are applied to buttons */ |
||
.sp-page .sp |
.sp-page .sp-btn:focus { |
||
⚫ | |||
outline: 0; |
outline: 0; |
||
} |
} |
||
Line 328: | Line 327: | ||
} |
} |
||
/* A standard blue button (used e.g. for bitcoin on Ways to Give) */ |
|||
⚫ | |||
.sp-page . |
.sp-page .sp-btn { |
||
font-size: |
font-size: 1rem; |
||
padding: 13px 18px 11px !important; |
padding: 13px 18px 11px !important; |
||
color: #fff !important; |
color: #fff !important; |
||
border |
border: 0; |
||
⚫ | |||
border-radius: 2px; |
border-radius: 2px; |
||
transition: all 300ms ease; |
transition: all 300ms ease; |
||
font-weight: bold; |
font-weight: bold; |
||
line-height: 1.25; /*20px @16px*/ |
line-height: 1.25; /*20px @16px*/ |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
box-shadow: none; |
|||
background: #2a4b8d; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
/* Donate Now button */ |
|||
⚫ | |||
⚫ | |||
background-color: #f51a71; |
background-color: #f51a71; |
||
text-transform: uppercase; |
text-transform: uppercase; |
||
letter-spacing: 0.03125rem; /*0.5px*/ |
letter-spacing: 0.03125rem; /*0.5px*/ |
||
} |
} |
||
⚫ | |||
.sp-page . |
.sp-page .sp-donate-now-btn:active { |
||
⚫ | |||
⚫ | |||
⚫ | |||
.sp-page .sp-donate-btn:focus, |
|||
.sp-page .wtg-bitcoin-btn:hover, |
|||
.sp-page .wtg-bitcoin-btn:focus { |
|||
⚫ | |||
⚫ | |||
.sp-page .sp-donate-btn:hover, |
|||
⚫ | |||
background-color: #b71da0; |
background-color: #b71da0; |
||
⚫ | |||
.sp-page .sp-donate-btn:focus { |
|||
border-color: #f51a71; |
|||
box-shadow: inset 0 0 0 1px #f51a71, inset 0 0 0 2px #fff; |
|||
} |
|||
.sp-page .wtg-bitcoin-btn:hover |
|||
.sp-page .wtg-bitcoin-btn:focus { |
|||
⚫ | |||
} |
|||
.sp-page .wtg-bitcoin-btn:focus { |
|||
border-color: #36c; |
|||
⚫ | |||
} |
} |
||
Line 558: | Line 543: | ||
</div> |
</div> |
||
<div class="sp-nav-container"> |
<div class="sp-nav-container"> |
||
<a class="sp-donate-btn" href="https://donate.wikimedia.org/"></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html></a> |
<a class="sp-btn sp-donate-now-btn" href="https://donate.wikimedia.org/"></html>{{MediaWiki:donate_interface-donate-now/{{Pagelang}}}}<html></a> |
||
<!-- |
<!-- |
||
<nav class="sp-main-nav"> |
<nav class="sp-main-nav"> |