MediaWiki:Resources/landingpage-responsive: Difference between revisions

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
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: 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>
</html>
</html>
<!-- end of MediaWiki:Resources/landingpage-responsive -->
</includeonly>

Latest revision as of 17:16, 6 January 2015

Retrieved from "https://donate.wikimedia.org/w/index.php?title=MediaWiki:Resources/landingpage-responsive&oldid=26559"