MediaWiki:Resources/2015/landingpage-responsive.css

From Donate
Revision as of 19:54, 7 January 2015 by Pcoombe (talk | contribs) (breaking out this too)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* === MediaWiki:Resources/2015/landingpage-responsive.css === */

@media screen and (max-width: 981px) {
  /* Text & Logo layout */
  #content {
    margin: 0;
    padding: 0 1em 1em 1em;
  }

  #p-logo a {
    width: 120px;
    height: 120px;
    background-size: 80%;
  }

  #form-wrapper, #donate {
    display: block;
  }

  /* 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 */
  div.frequency-options,
  table#radiobuttons-table,
  input.payment-method-button {
    font-size: 1.5em;
  }
  input.payment-method-button {
    padding: 1em;
  }
  div#infobox-wrapper, div#donor-policy-block {
    width: 100%;
  }

  p#informationsharing, ul#moreinfolinks {
    font-size: 1em;
    line-height: 1.35em;
    width: inherit;
    padding: 1em;
  }

  /* Footer */
  div#footer {
    margin: 0;
  }

}
/* === end of MediaWiki:Resources/2015/landingpage-responsive.css === */