Template:Thank You 2018: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
tweak colors and font weights to match new foundation site |
||
| Line 52: | Line 52: | ||
HEX Color Usage |
HEX Color Usage |
||
#54595d black WMF Base20, Main color |
#54595d black WMF Base20, Main color |
||
| ⚫ | |||
#295fcc blue contrast Adaptation from #36c to work on bg gradient |
|||
| ⚫ | |||
#447ff5 blue bright OOJS Primary progressive hover color |
#447ff5 blue bright OOJS Primary progressive hover color |
||
#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 (* * *) |
||
#ff908c red .ty-area separator on mobile (* * *) |
|||
#fef6e7 yellow soft WMF Yellow90, Gradient Color |
#fef6e7 yellow soft WMF Yellow90, Gradient Color |
||
*/ |
*/ |
||
| Line 307: | Line 305: | ||
position: relative; |
position: relative; |
||
text-align: center; |
text-align: center; |
||
background-color: # |
background-color: #3a25ff; |
||
} |
} |
||
| Line 384: | Line 382: | ||
height: 2px; |
height: 2px; |
||
border: 0; |
border: 0; |
||
background-color: # |
background-color: #f51971; |
||
} |
} |
||
| Line 421: | Line 419: | ||
.ty-primary .ty-action { |
.ty-primary .ty-action { |
||
background-color: # |
background-color: #3a25ff; |
||
border: 2px solid # |
border: 2px solid #3a25ff; |
||
} |
} |
||
| Line 433: | Line 431: | ||
.ty-action, |
.ty-action, |
||
.ty-action:visited { |
.ty-action:visited { |
||
color: # |
color: #3a25ff; |
||
} |
} |
||
| Line 443: | Line 441: | ||
padding: 8px 20px; /*40px height*/ |
padding: 8px 20px; /*40px height*/ |
||
text-align: center; |
text-align: center; |
||
border: 2px solid # |
border: 2px solid #3a25ff; |
||
border-radius: 2px; |
border-radius: 2px; |
||
cursor: pointer; |
cursor: pointer; |
||
| Line 499: | Line 497: | ||
.ty-secondary .ty-icon-social path { |
.ty-secondary .ty-icon-social path { |
||
fill: # |
fill: #3a25ff; |
||
} |
} |
||
| Line 553: | Line 551: | ||
margin-bottom: 14px; |
margin-bottom: 14px; |
||
content: "* * *"; |
content: "* * *"; |
||
color: # |
color: #f51971; |
||
font-weight: bold; |
font-weight: bold; |
||
font-size: 16px; |
font-size: 16px; |
||
| Line 574: | Line 572: | ||
.ty-section-title { |
.ty-section-title { |
||
color: # |
color: #3a25ff; |
||
} |
} |
||
| Line 587: | Line 585: | ||
.mw-parser-output .ty-footer .external:visited, |
.mw-parser-output .ty-footer .external:visited, |
||
.mw-parser-output .ty-section-title a { |
.mw-parser-output .ty-section-title a { |
||
color: # |
color: #3a25ff; |
||
} |
} |
||
| Line 651: | Line 649: | ||
</a> |
</a> |
||
</div> |
</div> |
||
<svg class="ty-icon ty-icon-share" role="img" aria-labelledby="ty-icon-share-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-share-title"></html>{{{share-text}}}<html></title><g fill="none" fill-rule="evenodd"><path d="M175.877 149.951v38.791l-22.754-15.363C138.415 183.845 120.426 190 101 190c-49.706 0-90-40.294-90-90s40.294-90 90-90 90 40.294 90 90c0 18.48-5.57 35.66-15.123 49.951z" stroke-width="2" stroke="#72777D" fill="#FFF"/><path d="M99.5 84c-2.643-6.928-10.046-12-17.75-12C71.72 72 64 79.728 64 90c0 14.116 14.961 25.032 35.5 46 20.539-20.968 35.5-31.884 35.5-46 0-10.272-7.72-18-17.75-18-7.711 0-15.107 5.072-17.75 12z" fill="# |
<svg class="ty-icon ty-icon-share" role="img" aria-labelledby="ty-icon-share-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-share-title"></html>{{{share-text}}}<html></title><g fill="none" fill-rule="evenodd"><path d="M175.877 149.951v38.791l-22.754-15.363C138.415 183.845 120.426 190 101 190c-49.706 0-90-40.294-90-90s40.294-90 90-90 90 40.294 90 90c0 18.48-5.57 35.66-15.123 49.951z" stroke-width="2" stroke="#72777D" fill="#FFF"/><path d="M99.5 84c-2.643-6.928-10.046-12-17.75-12C71.72 72 64 79.728 64 90c0 14.116 14.961 25.032 35.5 46 20.539-20.968 35.5-31.884 35.5-46 0-10.272-7.72-18-17.75-18-7.711 0-15.107 5.072-17.75 12z" fill="#3a25ff"/></g></svg> |
||
<h3 class="ty-description"> |
<h3 class="ty-description"> |
||
</html>{{{share-text}}}<html> |
</html>{{{share-text}}}<html> |
||
| Line 665: | Line 663: | ||
</h4> |
</h4> |
||
<a href="https://wikimediafoundation.org/wiki/</html>{{{match-link|Matching_Gifts}}}<html>" title="</html>{{{match-header}}}<html>"> |
<a href="https://wikimediafoundation.org/wiki/</html>{{{match-link|Matching_Gifts}}}<html>" title="</html>{{{match-header}}}<html>"> |
||
<svg class="ty-icon ty-icon-gift" role="img" aria-labelledby="ty-icon-gift-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-gift-title"></html>{{{match-header}}}<html></title><g stroke="#72777D" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13.601 85.756H186.4v104.106a2.12 2.12 0 0 1-2.12 2.12H15.72a2.12 2.12 0 0 1-2.12-2.12V85.756z" fill="#FFF"/><path fill="# |
<svg class="ty-icon ty-icon-gift" role="img" aria-labelledby="ty-icon-gift-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-gift-title"></html>{{{match-header}}}<html></title><g stroke="#72777D" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13.601 85.756H186.4v104.106a2.12 2.12 0 0 1-2.12 2.12H15.72a2.12 2.12 0 0 1-2.12-2.12V85.756z" fill="#FFF"/><path fill="#3a25ff" d="M3 85.869h194v-28.31H3z"/><path d="M92.016 66.3l-28.73 28.972a1.06 1.06 0 0 1-1.799-.912l.862-5.442a2.12 2.12 0 0 0-2.311-2.441l-6.292.649a1.06 1.06 0 0 1-.862-1.801l26.682-26.908c-19.856-.765-26.656-3.57-28.772-4.875-11.764-7.287-15.286-22.564-7.86-34.063C47.597 12.29 55.593 8 64.317 8a25.54 25.54 0 0 1 13.47 3.833C84.096 15.718 92.762 30.618 100 45.566c7.239-14.948 15.905-29.848 22.213-33.733A25.54 25.54 0 0 1 135.684 8c8.724 0 16.72 4.29 21.381 11.479 7.427 11.5 3.905 26.776-7.86 34.063-2.166 1.336-9.244 4.245-30.224 4.926l26.63 26.857a1.06 1.06 0 0 1-.86 1.8l-6.293-.648a2.12 2.12 0 0 0-2.311 2.44l.862 5.443a1.06 1.06 0 0 1-1.8.912l-27.225-27.456V192H92.016V66.3zm55.652-40.132c-2.57-3.963-6.978-6.328-11.788-6.328a14.08 14.08 0 0 0-7.426 2.113c-4.484 2.761-11.128 15.615-15.461 25.608 2.37.097 5.322.182 8.487.182 15.64 0 20.496-1.958 21.855-2.795 6.485-4.018 8.427-12.44 4.333-18.78zm-95.319.003c-4.094 6.34-2.152 14.762 4.333 18.78 1.359.837 6.216 2.796 21.856 2.796 3.166 0 6.116-.086 8.487-.183-4.333-9.993-10.977-22.847-15.461-25.608a14.08 14.08 0 0 0-7.427-2.114c-4.81 0-9.218 2.366-11.788 6.329z" fill="#FC3"/></g></svg> |
||
</a> |
</a> |
||
<p class="ty-description"> |
<p class="ty-description"> |
||
| Line 678: | Line 676: | ||
</h4> |
</h4> |
||
<a href="https://www.surveymonkey.com/r/</html>{{#if:{{{survey-code|}}}|{{{survey-code}}}|DLSJWTY}}<html>" title="</html>{{{survey-header}}}<html>"> |
<a href="https://www.surveymonkey.com/r/</html>{{#if:{{{survey-code|}}}|{{{survey-code}}}|DLSJWTY}}<html>" title="</html>{{{survey-header}}}<html>"> |
||
<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="# |
<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="#3a25ff" stroke-width="6.298" stroke-linecap="round" stroke-linejoin="round" d="M71 107.675L89.648 129 129 84"/></g></svg> |
||
</a> |
</a> |
||
<p class="ty-description"> |
<p class="ty-description"> |
||
| Line 691: | Line 689: | ||
</h4> |
</h4> |
||
<a href="https://store.wikimedia.org/" title="</html>{{{store-header}}}<html>"> |
<a href="https://store.wikimedia.org/" title="</html>{{{store-header}}}<html>"> |
||
<svg class="ty-icon ty-icon-merchandise" role="img" aria-labelledby="ty-icon-merchandise-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title id="ty-icon-merchandise-title"></html>{{{store-header}}}<html></title><defs><path d="M0 0h43.015C44.057 0 44.9.845 44.9 1.887v68.117a1.887 1.887 0 0 1-1.886 1.886H1.887A1.887 1.887 0 0 1 0 70.004V0z" id="a"/><path d="M0 0h43.015C44.057 0 44.9.845 44.9 1.887v68.117a1.887 1.887 0 0 1-1.886 1.886H1.887A1.887 1.887 0 0 1 0 70.004V0z" id="b"/><path d="M69.724.017L35.34 8.496a1.887 1.887 0 0 0-1.435 1.832v158.785c0 1.042.844 1.887 1.886 1.887h126.324a1.887 1.887 0 0 0 1.886-1.887V13.891c0-.794-.497-1.503-1.243-1.774L129.345 0h-.06c-6.798 1.721-17.622 2.834-29.813 2.834-12.152 0-22.946-1.106-29.748-2.817z" id="c"/><path d="M69.758.014L35.014 6.446a1.887 1.887 0 0 0-1.543 1.86l.43 160.812A1.887 1.887 0 0 0 35.787 171h126.329a1.887 1.887 0 0 0 1.886-1.887V8.29c0-.904-.64-1.68-1.528-1.852L129.234 0h-.049c.002.157.004.315.004.472 0 16.436-13.305 29.76-29.717 29.76-16.413 0-29.717-13.324-29.717-29.76 0-.153 0-.305.003-.458z" id="d"/></defs><g fill="none" fill-rule="evenodd"><g transform="rotate(-28 147.163 -229.984)"><use fill="#FFF" xlink:href="#a"/><path stroke="#72777D" stroke-width="2" d="M-1-1h44.015A2.887 2.887 0 0 1 45.9 1.887v68.117a2.887 2.887 0 0 1-2.886 2.886H1.887A2.887 2.887 0 0 1-1 70.004V-1z"/></g><path d="M151.999 92.576l39.645-21.08 6.063 11.402c.49.92.14 2.063-.78 2.552l-36.314 19.309c-.92.489-2.062.14-2.551-.78l-6.063-11.403z" fill="#EAECF0"/><g transform="scale(-1 1) rotate(-28 47.163 171.094)"><use fill="#FFF" xlink:href="#b"/><path stroke="#72777D" stroke-width="2" d="M-1-1h44.015A2.887 2.887 0 0 1 45.9 1.887v68.117a2.887 2.887 0 0 1-2.886 2.886H1.887A2.887 2.887 0 0 1-1 70.004V-1z"/></g><path d="M48.001 92.576L8.356 71.496 2.293 82.898c-.49.92-.14 2.063.78 2.552l36.314 19.309c.92.489 2.062.14 2.551-.78l6.063-11.403z" fill="#EAECF0"/><g transform="translate(1 15)"><use fill="#EAECF0" xlink:href="#c"/><path stroke="#72777D" stroke-width="1.887" d="M69.954-.898C76.87.842 87.709 1.89 99.472 1.89c11.801 0 22.671-1.056 29.582-2.806l.114-.028h.342l33.57 12.173a2.83 2.83 0 0 1 1.866 2.66v155.223a2.83 2.83 0 0 1-2.83 2.83H35.792a2.83 2.83 0 0 1-2.83-2.83V10.328a2.83 2.83 0 0 1 2.153-2.748L69.726-.956l.228.058z"/></g><g transform="translate(1 15)"><use fill="#FFF" xlink:href="#d"/><path stroke="#72777D" stroke-width="2" d="M70.758.03c-.002.147-.003.295-.003.442 0 15.884 12.857 28.76 28.717 28.76s28.717-12.876 28.717-28.76c0-.152-.002-.304-.004-.456L128.17-1h1.065l.19.018 33.24 6.437a2.887 2.887 0 0 1 2.338 2.834v160.824a2.887 2.887 0 0 1-2.886 2.887H35.787a2.887 2.887 0 0 1-2.886-2.88L32.47 8.31a2.887 2.887 0 0 1 2.361-2.847l35.944-6.654-.018 1.22z"/></g><g fill-rule="nonzero" fill="# |
<svg class="ty-icon ty-icon-merchandise" role="img" aria-labelledby="ty-icon-merchandise-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title id="ty-icon-merchandise-title"></html>{{{store-header}}}<html></title><defs><path d="M0 0h43.015C44.057 0 44.9.845 44.9 1.887v68.117a1.887 1.887 0 0 1-1.886 1.886H1.887A1.887 1.887 0 0 1 0 70.004V0z" id="a"/><path d="M0 0h43.015C44.057 0 44.9.845 44.9 1.887v68.117a1.887 1.887 0 0 1-1.886 1.886H1.887A1.887 1.887 0 0 1 0 70.004V0z" id="b"/><path d="M69.724.017L35.34 8.496a1.887 1.887 0 0 0-1.435 1.832v158.785c0 1.042.844 1.887 1.886 1.887h126.324a1.887 1.887 0 0 0 1.886-1.887V13.891c0-.794-.497-1.503-1.243-1.774L129.345 0h-.06c-6.798 1.721-17.622 2.834-29.813 2.834-12.152 0-22.946-1.106-29.748-2.817z" id="c"/><path d="M69.758.014L35.014 6.446a1.887 1.887 0 0 0-1.543 1.86l.43 160.812A1.887 1.887 0 0 0 35.787 171h126.329a1.887 1.887 0 0 0 1.886-1.887V8.29c0-.904-.64-1.68-1.528-1.852L129.234 0h-.049c.002.157.004.315.004.472 0 16.436-13.305 29.76-29.717 29.76-16.413 0-29.717-13.324-29.717-29.76 0-.153 0-.305.003-.458z" id="d"/></defs><g fill="none" fill-rule="evenodd"><g transform="rotate(-28 147.163 -229.984)"><use fill="#FFF" xlink:href="#a"/><path stroke="#72777D" stroke-width="2" d="M-1-1h44.015A2.887 2.887 0 0 1 45.9 1.887v68.117a2.887 2.887 0 0 1-2.886 2.886H1.887A2.887 2.887 0 0 1-1 70.004V-1z"/></g><path d="M151.999 92.576l39.645-21.08 6.063 11.402c.49.92.14 2.063-.78 2.552l-36.314 19.309c-.92.489-2.062.14-2.551-.78l-6.063-11.403z" fill="#EAECF0"/><g transform="scale(-1 1) rotate(-28 47.163 171.094)"><use fill="#FFF" xlink:href="#b"/><path stroke="#72777D" stroke-width="2" d="M-1-1h44.015A2.887 2.887 0 0 1 45.9 1.887v68.117a2.887 2.887 0 0 1-2.886 2.886H1.887A2.887 2.887 0 0 1-1 70.004V-1z"/></g><path d="M48.001 92.576L8.356 71.496 2.293 82.898c-.49.92-.14 2.063.78 2.552l36.314 19.309c.92.489 2.062.14 2.551-.78l6.063-11.403z" fill="#EAECF0"/><g transform="translate(1 15)"><use fill="#EAECF0" xlink:href="#c"/><path stroke="#72777D" stroke-width="1.887" d="M69.954-.898C76.87.842 87.709 1.89 99.472 1.89c11.801 0 22.671-1.056 29.582-2.806l.114-.028h.342l33.57 12.173a2.83 2.83 0 0 1 1.866 2.66v155.223a2.83 2.83 0 0 1-2.83 2.83H35.792a2.83 2.83 0 0 1-2.83-2.83V10.328a2.83 2.83 0 0 1 2.153-2.748L69.726-.956l.228.058z"/></g><g transform="translate(1 15)"><use fill="#FFF" xlink:href="#d"/><path stroke="#72777D" stroke-width="2" d="M70.758.03c-.002.147-.003.295-.003.442 0 15.884 12.857 28.76 28.717 28.76s28.717-12.876 28.717-28.76c0-.152-.002-.304-.004-.456L128.17-1h1.065l.19.018 33.24 6.437a2.887 2.887 0 0 1 2.338 2.834v160.824a2.887 2.887 0 0 1-2.886 2.887H35.787a2.887 2.887 0 0 1-2.886-2.88L32.47 8.31a2.887 2.887 0 0 1 2.361-2.847l35.944-6.654-.018 1.22z"/></g><g fill-rule="nonzero" fill="#3a25ff"><path d="M93.704 71.568s-.735-1.539-.986-2.05c-1.67-3.407-1.634-3.588-3.322-3.82-.472-.063-.717-.125-.717-.367v-1.078l.142-.105c3.05-.004 9.837-.004 9.837-.004l.26.088v1.075c0 .245-.17.37-.516.37l-.713.106c-1.803.144-1.508.903-.31 3.36l11.368 23.953.388.11 10.093-24.668c.35-.994.297-1.699-.154-2.114-.453-.402-.771-.643-1.94-.692l-.948-.048a.536.536 0 0 1-.332-.126.358.358 0 0 1-.158-.299v-1.027l.144-.105h11.402l.116.105v1.027c0 .279-.154.419-.458.419-1.494.068-2.601.402-3.318.998-.72.6-1.28 1.425-1.682 2.502 0 0-9.282 21.877-12.458 29.15-1.216 2.384-2.411 2.166-3.463-.068-2.22-4.71-8.475-19-8.475-19l-3.8-7.692z"/><path d="M113.091 64.136s-6.529-.02-9.435 0l-.145.105v1.022c0 .125.053.224.159.3.108.08.218.122.336.122l.467.051c1.188.048 1.735.365 1.898.56.283.35.424.73-.263 2.243L93.918 93.1l-.32-.084s-8.73-18.597-11.258-24.82c-.263-.642-.381-1.122-.381-1.417 0-.632.565-.974 1.694-1.021l1.317-.056c.348 0 .526-.136.526-.418v-1.021l-.119-.105s-10.457-.012-12.617 0l-.118.105v1.073c0 .193.242.313.73.366 1.326.072 2.199.287 2.619.643.417.36.86 1.27 1.447 2.69 3.174 7.7 9.917 21.444 13.2 29.271.946 2.137 2.135 2.469 3.578-.066 2.499-4.68 9.275-18.982 9.275-18.982l5.336-10.082a44.976 44.976 0 0 1 1.525-2.456c.556-.81.868-.962 2.389-1.034.31 0 .467-.14.467-.422v-1.022l-.117-.107z"/></g></g></svg> |
||
</a> |
</a> |
||
<p class="ty-description"> |
<p class="ty-description"> |
||
Revision as of 13:28, 1 June 2018