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: Line 1:
<includeonly>
<html>
<html>
<!-- MediaWiki:Resources/landingpage-responsive -->
<!-- hack alert: meta tag in the body. no other way to do it though -->
<!-- hack alert: meta tag in the body. no other way to do it though -->
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width">
Line 8: Line 10:
div#content {
div#content {
margin: 0;
margin: 0;
padding: 2%;
padding: 0 1em 1em 1em;
width: 96%;
}
}

td#appeal-wrapper {
#p-logo a {
padding: 120px 2% 2% 0;
width: 120px;
width: 100%;
height: 120px;
display: block;
background-size: 80%;
}
}

td#form-wrapper, td#donate {
#form-wrapper, #donate {
padding: 0 2%;
display: block;
display: block;
}
}
div#greenBackground {
div#greenBackground {
width: 94%;
padding: 1em;
padding: 16px 3%;
width: inherit;
}
}

table#payflow-table-donor {
width: 100%;
/* Hide appeal */
#appeal-wrapper {
margin-top: 120px;
display: block;
}
}
#appeal-head {
display: none;
}
#appeal-body {
padding-top: 0.2em;
}
.appeal-text-long, .appeal-text-short {
display: none;
}

/* Form - Amount/Payment Method */
/* Form - Amount/Payment Method */
div.frequency-options,
div.frequency-options,
table#radiobuttons-table,
table#radiobuttons-table,
input.payment-method-button {
input.payment-method-button {
font-size: 2em;
font-size: 1.5em;
}
}
.radiobuttons-cell {
padding: 0.5em;
}
input.payment-method-button {
input.payment-method-button {
padding: 1em;
padding: 1em;
}
}
div#infobox-wrapper, div#donor-policy-block {
div#infobox-wrapper, div#donor-policy-block {
width: 100%;
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 {
p#informationsharing, ul#moreinfolinks {
font-size: 1.2em;
font-size: 1em;
line-height: 1.35em;
line-height: 1.35em;
width: 96%;
width: inherit;
padding: 2%;
padding: 1em;
}
}

/* Switch appeal to quote */
/* Footer */
.appeal-text-short {
div#footer {
display: block !important;
margin: 0;
}
.appeal-text-long {
display: none;
}
#appeal-head {
display: none;
}
}


}
}
</style>
</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>
</html>
<!-- end of MediaWiki:Resources/landingpage-responsive -->
</includeonly>

Latest revision as of 17:16, 6 January 2015