Donate

MediaWiki:Resources/landingpage-responsive: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
No edit summary
more cleanup
 
(8 intermediate revisions by the same user not shown)
Line 1:
<includeonly>
<html>
<!-- MediaWiki:Resources/landingpage-responsive -->
<!-- hack alert: meta tag in the body. no other way to do it though -->
<meta name="viewport" content="width=device-width">
Line 8 ⟶ 10:
div#content {
margin: 0;
padding: 2%0 1em 1em 1em;
width: 96%;▼
}
 
td#appealp-wrapperlogo a {
paddingwidth: 120px 2% 2% 0;
widthheight: 100%120px;
displaybackground-size: block80%;
}
 
td#form-wrapper, td#donate {
padding: 0 2%;▼
display: block;
}
div#greenBackground {
widthpadding: 94%1em;
paddingwidth: 16px 3%inherit;
}
 
table#payflow-table-donor {
/* Hide appeal width: 100%;*/
#appeal-headwrapper {▼
margin-righttop: 1em120px;▼
display: block;▼
}
.#appeal-text-longhead {▼
▲ widthdisplay: 96%none;
}▼
#appeal-body {
▲ padding-top: 0 2%.2em;
}▼
.appeal-text-long, .appeal-text-short {
display: none;▼
}▼
 
/* Form - Amount/Payment Method */
div.frequency-options,
table#radiobuttons-table,
input.payment-method-button {
font-size: 2em1.5em;
}
.radiobuttons-cell {
padding: 0.5em;
▲ }
input.payment-method-button {
padding: 1em;
}
div#infobox-wrapper, div#donor-policy-block {
width: 100%;
}
 
div#donor-policy-block {
padding: .5em 0 0 0;
▲ }
/* Form - Contact/Donation Info */
td#donate form input[type="text"], td#donate form select {
▲ display: block;
font-size: 2em;
width: 94% !important;
margin: 5px 0 !important;
padding: 15px 3%;
▲ }
.options-h li {
▲ margin-right: 1em;
}
.ORB_BUTTON {
font-size: 2em;
width: 100%;
padding: 0;
}
p#informationsharing, ul#moreinfolinks {
font-size: 1.2em1em;
line-height: 1.35em;
width: 96%inherit;
padding: 2%1em;
}
 
/* Switch appeal to quoteFooter */
.appeal-text-shortdiv#footer {
displaymargin: block !important0;
}
▲ .appeal-text-long {
▲ display: none;
}
▲ #appeal-head {
display: none;
}
 
 
}
</style>
<script>
$(document).ready(function() {
/* For responsive forms, use a responsive page on payments too. */
$('form[name="paypalcontribution"]').append($('<input type="hidden" name="appeal" value="JimmyQuote-mobile">'));
});
</script>
</html>
<!-- end of MediaWiki:Resources/landingpage-responsive -->
</includeonly>
Retrieved from "https://donate.wikimedia.org/wiki/MediaWiki:Resources/landingpage-responsive"