micronauta.dnsalias.net/web/urbano/ by PrensaZapala

/* ==UserStyle==
@name           micronauta.dnsalias.net/web/urbano/
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */



@-moz-document url-prefix("https://micronauta.dnsalias.net") {
    /* Inserte el código aquí... */
    

   
#menuInferior {
  width: 100%;
  background-color: #fafafa !important;
}
    
#menuInferior #ver_paradas_btn .btn, .w3-btn {
  background-color: rgb(245, 246, 247) !important;
}
    
    #ver_lineas_btn {
  background-color: rgb(255, 255, 255) !important;
}
    
   #menuInferior .w3-btn {
  position: relative;
  display: inline-block;
  left: 10px;
  width: 210px;
  height: 100%;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: rgb(255, 255, 255) !important;}
    
    
    
    .w3-btn:hover {
    box-shadow: none;
        }

    
    .U_bar_menu_top {
    color: snow;
    background-color: #fff;
}
    #icon_menu>i:nth-child(1) {
    text-align: center;
    text-decoration-line: none;
    font-weight: 900;
}


    div#icon_menu {
    background-color: #ffffff !important;
}
    
    i.fa.fa-bars {
    color: #213058 !important;
}
    .U_opciones_menu {
    width: 300px;
    margin-top: 45px;
    display: none;
    z-index: 1;
    overflow: auto;
    color: black;
    background-color: #fff;
    padding:16px;
    padding-left:5px;

}
    


#opciones_menu .link div[icon] img {
    display: none;
}

/* Estilo para los botones del menú */
#opciones_menu .link,
#opciones_menu .link-popup,
.w3-col.w3-button.w3-left-align.link#btnAyudaInstalar {
    display: flex;
    font-size: 16px; /* Tamaño del texto */
    color: #000; /* Color del texto */
    text-align: left; /* Alineación del texto a la izquierda */
    padding: 12px; /* Espaciado interno del botón */
    line-height: 21px; /* Altura de línea para alineación vertical */
    border: none; /* Elimina bordes adicionales */
    background: none; /* Elimina el fondo predeterminado */
    cursor: pointer; /* Cambia el cursor a una mano para interacción */
}

/* Estilo para el ícono de FontAwesome */
#opciones_menu .link div[icon]::before,
#opciones_menu .link-popup i.fa,
.w3-col.w3-button.w3-left-align.link#btnAyudaInstalar i.fa {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* 400 para regular, 900 para sólido */
    font-size: 20px; /* Tamaño del ícono */
    color: #c2d500; /* Color del ícono */
   
     
    }

/* Contenedor del ícono */
#opciones_menu .link div[icon],
#opciones_menu .link-popup i.fa,
.w3-col.w3-button.w3-left-align.link#btnAyudaInstalar i.fa {
    width: 30px;
    height: 21px;
    line-height: 21px;
    display: flex;
    justify-content: center;
}
    

    #opciones_menu .link i.fa, .link-popup#login_link i.fa, .link-popup#logout_link i.fa {
    margin-right: 8px;
}
/* Íconos específicos por enlace */
#opciones_menu .link[link="yaviene"] div[icon]::before {
    content: "\f207"; /* Ícono específico para "Ver los omnibus" */
}

#opciones_menu .link[link="home"] div[icon]::before {
    content: "\f015"; /* Ícono específico para "Inicio" */
}

#opciones_menu .link[link="saldotarjeta"] div[icon]::before {
    content: "\f09d"; /* Ícono específico para "Consulta saldo tarjeta" */
}

#opciones_menu .link-popup#login_link i.fa {
    content: "\f2f6"; /* Ícono específico para "Iniciar sesión" */
}

#opciones_menu .link-popup#logout_link i.fa {
    content: "\f2f5"; /* Ícono específico para "Cerrar sesión" */
}

#opciones_menu .link#btnAyudaInstalar i.fa::before {
    content: "\f019"; /* Ícono específico para "Instalar Tumza" */
}
    
    















}