JSFiddle - React, Tailwind, and code Playground
HTML
<div align="center" class="amoney-mod2">
<a href="javascript:void(0);" onclick="spf('wm')" rel="nofollow"><img
class="south bor1" src="http://www.foto-s.ru/modules/mod_amoney/images/logowm_small.gif"
alt="WebMoney" title="WebMoney" /></a>
</div>
<div id="wm" align="center" style="display:none;">
<div class="amoney_tr">
<div class="amoney_tl">
<div class="amoney_t"> </div>
</div>
</div>
<div class="amoney_m" style="height:162px">
<form id="wm-pay" name="pay" method="post" action="https://merchant.webmoney.ru/lmi/payment.asp" target="_blank">
<div class="cont1" align="center">
<img class="bor2" src="http://www.foto-s.ru/modules/mod_amoney/images/logowm.gif" alt="Webmoney" />
</div>
<div class="cont1" align="center">
<label class="letter">Валюта и сумма:</label>
</div>
<div class="cont1" align="center">
<span class="focus-example1">
<input id="wm-pay-1" class="wm-pay-1" type="text" name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму" />
</span>
<label class="focus-example">
<select id="wm-pay-2" class="wm-pay-2" name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;" >
<optgroup label="Выбор">
<option value="R000000000000">WMR</option>
<option value="Z957282423806">WMZ</option>
<option value="E684847905683">WME</option>
<option value="U207811153699">WMU</option>
<option value="B390669069034">WMB</option>
</optgroup>
</select>
</label>
<input type="hidden" name="LMI_PAYMENT_DESC" value="Blagodarnost Avtoru" />
<input type="hidden" name="LMI_PAYMENT_NO" value="9614286" />
<input type="hidden" name="LMI_SIM_MODE" value="0" />
<input type="hidden" name="LMI_SUCCESS_URL" value="http://www.foto-s.ru/conf/success.html" />
<input type="hidden" name="LMI_SUCCESS_METHOD" value="2" />
<input type="hidden" name="LMI_FAIL_URL" value="http://www.foto-s.ru/conf/fail.html" />
<input type="hidden"...
CSS
*:focus {
outline: none;
}
a {
outline: none;
}
a img {
border: none;
}
/**
* #amoney-module {
* border:0;
* width:auto;
* text-align:center;
* }
*/
#amoney .amoney-module {
border:0;
width: auto;
text-align:center;
}
#amoney .amoney-mod1 {
border:0;
width:100%;
text-align:center;
margin-bottom: 7px;
}
#amoney .amoney-mod2 {
border:0;
width:100%;
text-align:center;
}
span.panel1 {
font-weight:bold;
cursor:pointer;
border-bottom: 1px solid rgb(204, 204, 204);
padding:3px;
}
.bor1 {
border: 1px dotted #e1e1e1;
width:60px;
height:17px;
}
.bor1:hover {
border: 1px dotted #000;
width:60px;
height:17px;
}
.bor2 {
border:0;
width:90px;
height:39px
}
.amoney {
overflow:hidden;
text-align:center;
display:none;
}
.ampoweredby1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:3px;
text-align:center;
}
#ampoweredby {
text-align:center !important;
}
.poweredby1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:3px;
text-align:center !important;
}
/* wm */
#wm {
padding-top: 6px;
}
#wm .karma1 {
width:100%;
text-align:center;
}
#wm .karma2 {
border: 0;
width:100%;
margin-left:auto;
margin-right:auto;
float:left;
text-align:center;
}
#wm .karma3 {
border:0;
margin-left:auto;
margin-right:auto;
width:120px;
text-align:center;
}
#wm .karma4 {
width:100%;
margin-left:auto;
margin-right:auto;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
border-bottom:1px solid #CCC;
text-align:center;
}
#wm .amoney {
margin: 0;
overflow: hidden;
width: auto;
}
#wm .amoney div {
margin: 0;
text-align: left;
}
#wm .amoney_tr {
background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent;
height: 10px;
overflow: hidden;
padding-right: 13px;
}
#wm .amoney_tl {
background: url('../images/jc_rb_tl.gif') no-repeat scroll 0% 0% transparent;
padding-left:...
JavaScript
//<![CDATA[
function spf(name) {
var pays = new Array( 'rupay','yandex','egold','paypal','wm' );
var fx = new Array();
for( i=0; i<pays.length; i++ ) {
if( pays[i] != name ) {
fx[i] = new Fx.Morph( name, 'opacity' ).set(0);
$(pays[i]).setStyle( 'display', 'none' );
} else {
$(pays[i]).setStyle( 'display', '' );
fx[i] = new Fx.Morph( name, 'opacity' ).start(0,1);
}
}
}
//]]>