.teskly-viewitle{
    display: block;
    position: fixed;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 100;
    
    border-radius: 4px;
    
    font-family: sans-serif;
}
.teskly-viewitle > span{
    display: block;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}

.teskly-viewitle > span{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.teskly-viewitle.focus > span{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.teskly-viewitle{
    box-shadow: 0px 5px 5px rgba(  0,  0,  0,  0.05); 
}

.teskly-viewitle > span{
    transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease;
}


.teskly-viewitle > span{
    max-width: 0px;
    max-height: 0px;

    opacity: 0;
    
    font-size: 0px;
    
    border-radius: 4px;
    
    background-color: transparent;
    color: transparent;
}
.teskly-viewitle.focus > span{
    max-width: 240px;
    max-height: 240px;
    
    opacity: 1;
    
    line-height: 18px;
    font-size: 13px;
    
    background-color: #191919;
    color: white;
}