MediaWiki:Resources/landingpage-responsive: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
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>

Latest revision as of 17:16, 6 January 2015