File manager - Edit - /home/cuautla1/public_html/menu.css
Back
: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