#containerfooter { padding-top: 20px; } .footerclass { color:#555; } .footerclass a { color:#555; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #containerfooter .menu li a { padding: 2px 8px; margin-bottom: 5px; background: url("../img/20black.png"); background: rgba(0,0,0,0.1); display: block; max-width: 130px; -webkit-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } #containerfooter .menu li a:hover { color:#fff; background: @primary; } #containerfooter .menu { list-style: none; margin: 0 0 0 20px; padding: 0; } .footercredits {padding-top: 20px; padding-bottom: 10px;} .footercredits p { font-size: 10px; padding: 4px 0; } .footernav {float: right;} .footernav ul { margin: 0; float: right; } .footernav ul li { list-style: none; float: left; } .footernav ul li a { display: block; padding: 4px 6px; font-size: 10px; transition: background .5s; -moz-transition: background .5s; /* Firefox 4 */ -webkit-transition: background .5s; /* Safari and Chrome */ -o-transition: background .5s; /* Opera */ } .footernav ul li a:hover { background: url("../img/20black.png"); background: rgba(0,0,0,0.1); } .footernav ul li .sf-description { display: none; }