Template:Thank You 2018: Difference between revisions
Content deleted Content added
rv, that didn't work... |
update with Robin's changes from Thank You 2018 |
||
Line 402:
.ty-primary {
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;
border: 2px solid #36c;▼
}
Line 414 ⟶ 430:
display: inline-block;
margin: 5px;
padding: 8px 20px; /*40px height*/
text-align: center;
Line 427 ⟶ 442:
.ty-action {
padding: 10px 21px 11px 19px; /*45px height*/
}
}
Line 447 ⟶ 461:
outline: 0;
box-shadow: inset 0 0 0 1px #447ff5, inset 0 0 0 2px #fff
▲}
▲.ty-action--primary:visited {
▲ color: #fff;
▲}
▲ background-color: #36c;
▲ border: 2px solid #36c;
}
Line 477 ⟶ 481:
margin-bottom: -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 ⟶ 574:
.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: #36c;
}
Line 624 ⟶ 637:
<div class="ty-area ty-share">
<div class="ty-action-wrapper">
<a class="ty-action
<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>
</a>
<a class="ty-action
<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>
Line 641 ⟶ 654:
</section><!--ty-section-->
<section class="ty-section ty-secondary">
<div class="ty-area">▼
<h4><a href="https://www.surveymonkey.com/r/</html>{{{survey-code|DLSJWTY}}}<html>" title="Take our survey" class="ty-action" target="_blank">▼
<!--Take our survey-->▼
</html>{{{survey-header}}}<html>▼
</a>▼
</h4>▼
<a href="https://www.surveymonkey.com/r/</html>{{{survey-code|DLSJWTY}}}<html>" title="Take our survey" target="_blank">▼
<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>▼
</a>▼
<p class="ty-description">▼
<!--Please help us improve Wikipedia by answering a few questions in our survey.-->▼
</html>{{{survey-text}}}<html>▼
</p>▼
</div><!--ty-area-->▼
<div class="ty-area">
<h4>
Line 668 ⟶ 667:
<!--Double your impact by finding out if your company has a matching gift program.-->
</html>{{{match-text}}}<html>
▲ </p>
▲ </div><!--ty-area-->
▲ <div class="ty-area">
<h4>
▲
▲ <!--Take our survey-->
▲ </html>{{{survey-header}}}<html>
▲ </a>
▲ </h4>
▲ <a href="https://www.surveymonkey.com/r/
▲ <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>
▲ </a>
▲ <p class="ty-description">
▲ <!--Please help us improve Wikipedia by answering a few questions in our survey.-->
▲ </html>{{{survey-text}}}<html>
</p>
</div><!--ty-area-->
Line 686 ⟶ 700:
</div><!--ty-area-->
</section><!--ty-section-->
<hr class="ty-hr ty-hr--narrow" />
<section class="ty-section ty-tertiary">
Line 694 ⟶ 707:
</a>
<h4 class="ty-section-title">
<
<!--Ensuring the future of free knowledge: the Wikimedia Endowment.-->
</html>{{{endowment-title}}}<html>
</a>
</h4>
<p class="ty-section-subtitle">
Line 702 ⟶ 717:
</p>
</section><!--ty-section-->
<hr class="ty-hr ty-hr--narrow" />
</html>{{Hide banners}}<html>
<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.-->
</footer>
</div><!--ty-main-->
|