MediaWiki:Resources/landingpage-responsive: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
Created page with "<html> <!-- hack alert: meta tag in the body. no other way to do it though --> <meta name="viewport" content="width=device-width"> <style> /* Make layout of landing pages resp..." |
more cleanup |
||
| (9 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: |
padding: 0 1em 1em 1em; |
||
| ⚫ | |||
} |
} |
||
#p-logo a { |
|||
width: 120px; |
|||
height: 120px; |
|||
background-size: 80%; |
|||
} |
} |
||
#form-wrapper, #donate { |
|||
| ⚫ | |||
display: block; |
display: block; |
||
} |
} |
||
div#greenBackground { |
div#greenBackground { |
||
padding: 1em; |
|||
width: inherit; |
|||
} |
} |
||
| ⚫ | |||
/* Hide appeal */ |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
| ⚫ | |||
display: none; |
|||
#radiobuttons-table-header, |
|||
td.radiobuttons-cell, |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
#appeal-body { |
|||
padding-top: 0.2em; |
|||
| ⚫ | |||
padding: 0.5em; |
|||
.appeal-text-long, .appeal-text-short { |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
} |
} |
||
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; |
|||
| ⚫ | |||
| ⚫ | |||
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 { |
|||
| ⚫ | |||
} |
|||
.ORB_BUTTON { |
|||
font-size: 2em; |
|||
width: 100%; |
|||
padding: 0; |
|||
} |
|||
p#informationsharing, ul#moreinfolinks { |
p#informationsharing, ul#moreinfolinks { |
||
font-size: |
font-size: 1em; |
||
line-height: 1.35em; |
line-height: 1.35em; |
||
width: |
width: inherit; |
||
padding: |
padding: 1em; |
||
} |
} |
||
/* |
/* Footer */ |
||
div#footer { |
|||
margin: 0; |
|||
} |
|||
| ⚫ | |||
display: none; |
|||
} |
|||
| ⚫ | |||
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> |
|||