MediaWiki:Resources/landingpage.css: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
minor cleanup
new css for policy and footer
Line 18: Line 18:


/**
/**
* Hide non-monthly capable payment methods on monthly forms
* Hide non-monthly capable payment methods on monthly forms
*/
*/
.form-monthly .not-monthly-capable {
.form-monthly .not-monthly-capable {
Line 25: Line 25:


/**
/**
* This CSS is used to hide the mediawiki stuff we don't want people to see.
* This CSS is used to hide the mediawiki stuff we don't want people to see.
*/
*/
body.mediawiki {
body.mediawiki {
Line 57: Line 57:
#footer-places {
#footer-places {
display: none !important;
display: none !important;
}

#donor-policy-block {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
font-size: 0.75em;
line-height: 1.1;
padding: 1.8em 15% .7em;
}

#donor-policy-block #cancel-monthly {
margin-top: 1em;
}

#donate-links-block {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 1em 15% 0;
}

.form-info-links {
list-style: none;
width: 100%;
display: block;
font-size: .8em;
text-align: center;
}
.form-info-links li {
width: auto;
display: inline-block;
padding: 0 1em;
margin: 0 auto;
}

#footer {
margin: 0 !important;
}
#footer-info {
display: none;
}
#footer-icons {
text-align: center !important;
float: none !important;
}
div#footer #footer-icons li {
float: none !important;
display: inline-block;
text-align: center !important;
}
}
</style>
</style>

Revision as of 16:41, 6 January 2015

<html>
<style>
/**
  * This CSS is responsible for the overall layout of the LP
  */
#LP-table {
  width: 100%;
  direction: </html>{{Template:2012FR/Switch/Ltr-direction|{{int:lang}}}}<html>;
  border: none;
}
#form-wrapper {
  vertical-align: top;
}
#appeal-wrapper {
  vertical-align: top;
  padding-</html>{{#ifeq:{{Template:2012FR/Switch/Ltr-direction|{{int:lang}}}}|rtl|left|right}}<html>: 2em;
}

/**
  * Hide non-monthly capable payment methods on monthly forms
  */
.form-monthly .not-monthly-capable {
    display: none;
}

/**
  * This CSS is used to hide the mediawiki stuff we don't want people to see.
  */
body.mediawiki {
  direction: </html>{{Template:2012FR/Switch/Ltr-direction|{{int:lang}}}}<html> !important;
}
div#mw-panel {
  left: auto !important;
  right: auto !important;
}
#footer {
  background-image: none !important;
}
#mw-head-base {
  height: 1em !important;
}
#mw-panel div.portal {
  display: none !important;
}
#p-namespaces, #p-views, #p-cactions, #p-search, #p-personal, #catlinks, #firstHeading, #contentSub, #siteSub, #jump-to-nav {
  display: none;
}
div#content {
  background-color: transparent !important;
  background-image: none !important;
  direction: </html>{{Template:2012FR/Switch/Ltr-direction|{{int:lang}}}}<html> !important;
  border: none;
}
div#mw-head-base {
  background-image: none !important;
}
#footer-places {
  display: none !important;
}

#donor-policy-block {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
  width: 100%;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.1;
  padding: 1.8em 15% .7em;
}

#donor-policy-block #cancel-monthly {
  margin-top: 1em;
}

#donate-links-block {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
  width: 100%;
  padding: 1em 15% 0;
}

.form-info-links {
  list-style: none;
  width: 100%;
  display: block;
  font-size: .8em;
  text-align: center;
}
.form-info-links li {
  width: auto;
  display: inline-block;
  padding: 0 1em;
  margin: 0 auto;
}

#footer {
  margin: 0 !important;
}
#footer-info {
  display: none;
}
#footer-icons {
  text-align: center !important;
  float: none !important;
}
div#footer #footer-icons li {
  float: none !important;
  display: inline-block;
  text-align: center !important;
}
</style>

<!--[if lt IE 8]>
<style>
div#mw-panel {
  left: 0 !important;
  right: auto !important;
}
body.rtl div#mw-panel {
  left: auto !important;
  right: 0 !important;
}
</style>
<![endif]-->
</html>