Demo Form code


#link-cia {
width: 280px;
border: 0px solid #333;
overflow: auto;
height: 250px;
padding-left: 0px;
}

#link-cia ul {
display: inline;
margin-left: 0px;
}
#link-cia ul li {
list-style: none;
margin-left: 0px;
background: #555353;
border: 1px solid #fff;
padding: 4px;
padding-left: 15px;

-webkit-transition:all 3.5s ease;
-moz-transition:all 3.5s ease;
-o-transition:all 3.5s ease;
transition:all 3.5s ease;
}

#link-cia ul li:hover {
background: #00A2E8;
border : 1px solid #fff;
border-right: 10px solid #fff;
-webkit-transition:all 1.5s ease;
-moz-transition:all 1.5s ease;
-o-transition:all 1.5s ease;
transition:all 1.5s ease;
}

#link-cia ul li a {
color: #fff;
text-decoration: none;
font-family: Comic Sans MS;
font-size: 16px;
text-shadow: 0px 0px 1px #fff;
-webkit-transition: padding 1.5s ease-out;
-moz-transition: padding 1.5s ease-out;
-o-transition: padding 1.5s ease-out;
transition:all 1.5s ease;
}

#link-cia ul li a:hover {
color: yellow;
text-decoration: none;
padding-left: 15px;
-webkit-transition: padding 0.5s ease-out;
-moz-transition: padding 0.5s ease-out;
-o-transition: padding 0.5s ease-out;
transition:all 0.5s ease;
}