ansol/web-ansol.org
7
1
Fork 0
mirror of https://gitlab.com/ansol/web-ansol.org.git synced 2024-11-24 15:13:14 +00:00
Code Issues Projects Releases Wiki Activity

Arruma melhor o menu

Browse Source
This commit is contained in:
Hugo Peixoto 2024-01-01 15:09:02 +00:00
parent 0f4493bd85
commit 1e01d9909a
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
themes/academic/assets/scss/ansol.scss
View File

@ -67,10 +67,10 @@ footer p { margin: 10px; }
a { color: #041952; } a { color: #041952; }
a:hover { background-color: #f1ff8e; color: black; } 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 div { display: flex; justify-content: space-between; }
nav.main img { filter: invert(100%); width: 200px; padding: 10px 0px; } 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; } 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 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 { text-decoration: none; padding: 10px 10px; display: block; }
nav.main a:not(:hover) { color: white; } nav.main a:not(:hover) { color: white; }
@ -83,11 +83,11 @@ nav.main a:hover img { filter: invert(0%); }
nav.main .nav-search { nav.main .nav-search {
display: flex; display: flex;
padding-left: 60px; padding-left: 40px;
align-items: center; align-items: center;
background: var(--search-icon) no-repeat; background: var(--search-icon) no-repeat;
background-size: 20px 20px; background-size: 20px 20px;
background-position: 20px center; background-position: 10px center;
} }
nav.main .nav-search:hover { nav.main .nav-search:hover {

10
themes/academic/layouts/_default/baseof.html
View File

@ -30,16 +30,20 @@
<nav class="main"> <nav class="main">
<div class="body-width"> <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 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'> <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" "noticias").Permalink }}">Notícias</a></li>
<li><a href="{{ (site.GetPage "Section" "iniciativas").Permalink }}">Iniciativas</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 "recursos").Permalink }}">Recursos</a></li>
<li><a href="{{ (site.GetPage "Section" "eventos").Permalink }}">Eventos</a></li> <li><a href="{{ (site.GetPage "Section" "eventos").Permalink }}">Eventos</a></li>
<li><a href="{{ (site.GetPage "sobre").Permalink }}">Sobre</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> </ul>
<a class='nav-search' href="#" onclick="return showSearch();">Pesquisar</a>
</div> </div>
</nav> </nav>
<main> <main>