JQM flipswitch custom size
HTML
<div data-role="page" id="page">
<div data-role="main" class="ui-content">
<div id="flipswitchWrapper">
<select data-role="flipswitch">
<option>Loja Aberta</option>
<option>Loja Fechada</option>
</select>
</div>
</div>
</div>
CSS
#flipswitchWrapper .ui-flipswitch {
position:absolute;
width:180px;
}
#flipswitchWrapper .ui-flipswitch-active {
padding-left:0px;
}
#flipswitchWrapper .ui-flipswitch .ui-flipswitch-on, #flipswitchWrapper .ui-flipswitch.ui-flipswitch-active .ui-flipswitch-on {
width:33px;
text-indent: -20em;
}
#flipswitchWrapper .ui-flipswitch.ui-flipswitch-active .ui-flipswitch-on {
padding-top:0px;
text-indent: -18em;
}