mirror of
https://gitlab.com/ansol/web-ansol.org.git
synced 2024-11-03 21:39:57 +00:00
Arruma melhor o menu
This commit is contained in:
parent
0f4493bd85
commit
1e01d9909a
|
@ -67,10 +67,10 @@ footer p { margin: 10px; }
|
|||
a { color: #041952; }
|
||||
a:hover { background-color: #f1ff8e; color: black; }
|
||||
|
||||
nav.main { background-color: #041952; color: white; display: flex; }
|
||||
nav.main { background-color: #041952; color: white; display: flex; padding: 10px 0px; }
|
||||
nav.main div { display: flex; justify-content: space-between; }
|
||||
nav.main img { filter: invert(100%); width: 200px; padding: 10px 0px; }
|
||||
nav.main ul { display: flex; margin: 0px; padding: 0px; align-items: center; gap: 10px; }
|
||||
nav.main img { filter: invert(100%); width: 200px; padding: 0px 0px; }
|
||||
nav.main ul { display: flex; margin: 0px; padding: 0px; align-items: center; gap: 10px; width: 100%; justify-content: center; }
|
||||
nav.main li { list-style-type: none; padding: 0px; font-size: 1.0rem; display: flex; }
|
||||
nav.main a { text-decoration: none; padding: 10px 10px; display: block; }
|
||||
nav.main a:not(:hover) { color: white; }
|
||||
|
@ -83,11 +83,11 @@ nav.main a:hover img { filter: invert(0%); }
|
|||
|
||||
nav.main .nav-search {
|
||||
display: flex;
|
||||
padding-left: 60px;
|
||||
padding-left: 40px;
|
||||
align-items: center;
|
||||
background: var(--search-icon) no-repeat;
|
||||
background-size: 20px 20px;
|
||||
background-position: 20px center;
|
||||
background-position: 10px center;
|
||||
}
|
||||
|
||||
nav.main .nav-search:hover {
|
||||
|
|
|
@ -30,16 +30,20 @@
|
|||
<nav class="main">
|
||||
<div class="body-width">
|
||||
<a class="menu" href="#" onclick="this.parentNode.parentNode.classList.toggle('menu--expanded'); return false;"><img src="{{ (resources.Get "images/menu.svg").Permalink }}" alt="Menu"></a>
|
||||
<a href="{{ (site.GetPage "").Permalink }}"><img src="{{ (resources.Get "images/logo.svg").Permalink }}" alt="Associação Nacional para o Software Livre" /></a>
|
||||
<ul class='sections'>
|
||||
<li>
|
||||
<a href="{{ (site.GetPage "").Permalink }}"><img src="{{ (resources.Get "images/logo.svg").Permalink }}" alt="Associação Nacional para o Software Livre" /></a>
|
||||
</li>
|
||||
<li><a href="{{ (site.GetPage "Section" "noticias").Permalink }}">Notícias</a></li>
|
||||
<li><a href="{{ (site.GetPage "Section" "iniciativas").Permalink }}">Iniciativas</a></li>
|
||||
<li><a href="{{ (site.GetPage "recursos").Permalink }}">Recursos</a></li>
|
||||
<li><a href="{{ (site.GetPage "Section" "eventos").Permalink }}">Eventos</a></li>
|
||||
<li><a href="{{ (site.GetPage "sobre").Permalink }}">Sobre</a></li>
|
||||
<li><div><a class='cta-header' href="{{ (site.GetPage "inscricao").Permalink }}">Inscreve-te</a></div></li>
|
||||
<li><a class='cta-header' href="{{ (site.GetPage "inscricao").Permalink }}">Inscreve-te</a></li>
|
||||
<li>
|
||||
<a class='nav-search' href="#" onclick="return showSearch();">Pesquisar</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a class='nav-search' href="#" onclick="return showSearch();">Pesquisar</a>
|
||||
</div>
|
||||
</nav>
|
||||
<main>
|
||||
|
|
Loading…
Reference in New Issue
Block a user