Template:Thank You 2018: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
rv, that didn't work... |
update with Robin's changes from Thank You 2018 |
||
| Line 402: | Line 402: | ||
.ty-primary { |
.ty-primary { |
||
position: relative; |
position: relative; |
||
| ⚫ | |||
.ty-secondary .ty-action:hover .ty-icon-social path, |
|||
.ty-secondary .ty-action:focus .ty-icon-social path, |
|||
.ty-secondary .ty-share.highlight .ty-action .ty-icon-social path { |
|||
| ⚫ | |||
| ⚫ | |||
.ty-primary .ty-action, |
|||
| ⚫ | |||
| ⚫ | |||
} |
|||
.ty-primary .ty-action { |
|||
background-color: #36c; |
|||
| ⚫ | |||
} |
} |
||
| Line 414: | Line 430: | ||
display: inline-block; |
display: inline-block; |
||
margin: 5px; |
margin: 5px; |
||
min-width: 130px; |
|||
padding: 8px 20px; /*40px height*/ |
padding: 8px 20px; /*40px height*/ |
||
text-align: center; |
text-align: center; |
||
| Line 427: | Line 442: | ||
.ty-action { |
.ty-action { |
||
padding: 10px 21px 11px 19px; /*45px height*/ |
padding: 10px 21px 11px 19px; /*45px height*/ |
||
min-width: 190px; |
|||
} |
} |
||
} |
} |
||
| Line 447: | Line 461: | ||
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 #447ff5, inset 0 0 0 2px #fff |
||
| ⚫ | |||
.ty-action--primary, |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
.ty-action--primary { |
|||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
| Line 477: | Line 481: | ||
margin-bottom: -4px; |
margin-bottom: -4px; |
||
margin-right: 4px; |
margin-right: 4px; |
||
} |
|||
.ty-icon-social path { |
|||
transition: all 0.15s ease-in-out; |
|||
} |
|||
.ty-secondary .ty-icon-social path { |
|||
fill: #36c; |
|||
} |
} |
||
| Line 562: | Line 574: | ||
.ty-footer .external, |
.ty-footer .external, |
||
.mw-parser-output .ty-footer a:visited, |
.mw-parser-output .ty-footer a:visited, |
||
.mw-parser-output .ty-footer .external:visited |
.mw-parser-output .ty-footer .external:visited, |
||
.mw-parser-output .ty-section-title a { |
|||
color: #36c; |
color: #36c; |
||
} |
} |
||
| Line 624: | Line 637: | ||
<div class="ty-area ty-share"> |
<div class="ty-area ty-share"> |
||
<div class="ty-action-wrapper"> |
<div class="ty-action-wrapper"> |
||
<a class="ty-action |
<a class="ty-action" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fdonate.wikimedia.org%2F%3Futm_medium%3DSocialMedia%26utm_campaign%3DThankYouPage%26utm_source%3DFacebook" title="Share on Facebook" target="_blank"> |
||
<svg class="ty-icon-social ty-icon-social-fb" role="img" aria-labelledby="ty-icon-social-fb" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title id="ty-icon-social-fb"></html>{{{share-facebook-alt}}}<html></title><path fill="#FFF" d="M18.896 20H1.104C.494 20 0 19.506 0 18.896V1.104C0 .494.494 0 1.104 0h17.792C19.506 0 20 .494 20 1.104v17.792c0 .61-.494 1.104-1.104 1.104zm-4.443 0v-7.72h2.722l.407-3.008h-3.129v-1.92c0-.872.254-1.465 1.566-1.465h1.673V3.194a23.482 23.482 0 0 0-2.438-.118c-2.412 0-4.064 1.402-4.064 3.977v2.218H8.462v3.009h2.728V20h3.263z"/></svg> |
<svg class="ty-icon-social ty-icon-social-fb" role="img" aria-labelledby="ty-icon-social-fb" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title id="ty-icon-social-fb"></html>{{{share-facebook-alt}}}<html></title><path fill="#FFF" d="M18.896 20H1.104C.494 20 0 19.506 0 18.896V1.104C0 .494.494 0 1.104 0h17.792C19.506 0 20 .494 20 1.104v17.792c0 .61-.494 1.104-1.104 1.104zm-4.443 0v-7.72h2.722l.407-3.008h-3.129v-1.92c0-.872.254-1.465 1.566-1.465h1.673V3.194a23.482 23.482 0 0 0-2.438-.118c-2.412 0-4.064 1.402-4.064 3.977v2.218H8.462v3.009h2.728V20h3.263z"/></svg> |
||
</html>{{{share-facebook}}}<html> |
</html>{{{share-facebook}}}<html> |
||
</a> |
</a> |
||
<a class="ty-action |
<a class="ty-action" href="{{{share-link}}}" title="{{{share-twitter}}}" target="_blank"> |
||
<svg class="ty-icon-social ty-icon-social-twitter" role="img" aria-labelledby="ty-icon-social-twitter" xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20"><title id="ty-icon-social-twitter"></html>{{{share-facebook-alt}}}<html></title><path fill="#FFF" d="M7.77 20c9.323 0 14.422-7.694 14.422-14.366 0-.218-.005-.436-.015-.652a10.29 10.29 0 0 0 2.529-2.615c-.908.402-1.886.673-2.911.795A5.07 5.07 0 0 0 24.024.37a10.19 10.19 0 0 1-3.219 1.225A5.072 5.072 0 0 0 17.105 0c-2.799 0-5.069 2.261-5.069 5.048 0 .396.045.782.132 1.151A14.412 14.412 0 0 1 1.719.924a5.04 5.04 0 0 0 1.57 6.74 5.046 5.046 0 0 1-2.296-.63v.064a5.055 5.055 0 0 0 4.066 4.949 5.094 5.094 0 0 1-2.29.087 5.071 5.071 0 0 0 4.736 3.506 10.194 10.194 0 0 1-6.296 2.162c-.409 0-.812-.024-1.209-.07A14.39 14.39 0 0 0 7.77 20"/></svg> |
<svg class="ty-icon-social ty-icon-social-twitter" role="img" aria-labelledby="ty-icon-social-twitter" xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20"><title id="ty-icon-social-twitter"></html>{{{share-facebook-alt}}}<html></title><path fill="#FFF" d="M7.77 20c9.323 0 14.422-7.694 14.422-14.366 0-.218-.005-.436-.015-.652a10.29 10.29 0 0 0 2.529-2.615c-.908.402-1.886.673-2.911.795A5.07 5.07 0 0 0 24.024.37a10.19 10.19 0 0 1-3.219 1.225A5.072 5.072 0 0 0 17.105 0c-2.799 0-5.069 2.261-5.069 5.048 0 .396.045.782.132 1.151A14.412 14.412 0 0 1 1.719.924a5.04 5.04 0 0 0 1.57 6.74 5.046 5.046 0 0 1-2.296-.63v.064a5.055 5.055 0 0 0 4.066 4.949 5.094 5.094 0 0 1-2.29.087 5.071 5.071 0 0 0 4.736 3.506 10.194 10.194 0 0 1-6.296 2.162c-.409 0-.812-.024-1.209-.07A14.39 14.39 0 0 0 7.77 20"/></svg> |
||
</html>{{{share-twitter}}}<html> |
</html>{{{share-twitter}}}<html> |
||
| Line 641: | Line 654: | ||
</section><!--ty-section--> |
</section><!--ty-section--> |
||
<section class="ty-section ty-secondary"> |
<section class="ty-section ty-secondary"> |
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | <svg class="ty-icon ty-icon-survey" role="img" aria-labelledby="ty-icon-survey-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-survey-title"></html>{{{survey-header}}}<html></title><g fill="none" fill-rule="evenodd"><g stroke="#54595D" stroke-width="2" transform="translate(28 4)"><rect fill="#FFF" y="19" width="144" height="172" rx="2.624"/><path d="M54.175 11.18C55.401 4.862 62.915 0 72 0c9.037 0 16.518 4.81 17.804 11.077L116.987 11A8.988 8.988 0 0 1 126 19.986V26.9a2.1 2.1 0 0 1-2.1 2.1H20.1a2.1 2.1 0 0 1-2.1-2.1v-6.758a8.884 8.884 0 0 1 8.858-8.884l27.317-.078z" fill="#EAECF0"/></g><path stroke="#36c" stroke-width="6.298" stroke-linecap="round" stroke-linejoin="round" d="M71 107.675L89.648 129 129 84"/></g></svg> |
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
<div class="ty-area"> |
<div class="ty-area"> |
||
<h4> |
<h4> |
||
| Line 668: | Line 667: | ||
<!--Double your impact by finding out if your company has a matching gift program.--> |
<!--Double your impact by finding out if your company has a matching gift program.--> |
||
</html>{{{match-text}}}<html> |
</html>{{{match-text}}}<html> |
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
<h4> |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | <svg class="ty-icon ty-icon-survey" role="img" aria-labelledby="ty-icon-survey-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-survey-title"></html>{{{survey-header}}}<html></title><g fill="none" fill-rule="evenodd"><g stroke="#54595D" stroke-width="2" transform="translate(28 4)"><rect fill="#FFF" y="19" width="144" height="172" rx="2.624"/><path d="M54.175 11.18C55.401 4.862 62.915 0 72 0c9.037 0 16.518 4.81 17.804 11.077L116.987 11A8.988 8.988 0 0 1 126 19.986V26.9a2.1 2.1 0 0 1-2.1 2.1H20.1a2.1 2.1 0 0 1-2.1-2.1v-6.758a8.884 8.884 0 0 1 8.858-8.884l27.317-.078z" fill="#EAECF0"/></g><path stroke="#36c" stroke-width="6.298" stroke-linecap="round" stroke-linejoin="round" d="M71 107.675L89.648 129 129 84"/></g></svg> |
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
</p> |
</p> |
||
</div><!--ty-area--> |
</div><!--ty-area--> |
||
| Line 686: | Line 700: | ||
</div><!--ty-area--> |
</div><!--ty-area--> |
||
</section><!--ty-section--> |
</section><!--ty-section--> |
||
</html>{{#if:{{{endowment-header|}}}|<html><!-- Endowment section - only show if we specify translations --> |
|||
<hr class="ty-hr ty-hr--narrow" /> |
<hr class="ty-hr ty-hr--narrow" /> |
||
<section class="ty-section ty-tertiary"> |
<section class="ty-section ty-tertiary"> |
||
| Line 694: | Line 707: | ||
</a> |
</a> |
||
<h4 class="ty-section-title"> |
<h4 class="ty-section-title"> |
||
< |
<a href="https://wikimediaendowment.org/" title="The Wikimedia Endowment" target="_blank"> |
||
<!--Ensuring the future of free knowledge: the Wikimedia Endowment.--> |
|||
</html>{{{endowment-title}}}<html> |
</html>{{{endowment-title}}}<html> |
||
</a> |
|||
</h4> |
</h4> |
||
<p class="ty-section-subtitle"> |
<p class="ty-section-subtitle"> |
||
| Line 702: | Line 717: | ||
</p> |
</p> |
||
</section><!--ty-section--> |
</section><!--ty-section--> |
||
</html>}}<html><!-- End of Endowment section --> |
|||
<hr class="ty-hr ty-hr--narrow" /> |
<hr class="ty-hr ty-hr--narrow" /> |
||
</html>{{Hide banners}}<html> |
</html>{{Hide banners}}<html> |
||
<footer class="ty-section ty-footer"> |
<footer class="ty-section ty-footer"> |
||
<!--If you have any questions, please email <a href="mailto:donate@wikimedia.org" title="Check the status of your donation">donate@wikimedia.org</a>. Text is available under the <a href="https://creativecommons.org/licenses/by-sa/3.0/" title="Creative Commons Attribution-ShareAlike License" target="_blank">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. See <a href="https://wikimediafoundation.org/wiki/Terms_of_Use" title="Terms of Use" target="_blank">Terms of Use</a> or <a href="https://wikimediafoundation.org/wiki/Special:MyLanguage/Privacy_policy" title="Privacy Policy" target="_blank">Privacy Policy</a> for details.--> |
<!--If you have any questions, please email <a href="mailto:donate@wikimedia.org" title="Check the status of your donation">donate@wikimedia.org</a>. Text is available under the <a href="https://creativecommons.org/licenses/by-sa/3.0/" title="Creative Commons Attribution-ShareAlike License" target="_blank">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. See <a href="https://wikimediafoundation.org/wiki/Terms_of_Use" title="Terms of Use" target="_blank">Terms of Use</a> or <a href="https://wikimediafoundation.org/wiki/Special:MyLanguage/Privacy_policy" title="Privacy Policy" target="_blank">Privacy Policy</a> for details.--> |
||
</html>{{{footer-text1}}}<html> |
|||
</html>{{{footer-text2}}}<html> |
|||
</footer> |
</footer> |
||
</div><!--ty-main--> |
</div><!--ty-main--> |
||
Revision as of 16:55, 21 February 2018