Thank You 2020: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
Seddon (WMF) (talk | contribs)
No edit summary
Seddon (WMF) (talk | contribs)
No edit summary
Line 124: Line 124:
h1,.h1{font-size:1.875rem}
h1,.h1{font-size:1.875rem}
@media (min-width:980px) and (max-width:1280px){
@media screen and (min-width:1080px) and (max-width:1280px){
h1,.h1{font-size:2.9375rem}
h1,.h1{font-size:2.9375rem}
}
}
Line 133: Line 133:
h2,.h2{margin-bottom:2rem;font-size:1.125rem}
h2,.h2{margin-bottom:2rem;font-size:1.125rem}
@media (min-width:980px){
@media screen and (min-width:1080px){
h2,.h2{margin-bottom:2rem}
h2,.h2{margin-bottom:2rem}
}
}
@media (min-width:980px) and (max-width:1280px){
@media screen and (min-width:1080px) and (max-width:1280px){
h2,.h2{font-size:1.25rem}
h2,.h2{font-size:1.25rem}
}
}
Line 146: Line 146:
h3,.h3{margin-bottom:2rem;font-size:1.125rem}
h3,.h3{margin-bottom:2rem;font-size:1.125rem}
@media (min-width:980px){
@media screen and (min-width:1080px){
h3,.h3{margin-bottom:2rem}
h3,.h3{margin-bottom:2rem}
}
}
@media (min-width:980px) and (max-width:1280px){
@media screen and (min-width:1080px) and (max-width:1280px){
h3,.h3{font-size:1.25rem}
h3,.h3{font-size:1.25rem}
}
}
Line 158: Line 158:
p,.p{font-size:.8125rem;line-height:1.466}
p,.p{font-size:.8125rem;line-height:1.466}
@media (min-width:980px) and (max-width:1280px){
@media screen and (min-width:1080px) and (max-width:1280px){
p,.p{font-size:.875rem}
p,.p{font-size:.875rem}
}
}
Line 168: Line 168:
.mw-1120{max-width:70rem;padding:0 1.25rem;margin:0 auto}
.mw-1120{max-width:70rem;padding:0 1.25rem;margin:0 auto}
@media (min-width:980px){.mw-1120{padding:0}}
@media screen and (min-width:1080px){.mw-1120{padding:0}}
.w-100p{width:100%;max-width:100%}
.w-100p{width:100%;max-width:100%}
.flex.flex-medium{display:flex;flex-direction:column}
.flex.flex-medium{display:flex;flex-direction:column}
@media (min-width:980px){.flex.flex-medium{flex-direction:row;flex-wrap:nowrap}}
@media screen and (min-width:1080px){.flex.flex-medium{flex-direction:row;flex-wrap:nowrap}}
.flex.flex-wrap{flex-wrap:wrap}
.flex.flex-wrap{flex-wrap:wrap}
Line 182: Line 182:
.mod-margin-bottom_sm{margin-bottom:2rem}
.mod-margin-bottom_sm{margin-bottom:2rem}
@media (min-width:980px){.mod-margin-bottom_sm{margin-bottom:0}}
@media screen and (min-width:1080px){.mod-margin-bottom_sm{margin-bottom:0}}
.wysiwyg p a,.wysiwyg .p a,.wysiwyg li a{color:#3a25ff}
.wysiwyg p a,.wysiwyg .p a,.wysiwyg li a{color:#3a25ff}
Line 192: Line 192:
.card{position:relative}
.card{position:relative}
@media (min-width:980px){
@media screen and (min-width:1080px){
.card{margin-right:1.25rem}
.card{margin-right:1.25rem}
.card:last-child{margin-right:0}
.card:last-child{margin-right:0}
}
}
@media (min-width:980px){.img-left-content-right .card{display:flex;justify-content:flex-end}}
@media screen and (min-width:1080px){.img-left-content-right .card{display:flex;justify-content:flex-end}}
.screen-reader-text {
.screen-reader-text {
Line 345: Line 345:
}
}
@media (min-width:980px){
@media screen and (min-width:1080px){
.header-img {
.header-img {
height: 175px;
height: 175px;
Line 362: Line 362:
}
}
@media (min-width:980px){
@media screen and (min-width:1080px){
.header-bg-img {
.header-bg-img {
position:absolute;
position:absolute;
Line 407: Line 407:
}
}
@media (min-width:980px){
@media screen and (min-width:1080px){
.vision_container h1 {
.vision_container h1 {
white-space: nowrap;
white-space: nowrap;
Line 468: Line 468:
}
}
@media (min-width:980px){ .w-50p { width:50% } }
@media screen and (min-width:1080px){ .w-50p { width:50% } }
.social-share{margin-top:auto;width:100%;align-self:flex-end}
.social-share{margin-top:auto;width:100%;align-self:flex-end}
@media (min-width:980px){
@media screen and (min-width:1080px){
.mw-600 {
.mw-600 {
max-width:37.5rem;
max-width:37.5rem;
Line 516: Line 516:
}
}
@media (min-width:980px){
@media screen and (min-width:1080px){
.cta-primary .card{
.cta-primary .card{
padding: 0;
padding: 0;
Line 527: Line 527:
}
}
@media (min-width:980px){.cta-primary .card-content{padding:2rem 0;margin-top:0}}
@media screen and (min-width:1080px){.cta-primary .card-content{padding:2rem 0;margin-top:0}}
@media (max-width:980px){.cta-primary .card-content{padding:1rem 0}}
@media (max-width:980px){.cta-primary .card-content{padding:1rem 0}}
.cta-primary .h2,
.cta-primary .h2,
Line 534: Line 534:
.cta .card-content{position:relative;z-index:2}
.cta .card-content{position:relative;z-index:2}
@media (min-width:980px){.cta .card-content{padding:.75rem 0}}
@media screen and (min-width:1080px){.cta .card-content{padding:.75rem 0}}
.cta .card-content .h2 {
.cta .card-content .h2 {
Line 544: Line 544:
.cta .card-content .p { margin-bottom:1.5rem }
.cta .card-content .p { margin-bottom:1.5rem }
@media (min-width:980px){
@media screen and (min-width:1080px){
.cta .card-content p,
.cta .card-content p,
.cta .card-content .p {
.cta .card-content .p {
Line 568: Line 568:
.w-75p { width:100% }
.w-75p { width:100% }
@media (min-width:980px){
@media screen and (min-width:1080px){
.w-25p { width:25% }
.w-25p { width:25% }
.w-32p { width:32% }
.w-32p { width:32% }
Line 587: Line 587:
}
}
@media (min-width:980px){
@media screen and (min-width:1080px){
.sm-img {
.sm-img {
width:70%;
width:70%;
Line 614: Line 614:
}
}
@media (min-width:980px){
@media screen and (min-width:1080px){
.other-ctas .h2 {
.other-ctas .h2 {
font-size: 2rem;
font-size: 2rem;
Line 668: Line 668:
}
}
@media (min-width:980px){.focus-block .h3{margin-bottom:.3125rem}}
@media screen and (min-width:1080px){.focus-block .h3{margin-bottom:.3125rem}}
.focus-block p {
.focus-block p {
Line 695: Line 695:
@media (min-width:980px){footer{padding:3rem 0 4rem}}
@media screen and (min-width:1080px){footer{padding:3rem 0 4rem}}
footer .footer-legal {
footer .footer-legal {
Line 711: Line 711:
color: white;
color: white;
}
}
@media (min-width:980px) and (max-width:1280px){footer .footer-legal p,footer .footer-legal .p{font-size:.85rem}}
@media screen and (min-width:1080px) and (max-width:1280px){footer .footer-legal p,footer .footer-legal .p{font-size:.85rem}}
@media (min-width:1281px){footer .footer-legal p,footer .footer-legal .p{font-size:.95rem}}
@media (min-width:1281px){footer .footer-legal p,footer .footer-legal .p{font-size:.95rem}}
Line 766: Line 766:
margin-bottom: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width:980px) and (max-width:1280px) {
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input {
.email-signup input {
font-size:1.125rem;
font-size:1.125rem;
Line 793: Line 793:
font-size:1rem
font-size:1rem
}
}
@media (min-width:980px) and (max-width:1280px) {
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input::-webkit-input-placeholder {
.email-signup input::-webkit-input-placeholder {
font-size:1.125rem
font-size:1.125rem
Line 808: Line 808:
font-size:1rem
font-size:1rem
}
}
@media (min-width:980px) and (max-width:1280px) {
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input::-moz-placeholder {
.email-signup input::-moz-placeholder {
font-size:1.125rem
font-size:1.125rem
Line 823: Line 823:
font-size:1rem
font-size:1rem
}
}
@media (min-width:980px) and (max-width:1280px) {
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input:-ms-input-placeholder {
.email-signup input:-ms-input-placeholder {
font-size:1.125rem
font-size:1.125rem
Line 838: Line 838:
font-size:1rem
font-size:1rem
}
}
@media (min-width:980px) and (max-width:1280px) {
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input:-moz-placeholder {
.email-signup input:-moz-placeholder {
font-size:1.125rem
font-size:1.125rem

Revision as of 16:04, 9 January 2020

Explore our best content

The top fifteen images from Wiki Loves Monuments contain a treasure trove of the cultural heritage we all share.

Check it out

Install the Wikipedia app

Get the Wikipedia app today for the quickest way to check a fact and get answers to your questions. Downloading is easy on your phone and only takes a minute. It’s free and ad-free.

Download it now