.itemdirs a{
    color: white;
    text-decoration: none;
}
.dirlist  .itemlist-img, .item-list-root--name, .item-list-root--img{
    margin-bottom: 20px;
}
.itemlist.itemdirs > div{ 
    padding-bottom: 20px;
}

.itemdirs-header a{
    display: inline-block;
    position: relative;
}
.itemdirs-header a:after, .itemdirs-header a:before{
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 1px;
    background: white;
    animation: diritems_outhover 0.1s ease;
}
.itemdirs-header a:after{
    right: 50%;
}
.itemdirs-header a:before{
    left: 50%;
}

.itemdirs > div:hover .itemdirs-header a:after, .itemdirs > div:hover .itemdirs-header a:before{
    animation: diritems_hover 0.3s ease forwards;
}
@keyframes diritems_hover{
    0% { width: 0;}
    100% { width: 50%; }
}
@keyframes diritems_outhover{
    100% { width: 0;}
    0% { width: 50%; }
}