Template:Thank You 2018: Difference between revisions

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →
Content deleted Content added
VisualWikitext
tweak colors and font weights to match new foundation site
add other languages link
(8 intermediate revisions by 2 users not shown)
Line 52: Line 52:
HEX Color Usage
HEX Color Usage
#54595d black WMF Base20, Main color
#54595d black WMF Base20, Main color
#3a25ff blue New foundation site blue: Progressive, action buttons and links (previously #36c)
#3a25ff blue New foundation site blue: Action buttons and links (previously #36c)
#447ff5 blue bright OOJS Primary progressive hover color
#2516b5 blue dark New foundation site blue hover/focus (previously #447ff5)
#fee7e6 red mellow WMF Red90,
#fee7e6 red mellow WMF Red90
#ffdad9 red soft Used in bg gradient
#ffdad9 red soft Used in bg gradient
#f51971 pink <hr> separator bg color, .ty-area separator on mobile (* * *)
#f51971 pink <hr> separator bg color, .ty-area separator on mobile (* * *)
Line 259: Line 259:
font-size: 30px;
font-size: 30px;
line-height: 1.3333333333; /*40px @30px*/
line-height: 1.3333333333; /*40px @30px*/
font-weight: 200;
font-weight: 600;
}
}


Line 463: Line 463:
.ty-share.highlight .ty-action {
.ty-share.highlight .ty-action {
color: #fff;
color: #fff;
background-color: #447ff5;
background-color: #2516b5;
border-color: #447ff5;
border-color: #2516b5;
}
}


.ty-action:focus {
.ty-action:focus {
outline: 0;
outline: 0;
box-shadow: inset 0 0 0 1px #447ff5, inset 0 0 0 2px #fff
box-shadow: inset 0 0 0 1px #2516b5, inset 0 0 0 2px #fff
}
}


Line 484: Line 484:
margin: 10px auto 0;
margin: 10px auto 0;
}
}
⚫
}

.ty-description-small {
display: block;
font-size: 12px;
line-height: 16px;
margin-top: 10px;
}
}


Line 571: Line 578:
}
}


.ty-section-title {
.ty-section-title a,
⚫
.mw-parser-output .ty-footer a,
.ty-description-small a {
color: #3a25ff;
color: #3a25ff;
}

⚫
.ty-section-title a:hover,
⚫
.ty-section-title a:focus,
⚫
.mw-parser-output .ty-footer a:hover,
⚫
.mw-parser-output .ty-footer a:focus,
.ty-description-small a:hover,
.ty-description-small a:focus {
⚫
color: #2516b5;
}
}


Line 579: Line 597:
}
}


⚫
.mw-parser-output .ty-footer a {
⚫
/*Reset visited link color*/
.ty-footer a,
.ty-footer .external,
⚫
.mw-parser-output .ty-footer a:visited,
.mw-parser-output .ty-footer .external:visited,
⚫
.mw-parser-output .ty-section-title a {
⚫
color: #3a25ff;
⚫
}

.ty-footer a,
⚫
.mw-parser-output .ty-footer .external {
padding: 0;
padding: 0;
text-decoration: none;
background-image: none;
background-image: none;
}
}


⚫
/*Reset visited link style color*/
⚫
.ty-footer a:hover,
⚫
.mw-parser-output .ty-description a:visited,
⚫
.ty-footer a:focus,
.mw-parser-output .ty-footer .external:hover,
.mw-parser-output .ty-footer a:visited {
⚫
color: #3a25ff !important;
⚫
.mw-parser-output .ty-footer .external:focus {
⚫
color: #447ff5;
text-decoration: underline;
}
}

</style>
</style>
<div class="ty-page">
<div class="ty-page">
Line 680: Line 686:
<p class="ty-description">
<p class="ty-description">
</html>{{{survey-text}}}<html>
</html>{{{survey-text}}}<html>
<span class="ty-description-small">
</html>{{{survey-legal|This survey is powered by a third-party service. For information on privacy and data-handling, please see the [[wmf:Donor Thank You Survey Privacy Statement|survey privacy statement]].}}}<html>
</span>
</p>
</p>
</div><!--ty-area-->
</div><!--ty-area-->
Line 720: Line 729:
</div><!--ty-page-->
</div><!--ty-page-->
<div style="display: none;" class="loggedinonly">
<div style="display: none;" class="loggedinonly">
</html>[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit this page] · [{{fullurl:Template:Thank_You_2018|action=edit}} Edit template]<html>
</html>[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit this page] · [{{fullurl:Template:Thank_You_2018|action=edit}} Edit template] · [https://donate.wikimedia.org/wiki/Special:PrefixIndex?prefix=Thank+You&namespace=0 Other languages]<html>
</div><!--edit page snippet-->
</div><!--edit page snippet-->
</html>
</html>
{{Hide banners}}
{{Hide banners}}<!-- Important - do not remove! -->
{{Thank You 2018/js}}<!-- Javascript in a subpage, so you can edit and preview this one without Chrome's XSS filter being paranoid -->
{{Thank You 2018/js}}<!-- Javascript is in a subpage, so you can edit and preview this one without Chrome's XSS filter being paranoid -->
{{DISPLAYTITLE:{{{header|Thank You}}}}}<!-- Changes <title> -->
[[Category:Thank You page]]
[[Category:Thank You page]]
{{#if:{{{language|}}}|[[Category:{{#language:{{{language}}}}}]]}}
{{#if:{{{language|}}}|[[Category:{{#language:{{{language}}}}}]]}}

Revision as of 15:44, 10 July 2018

Wikimedia Foundation

{{{header}}}

{{{receipt}}} {{{receipt}}}
{{{header-text1}}} {{{header-text2}}} {{{header-text3}}}

{{{share-facebook-alt}}} {{{share-facebook}}} {{{share-twitter}}}
{{{share-text}}}

{{{share-text}}}

{{{match-header}}}

{{{match-header}}}

{{{match-text}}}

{{{survey-header}}}

{{{survey-header}}}

{{{survey-text}}} This survey is powered by a third-party service. For information on privacy and data-handling, please see the survey privacy statement.

{{{footer-text1}}}

{{{footer-text2}}}

Template:Thank You 2018/js

Retrieved from "https://donate.wikimedia.org/w/index.php?title=Template:Thank_You_2018&oldid=30000"