text/css asadlir.css ( ASCII text, with CRLF line terminators )
#navID { 
   max-width: 560px;
   margin: 20px auto;
}

#navID li {
   list-style:none;
   list-style-type:none;
   display:block;
   float: left;
}

ul.navbox li{  /*default*/
    width:70px;
    height:60px;
    border-radius:30px;
    border: solid 2px #DA5134;
	font-size:16px;
    color:#DA5134;
    text-align:center;
    background:#FFFDF7;
    cursor: pointer;
    line-height:1;
    padding-top: 14px;
}

ul.navbox li {
    -webkit-transition:all 0.5s ease;  
    -moz-transition:all 0.5s ease;  
    -o-transition:all 0.5s ease;  
    -ms-transition:all 0.5s ease;  
    transition:all 0.5s ease; 
    overflow: hidden; 
}  

ul.navbox:hover li {  /*select item shrink*/
    width: 10%;
    max-width:160px;
	height: 60px;
    font-size:10px;
    text-decoration: none;
    line-height:2.0;
    padding-top: 14px;
}

ul.navbox li:hover {  
      width:40%; /* animate to wide if hovered */
      height: 60px;
      border-radius:30px;
      color: #FFFDF7;
      font-weight: bold;
      font-size:20px;
      text-align:center;
      background: #DA5134;
      line-height:1;
}

a {
    display: block;
    color: inherit;
    font: inherit;
    font-weight:bold;
    text-decoration: none;
    cursor: pointer;
}
.isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}