API tools faq
paste
Advertisement
Guest User

wyciete

a guest
Jun 2nd, 2016
1,531
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 16.88 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. #radiobuttons-table-header {
  3.   font-weight: bold;
  4.   font-size: 1.3em;
  5.   margin-bottom: 0.8em;
  6. }
  7.  
  8. .frequency-options {
  9.   margin: 0 3px 0.4em 3px;
  10.   font-size: 1.2em;
  11. }
  12.  
  13. #radiobuttons-table {
  14.   font-size: 1.2em;
  15. }
  16.  
  17. .radiobuttons-cell {
  18.   white-space: nowrap;
  19. }
  20.  
  21. #input_amount_other_box {
  22.   color: black;
  23.   font-size: 0.8em;
  24.   border:1px solid #c0c0c0;
  25.   direction: ltr;
  26. }
  27. </style>
  28.  
  29. <input type="hidden" name="currency_code" value="PLN"/>
  30. <div>
  31.   <div id="radiobuttons-table-header">
  32.     Donation amount:
  33.   </div>
  34. </div>
  35. <div class="frequency-options">
  36.   <label class="checked">
  37.     <input type="radio" name="frequency" id="frequency_onetime" value="onetime" onclick="donationForm.toggleMonthly(false);" checked>
  38.     One-time
  39.   </label>
  40.   <label>
  41.     <input type="radio" name="frequency" id="frequency_monthly" value="monthly" onclick="donationForm.toggleMonthly(true);">
  42.     Monthly*
  43.   </label>
  44. </div>
  45. <div id="radiobuttons-table-body">
  46.   <table id="radiobuttons-table">
  47.     <tr>
  48.       <td class="radiobuttons-cell input_amount_0">
  49.         <input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="10" />
  50.         <label for="input_amount_0">10 zł</label>
  51.       </td>
  52.       <td class="radiobuttons-cell input_amount_1">
  53.         <input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="20" />
  54.         <label for="input_amount_1">20 zł</label>
  55.       </td>
  56.       <td class="radiobuttons-cell input_amount_2">
  57.         <input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="50" />
  58.         <label for="input_amount_2">50 zł</label>
  59.       </td>
  60.       <td class="radiobuttons-cell input_amount_3">
  61.         <input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="100" />
  62.         <label for="input_amount_3">100 zł</label>
  63.       </td>
  64.     </tr>
  65.     <tr>
  66.       <td class="radiobuttons-cell input_amount_4">
  67.         <input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="200" />
  68.         <label for="input_amount_4">200 zł</label>
  69.       </td>
  70.       <td class="radiobuttons-cell input_amount_5">
  71.         <input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="300" />
  72.         <label for="input_amount_5">300 zł</label>
  73.       </td>
  74.       <td class="radiobuttons-cell input_amount_6">
  75.         <input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="500" />
  76.         <label for="input_amount_6">500 zł</label>
  77.       </td>
  78.       <td class="radiobuttons-cell input_amount_other">
  79.         <input type="radio" name="amount" id="input_amount_other" value="Other" onclick="document.getElementById('input_amount_other_box').focus();">
  80.         <label for="input_amount_other">
  81.           <span>Other</span>
  82.           <input type="text" id="input_amount_other_box" size="3" autocomplete="off" value="" onfocus="clearOther(this);">
  83.         </label>
  84.       </td>
  85.     </tr>
  86.   </table>
  87. </div>
  88.  
  89.  
  90.   <div class="payment-method-div monthly-capable paymentmethod-cc">
  91.     <input type="button"  class="payment-method-button" value="Donate by credit/debit card" onclick="donationForm.redirectPayment('cc');"/>
  92.   </div>
  93.  
  94.  
  95.   <div class="payment-method-div monthly-capable paymentmethod-pp">
  96.     <input type="button" class="payment-method-button" value="Donate via PayPal" onclick="donationForm.redirectPayment('paypal');"/>
  97.   </div>
  98.  
  99. </p>
  100.  
  101.   <div class="payment-method-div not-monthly-capable paymentmethod-bt">
  102.     <input type="button" class="payment-method-button" value="Donate by bank transfer" onclick="donationForm.redirectPayment('bt');"/>
  103.   </div>
  104.  
  105.             </div>
  106.             <div class="dividing-line" id="form-line"></div>
  107.             <div id="donor-infobox-block">
  108.                 <div id="infobox-wrapper">
  109.   <div id="infobox-header">
  110. <p>Where your donation goes
  111. </p>
  112.   </div>
  113.   <div id="infobox-body">
  114. <p><b>Technology</b>: Servers, bandwidth, maintenance, development. Wikipedia is one of the top 10 websites in the world, and it runs on a fraction of what other top websites spend.
  115. </p><p><b>People and Projects</b>: The other top websites have thousands of employees. We have about 300 staff to support a wide variety of projects, making your donation a great investment in a
  116.  
  117. highly-efficient not-for-profit organization.
  118. </p>
  119.   </div>
  120. </div>
  121.             </div>
  122.         </div>
  123.  
  124.     </form>
  125.  
  126. </td>
  127. </tr>
  128. </table>
  129. <div id="donor-policy-block">
  130. <p>By donating, you agree to share your personal information with the Wikimedia Foundation, the nonprofit organization that hosts Wikipedia and other Wikimedia projects, and its service providers
  131.  
  132. pursuant to our <a target="_blank" href="//wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Donor_policy">donor policy</a>. Wikimedia Foundation and its service
  133.  
  134. providers are located in the United States and in other countries whose privacy laws may not be equivalent to your own. We do not sell or trade your information to anyone. For more information
  135.  
  136. please read our <a target="_blank" href="//wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Donor_policy">donor policy</a>.
  137. </p>
  138. <div id="cancel-monthly">
  139. <p>*<a target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Cancel_or_change_recurring_payments&amp;basic=true&amp;language=en">For recurring donors, fixed
  140.  
  141. monthly payments will be debited by the Wikimedia Foundation on the monthly anniversary of the first donation, until such time as you notify us to discontinue them. Donations initiated on the 29,
  142.  
  143. 30, or 31 of the month will recur on the last day of the month for shorter months, as close to the original date as possible. For questions, please contact donate@wikimedia.org.</a>
  144. </p>
  145. </div>
  146. </div>
  147. <div class="donate" id="donate-links-block">
  148. <p>
  149. <ul class="form-info-links">
  150.   <li><a id="problems-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Problems_donating&amp;basic=true&amp;country=PL&amp;language=en">Problems
  151.  
  152. donating?</a></li>
  153.  
  154.   <li><a id="ways-to-give-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Ways_to_Give&amp;basic=true&amp;country=PL&amp;language=en">Other ways
  155.  
  156. to give</a></li>
  157.  
  158.   <li><a id="faq-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=FAQ&amp;basic=true&amp;country=PL&amp;language=en">Frequently asked
  159.  
  160. questions</a></li>
  161.  
  162.   <li><a id="tax-link" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=Tax_Deductibility&amp;basic=true&amp;country=PL&amp;language=en">Tax
  163.  
  164. deductibility information</a></li>
  165. </ul>
  166.  
  167. </p>
  168. </div>
  169.  
  170. <p> <style>/* === MediaWiki:Resources/2015/landingpage.css === */
  171.  
  172. /* Hide these until the required JavaScript fiddling has been done */
  173. #actual-form,
  174. .consider-amounts {
  175.   display: none;
  176. }
  177.  
  178. #actual-form-loading {
  179.   text-align: center;
  180.   line-height: 1.2;
  181. }
  182. .error-nojs {
  183.   max-width: 300px;
  184.   color: #800;
  185. }
  186.  
  187. /* --- Hide default MediaWiki stuff we don't want --- */
  188.  
  189. #mw-head-base {
  190.   height: 1em;
  191. }
  192. #mw-panel .portal {
  193.   display: none;
  194. }
  195. #p-namespaces, #p-views, #p-cactions, #p-search, #p-personal, #catlinks, #firstHeading, #contentSub, #siteSub, #jump-to-nav {
  196.   display: none;
  197. }
  198. #content {
  199.   background-color: transparent;
  200.   background-image: none;
  201.   border: none;
  202. }
  203.  
  204. /* --- Overall layout of the landing page --- */
  205.  
  206. #LP-table {
  207.   width: 100%;
  208.   border: none;
  209. }
  210. body.rtl #LP-table {
  211.   direction: rtl;
  212. }
  213.  
  214. #form-wrapper {
  215.   vertical-align: top;
  216. }
  217. #appeal-wrapper {
  218.   vertical-align: top;
  219.   padding-left: 0;
  220.   padding-right: 2em;
  221. }
  222. body.rtl #appeal-wrapper {
  223.   padding-left: 2em;
  224.   padding-right: 0;
  225. }
  226.  
  227. /* --- Appeal ---*/
  228.  
  229. #appeal-head {
  230.   font-size: 1.5em;
  231.   padding-bottom: 0.5em;
  232.   border-bottom: 1px solid #afafaf;
  233. }
  234. #appeal-body {
  235.   padding: 1em 0 0.2em 0;
  236.   font-size: 1.125em;
  237.   margin-bottom: 1em;
  238. }
  239.  
  240. .quote-wrapper {
  241.     padding: 9em 0;
  242. }
  243.  
  244. /* --- Hide non-monthly capable payment methods on monthly forms --- */
  245.  
  246. .form-monthly .not-monthly-capable {
  247.   display: none;
  248. }
  249.  
  250. /* --- Form --- */
  251.  
  252. #form-wrapper * {
  253.   -moz-box-sizing:    border-box;
  254.   -webkit-box-sizing: border-box;
  255.   box-sizing:         border-box;
  256.   transition: all 0.2s;
  257. }
  258.  
  259. #donate-form-wrapper {
  260.   position: relative;
  261.   background-color: #e2e2e2;
  262.   border: none;
  263.   padding: 1.6em;
  264. }
  265.  
  266. #donate-form-wrapper:before {
  267.   pointer-events: none;
  268.   position: absolute;
  269.   left: 0;
  270.   top: 100px;
  271.   content: " ";
  272.   border: solid transparent;
  273.   border-left-color: #f6f6f6;
  274.   border-width: 15px;
  275.   margin-top: -15px;
  276. }
  277.  
  278. body.rtl #donate-form-wrapper:before {
  279.   left: auto;
  280.   right: 0;
  281.   border-left-color: transparent;
  282.   border-right-color: #f6f6f6;
  283. }
  284.  
  285. @media only screen and (max-width: 981px) {
  286.   #donate-form-wrapper:before { display: none; }
  287. }
  288.  
  289. #form-wrapper input:focus,
  290. #form-wrapper input:focus + label {
  291.     outline: 1px solid #999;
  292. }
  293.  
  294. /* --- Subheaders ---*/
  295.  
  296. #radiobuttons-table-header,
  297. #paymenttype-table-header {
  298.   display: block;
  299.   margin-top: 1.5em;
  300.   margin-bottom: .5em;
  301.   text-align: center;
  302.   font-size: .75em;
  303.   text-transform: uppercase;
  304.   font-weight: normal;
  305. }
  306.  
  307. /* --- Frequency options --- */
  308.  
  309. .frequency-options {
  310.   margin: 0 3px;
  311.   font-size: 1em;
  312. }
  313. .frequency-options label {
  314.   display: block;
  315.   float: left;
  316.   width: 49%;
  317.   margin-bottom: 1em;
  318.   -moz-border-radius:    .3em;
  319.   -webkit-border-radius: .3em;
  320.   border-radius:         .3em;
  321.   background: #cacaca;
  322.   padding: 0.4em 0.2em;
  323.   font-size: 1em;
  324.   line-height: 1;
  325.   text-transform: uppercase;
  326.   text-align: center;
  327.   cursor: pointer;
  328. }
  329. .frequency-options label:first-child {
  330.   margin-right: 4px;
  331. }
  332.  
  333. body.rtl .frequency-options label {
  334.   float: right;
  335. }
  336. body.rtl .frequency-options label:first-child {
  337.   margin-left: 4px;
  338.   margin-right: 0;
  339. }
  340.  
  341. @media only screen and (max-width: 740px) {
  342.   .frequency-options label {
  343.     font-size: .8em;
  344.   }
  345. }
  346.  
  347. .frequency-options label:hover {
  348.   background: #afafaf;
  349. }
  350. .frequency-options label:active {
  351.   background: #d2d2d2;
  352.   -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.25);
  353.   -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
  354.   box-shadow:         inset 0 1px 3px rgba(0,0,0,.25);
  355. }
  356. .frequency-options label.checked {
  357.   background: #afafaf;
  358.   -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.25);
  359.   -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
  360.   box-shadow:         inset 0 1px 3px rgba(0,0,0,.25);
  361. }
  362.  
  363. /* --- Donation Amounts --- */
  364.  
  365. #radiobuttons-table-body {
  366.   clear: both;
  367. }
  368.  
  369. #radiobuttons-table {
  370.   width: 100%;
  371.   margin-bottom: 1em;
  372. }
  373.  
  374. .radiobuttons-cell {
  375.   width: 20%;
  376.   padding: 1px;
  377.   text-align: center;
  378. }
  379.  
  380. .radiobuttons-cell input[type="radio"] {
  381.   position: absolute;
  382.   width: 1px;
  383.   height: 1px;
  384.   margin: -1px;
  385.   padding: 0;
  386.   overflow: hidden;
  387.   border: 0;
  388.   clip: rect(0 0 0 0);
  389. }
  390.  
  391. .radiobuttons-cell label {
  392.   background: #367fb4;
  393.   display: block;
  394.   font-size: 1em;
  395.   height: 5em;
  396.   line-height: 5;
  397.   -moz-border-radius:    .3em;
  398.   -webkit-border-radius: .3em;
  399.   border-radius:         .3em;
  400.   color: #fff;
  401.   cursor: pointer;
  402. }
  403.  
  404. .input_amount_other label {
  405.   line-height: 2.5;
  406. }
  407.  
  408. .input_amount_other span {
  409.   font-size: 0.8em;
  410. }
  411.  
  412. .input_amount_other input {
  413.   display: block;
  414.   width: 80%;
  415.   margin: 0 auto;
  416.   background: #fff;
  417.   line-height: 1;
  418.   padding: .2em .5em;
  419.   border: 0;
  420.   outline: 0;
  421.   -moz-border-radius:    .3em;
  422.   -webkit-border-radius: .3em;
  423.   border-radius:         .3em;
  424. }
  425.  
  426. @media only screen and (max-width: 740px) {
  427.   .input_amount_other input {
  428.     padding: .3em;
  429.   }
  430. }
  431.  
  432. .radiobuttons-cell label:active,
  433. .radiobuttons-cell input[type="radio"]:checked + label {
  434.   background: #0f4b76 !important;
  435.   -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.25);
  436.   -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
  437.   box-shadow:         inset 0 1px 3px rgba(0,0,0,.25);
  438. }
  439.  
  440.  
  441. /* --- Payment method buttons --- */
  442.  
  443. .payment-method-button {
  444.   display: block;
  445.   margin: 0 3px .5em 3px;
  446.   width: 100%;
  447.   min-height: 3.5em;
  448.   -moz-border-radius:    .3em;
  449.   -webkit-border-radius: .3em;
  450.   border-radius:         .3em;
  451.   border: 0;
  452.   background-color: #eaeaea;
  453.   background-repeat: no-repeat;
  454.   background-position: center center;
  455.   background-size: auto 65%;
  456.   -moz-box-shadow:    inset 0 14px 16px rgba(255,255,255,.5), inset 0 0 7px #fff;
  457.   -webkit-box-shadow: inset 0 14px 16px rgba(255,255,255,.5), inset 0 0 7px #fff;
  458.   box-shadow:         inset 0 14px 16px rgba(255,255,255,.5), inset 0 0 7px #fff;
  459.   color: #367fb4;
  460.   padding: 0 1em;
  461.   font-size: 1.1em;
  462.   text-transform: uppercase;
  463.   white-space: normal;
  464.   vertical-align: middle;
  465.   cursor: pointer;
  466.   -webkit-appearance: none;
  467.   -moz-appearance:    none;
  468.   appearance:         none;
  469. }
  470.  
  471. .payment-method-button:hover {
  472.   background-color: #f2f2f2;
  473. }
  474.  
  475. .payment-method-button:active {
  476.   background-color: #f2f2f2;
  477.   -moz-box-shadow:    inset 0 14px 16px rgba(255,255,255,.5), inset 0 1px 3px rgba(0,0,0,.25);
  478.   -webkit-box-shadow: inset 0 14px 16px rgba(255,255,255,.5), inset 0 1px 3px rgba(0,0,0,.25);
  479.   box-shadow:         inset 0 14px 16px rgba(255,255,255,.5), inset 0 1px 3px rgba(0,0,0,.25);
  480. }
  481.  
  482. /* This will be overridden for IE 8 and below */
  483. .paymentmethod-pp input,
  484. .paymentmethod-amazon input,
  485. .paymentmethod-bpay input,
  486. .paymentmethod-ideal input,
  487. .paymentmethod-enets input,
  488. .paymentmethod-yandex input {
  489.   text-indent: -10000px;
  490.   overflow: hidden;
  491. }
  492.  
  493. .paymentmethod-cc input {
  494.   background-image: none;
  495. }
  496. .paymentmethod-pp input {
  497.   background-image: url(//upload.wikimedia.org/wikipedia/donate/8/8d/Paypal-color.svg);
  498. }
  499. .paymentmethod-amazon input {
  500.   background-image: url(//upload.wikimedia.org/wikipedia/donate/e/e4/Amazon-color.svg);
  501. }
  502. .paymentmethod-bpay input {
  503.   background-image: url(//upload.wikimedia.org/wikipedia/donate/e/e3/BPAY_Landscape_MONO.gif);
  504. }
  505. .paymentmethod-ideal input {
  506.   background-image: url(//upload.wikimedia.org/wikipedia/donate/8/83/Ideal_logo.gif);
  507. }
  508. .paymentmethod-enets input {
  509.   background-image: url(//upload.wikimedia.org/wikipedia/donate/d/d4/Enets-logo.png);
  510. }
  511. .paymentmethod-yandex input {
  512.   background-image: url(//upload.wikimedia.org/wikipedia/donate/8/85/Yamoney_en.png);
  513. }
  514. html[lang="ru"] .paymentmethod-yandex input {
  515.   background-image: url(//upload.wikimedia.org/wikipedia/donate/c/cb/Yandex_money_RU_logo.png);
  516. }
  517. .paymentmethod-pp-usd input {
  518.   background-image: url(//upload.wikimedia.org/wikipedia/donate/2/22/Paypal-USD-color.svg);
  519. }
  520.  
  521.  
  522. /* --- Infobox ("Where your donation goes") --- */
  523.  
  524. .dividing-line {
  525.   display: none;
  526. }
  527.  
  528. #infobox-wrapper {
  529.   padding-top: 1em;
  530.   width: 25em;
  531.   line-height: 1.1;
  532.   color: #707070;
  533.   font-size: .9em;
  534. }
  535.  
  536. #infobox-header {
  537.   font-size: 1.3em;
  538.   font-weight: bold;
  539.   margin-bottom: .7em;
  540.   color: #367fb4;
  541. }
  542.  
  543. /* --- Privacy and links --- */
  544.  
  545. #donor-policy-block {
  546.   -moz-box-sizing:    border-box;
  547.   -webkit-box-sizing: border-box;
  548.   box-sizing:         border-box;
  549.   width: 100%;
  550.   text-align: center;
  551.   font-size: 0.8em;
  552.   line-height: 1.2;
  553.   padding: 1.8em 15% .7em;
  554. }
  555.  
  556. #donor-policy-block #cancel-monthly {
  557.   margin-top: 1em;
  558. }
  559.  
  560. #donate-links-block {
  561.   -moz-box-sizing:    border-box;
  562.   -webkit-box-sizing: border-box;
  563.   box-sizing:         border-box;
  564.   width: 100%;
  565.   padding: 1em 15% 0;
  566. }
  567.  
  568. .form-info-links {
  569.   list-style: none;
  570.   margin-left: 0;
  571.   width: 100%;
  572.   display: block;
  573.   font-size: 0.8em;
  574.   text-align: center;
  575. }
  576. .form-info-links li {
  577.   width: auto;
  578.   display: inline-block;
  579.   padding: 0 1em;
  580.   margin: 0 auto;
  581. }
  582.  
  583. /* --- Footer --- */
  584.  
  585. #footer-info,
  586. #footer-places {
  587.   display: none;
  588. }
  589. div#footer #footer-icons {
  590.   float: none;
  591.   text-align: center;
  592. }
  593. div#footer #footer-icons li {
  594.   float: none;
  595.   display: inline-block;
  596. }
  597.  
  598. /* === end of MediaWiki:Resources/2015/landingpage.css === */</style>
  599.  <style>/* === MediaWiki:Resources/2015/landingpage-responsive.css === */
  600.  
  601. @media screen and (max-width: 981px) {
  602.   /* Text &amp; Logo layout */
  603.   #content {
  604.     margin: 0;
  605.     padding: 0 1em 1em 1em;
  606.   }
  607.  
  608.   #p-logo a {
  609.     width: 120px;
  610.     height: 120px;
  611.     background-size: 80%;
  612.   }
  613.  
  614.   #form-wrapper, #donate {
  615.     display: block;
  616.   }
  617.  
  618.   /* Hide appeal */
  619.   #appeal-wrapper {
  620.     margin-top: 120px;
  621.     display: block;
  622.   }
  623.   #appeal-head {
  624.     display: none;
  625.   }
  626.   #appeal-body {
  627.     padding-top: 0.2em;
  628.   }
  629.   .appeal-text-long, .appeal-text-short {
  630.     display: none;
  631.   }
  632.  
  633.   div#infobox-wrapper, div#donor-policy-block {
  634.     width: 100%;
  635.   }
  636.  
  637.   /* Smallprint and links */  
  638.   div#donor-policy-block {
  639.     margin: 0;
  640.     padding: 0;
  641.   }
  642.  
  643.   /* Footer */
  644.   div#footer {
  645.     margin: 0;
  646.   }
  647.  
  648. }
  649. /* === end of MediaWiki:Resources/2015/landingpage-responsive.css === */</style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!