iDots - todo: unlessify the CSS

by karim79

HTML

<div class="iDots">
    <ul>
        <li class="selected" data-src="http://i7.ebayimg.com/02/m/000/8c/bc/8c38_27.JPG"></li>
        <li data-src="http://i.ebayimg.com/04/!!rfLtN!BW0~$(KGrHqMOKicEtiP(bqciBL,pV+8GjQ~~_27.JPG"></li>
        <li data-src="http://i.ebayimg.com/00/$(KGrHqN,!rkE88hC-)(oBPUf1ykM-g~~_27.JPG"></li>
        <li data-src="http://i18.ebayimg.com/02/m/000/97/95/bd43_27.JPG"></li>
        <li data-src="http://i.ebayimg.com/04/!!rfLtN!BW0~$(KGrHqMOKicEtiP(bqciBL,pV+8GjQ~~_27.JPG"></li>
    </ul>
</div>

CSS

.iDots {
        float:right;
        position:relative;
        left:-50%;
        text-align:left;
        ul {
            position:relative;
            left:50%;
            li {
                position: relative;
                float: left;
                width:18px;
                font-size: 26px;
                color: #6A6C6B;
                &.selected {
                    color: @mobileOrange;
                }
            }        
        }
    }