reflot.es - nov 2023 by Seyker86

/* ==UserStyle==
@name         reflot.es - nov 2023
@version      20231204.10.35
@namespace    userstyles.world/user/Seyker86
@description  Barra a la izquierda visible solo en iconos con efecto al pasar el ratón para hacer las descripciones visibles. Adaptado a pantallas de ordenador y tablet.
@author       Seyker86
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://reflot.es/") {

/*Zona visible*/
.container {
    width: 95%;  
    max-width:1400px;
}

/*Botón*/
.item-newDiscussion{
  overflow: hidden;
width: 20px ;
transition: all 0.4s ease-in-out;
    border-radius:20px;
}

/*Barra lateral*/
.sideNav .Dropdown--select .Dropdown-menu>li>a .Button-label {
    opacity: 0;
      transition: all 0.4s ease-in-out;
}

.IndexPage-nav {
    transition: width 0.4s ease-in-out;
width: 20px;
margin-right:20px;
}


.ForumStatistics.containerNarrow {
    display: none;
}

div#wghtml {
    display: none;
}

div#wghtml {
    display: none;
}

/*Animación*/
.IndexPage-nav:hover{
width: 200px;
}
.IndexPage-nav:hover.sideNav .Dropdown--select .Dropdown-menu>li>a .Button-label {
    opacity: 1;
}
.IndexPage-nav:hover .item-newDiscussion{
width: 133px;
}


/*Tablets*/
@media (min-width: 768px) and (max-width: 991.98px){
.sideNav, .sideNav>ul {
    width: 100%;
}
}
}