MediaWiki:Resources/landingpage-responsive: Difference between revisions

Content deleted Content added
don't need this any more, forms on payments should be responsive by default
more cleanup
 
(7 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>
</html>
<!-- end of MediaWiki:Resources/landingpage-responsive -->
</includeonly>