cssBarryr

.barry::-webkit-scrollbar {
    display: none;
  width: 0px;fff
  height: 0px;

      opacity:0.1;
  }

.barry{
position:fixed;
left:0%;
top:10%;
height:80%;
width:18%;
background-color:black;
overflow:scroll;
width: auto;
    min-width: 230px;

background-repeat:no-repeat;
background-size:270% 100%;
background-position: 50% 0%;
}
#vl_menu ,#vl_header{
    color: #000;
    height: 30px;
    display: none;
}
#visitlogger, #visitlogger table {
    color: #000 !important;
    text-shadow: 0px 0px 5px;
-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

#visitlogger a, #visitlogger table a, .vl_link {
      -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    color: #bd4a4a !important;
}
#vl_page .vl_visit .vl_visit_name {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    width: 105px;
    overflow: hidden;
    opacity:0.5;
}
#vl_page .vl_visit .vl_visit_name {
   opacity:1;
width: auto;
}



#visitlogger {
    position: relative;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.6);
    border: 0px solid #BDBDBD;
    padding: 0px;
    margin: 0px;
    width: auto;
    min-width: 230px;
    height: auto;
    color: #000000;
    font-size: 13px;
    text-align: left;
    -webkit-border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#vl_page #vl_nav {
    position: relative;
    height: 22px;
    display: none;
    line-height: 22px;
    background: rgba(255, 255, 255, 0.2);
    border-bottom: 0px solid #BDBDBD;
}
#vl_page .vl_visit:nth-child(even) {
    background: rgba(255, 255, 255, 0);

}
#vl_page .vl_visit:nth-child(even):hover{
    background: rgba(255, 255, 255, 0);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#vl_page .vl_visit {
    height: 31px;
    border-bottom: 1px solid #770000;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    background: rgb(0, 0, 0);
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}
#vl_page .vl_visit:hover {
 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
color:#000;
}
   #vl_page .vl_visit .vl_visit_time {
    float: right;
    line-height: 15px;
    width: 50px;
transition: width 2s;

}

#vl_page .vl_visit:hover {
color:#888888;

}
#vl_page .vl_visit .vl_visit_thumb img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: none;
}
#visitlogger a, #visitlogger .vl_link {
    text-decoration: none;
    cursor: unset;
}