.rotaryContainer{ position: relative; display: inline-block; height: '.($control_size*$cap_scalar).'px; width: '.($control_size*$cap_scalar).'px; } .rotarySwitchBase img{ height: '.$control_size.'px; width: '.$control_size.'px; margin-top: '.( ( ($control_size*$cap_scalar)-($control_size) ) /2 ).'px; margin-left: '.( ( ($control_size*$cap_scalar)-($control_size) ) /2 ).'px; } .rotarySwitchCap{ position: absolute; top:0px; transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); z-index: 1; } .rotarySwitchCap img{ height: '.($control_size*$cap_scalar).'px; width: '.($control_size*$cap_scalar).'px; } .rotarySwitchHover{ position: absolute; top:0px; z-index: 2; margin-top: '.( ( ($control_size*$cap_scalar)-($control_size) ) /2 ).'px; margin-left: '.( ( ($control_size*$cap_scalar)-($control_size) ) /2 ).'px; } .rotarySwitchHover img{ height: '.$control_size.'px; width: '.$control_size.'px; } .rotaryValue { position:absolute; visibility:hidden; } '; ?>