File manager - Edit - /home/cuautla1/dif.cuautlajalisco.gob.mx/Fraccion1/menu.css.tar
Back
home/cuautla1/dif.cuautlajalisco.gob.mx/menu.css 0000644 00000001455 15117324077 0015642 0 ustar 00 /* Fuente moderna y legible */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); .menu { position: fixed; top: 0; left: 0; width: 100%; background-color: #65a826; /* 🎨 Cambia este color si quieres otro */ padding: 18px 0; /* 📏 Aumentamos altura */ z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); font-family: 'Poppins', sans-serif; /* 🔤 Nueva fuente */ } .menu ul { display: flex; justify-content: center; list-style: none; margin: 0; padding: 0; } .menu li { margin: 0 20px; } .menu a { color: #ffffff; text-decoration: none; font-weight: 600; font-size: 17px; transition: color 0.3s ease; } .menu a:hover { color: #a4d4ff; /* Color al pasar el mouse */ } home/cuautla1/public_html/menu.css 0000644 00000003400 15117357623 0013202 0 ustar 00 :root { --green-light: #78BE20; --green-dark: #006837; --text-dark: #333; --bg-menu: #fff; --border: #e0e0e0; } .main-nav { position: fixed; top: 0; width: 100%; z-index: 1000; background-color: white; border-bottom: 2px solid var(--green-dark); } .menu, .menu * { font-family: Arial, sans-serif; } .menu { font-family: inherit; } .menu { list-style: none; display: flex; align-items: center; padding: 0 20px; margin: 0; } .menu > li { position: relative; margin-right: 40px; /* más espacio entre opciones */ } .menu > li:last-child { margin-right: 0; } .menu li.logo img { height: 40px; } .menu > li > a { display: block; padding: 16px 12px; color: var(--text-dark); text-decoration: none; font-weight: 500; transition: color 0.2s; } .menu > li > a:hover { color: var(--green-light); } /* Submenú inicialmente oculto */ .submenu { display: none; position: absolute; top: 100%; left: 0; background: var(--bg-menu); border: 1px solid var(--border); box-shadow: 0 2px 6px rgba(0,0,0,0.1); border-radius: 4px; padding: 4px 0; min-width: 180px; z-index: 10; list-style: none; } /* Mostrar submenú al hover */ .menu li:hover > .submenu { display: block; } .submenu li { margin: 0; } .submenu li a { display: block; padding: 10px 14px; color: var(--text-dark); text-decoration: none; transition: background 0.2s, color 0.2s; } .submenu li a:hover { background: var(--green-light); color: #fff; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0 |
proxy
|
phpinfo
|
Settings