/* Theme Name: Web Avanza Theme URI: https://webavanza.com/ Author: Efecto Marea Description: Tema a medida de Web Avanza. Calco fiel de la web original en React, sin dependencias: PHP, CSS y JavaScript nativo. El CSS real se carga desde assets/css/web-avanza.css. Version: 1.0.0 Requires at least: 6.5 Tested up to: 6.8 Requires PHP: 8.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: web-avanza */ /* * Este fichero existe porque WordPress lo exige para reconocer el tema. * No pongas estilos aqui: el CSS de la web vive en assets/css/web-avanza.css, * que es el mismo que genera el build original, sin una linea cambiada. */ /* -------------------------------------------------------------------------- Lo unico que se anade al CSS original. En React, el menu movil y el banner de cookies NO existian en el HTML hasta que hacia falta enseñarlos. Aqui existen siempre y se ocultan con el atributo "hidden", asi que hace falta decir que oculto significa oculto. -------------------------------------------------------------------------- */ .mobile-menu-backdrop[hidden], .mobile-menu-panel[hidden], .cookie-banner[hidden] { display: none; } /* -------------------------------------------------------------------------- La barra de administracion de WordPress. Solo la ve quien ha iniciado sesion, pero tapa la cabecera fija y hace pensar que el diseño esta roto. Se aparta lo que mide la barra: 32 px de ancho normal y 46 px por debajo de 783 px, que es donde WordPress la hace mas alta. El panel del menu movil tambien es fijo, y su distancia al borde cambia a los 700 px (86 px arriba, 78 px abajo). Por eso hay tres tramos y no dos. Al visitante no le afecta: sin sesion, el no lleva la clase .admin-bar. -------------------------------------------------------------------------- */ .admin-bar .header { top: 32px; } .admin-bar .mobile-menu-panel { top: 118px; /* 86 + 32 */ } @media (max-width: 782px) { .admin-bar .header { top: 46px; } .admin-bar .mobile-menu-panel { top: 132px; /* 86 + 46 */ } } @media (max-width: 700px) { .admin-bar .mobile-menu-panel { top: 124px; /* 78 + 46 */ } }