nav styling

This commit is contained in:
Gaspard Jankowiak 2014-01-28 13:57:57 +01:00
parent c56c2db3cb
commit f8cd0f701d
4 changed files with 11 additions and 5 deletions

View file

@ -45,7 +45,8 @@ header h1 { font-size: 1.5em; margin:0 0 0.3em 0; }
header a { color: $text; } header a { color: $text; }
nav { text-align: center; font-size: 120%; margin: 1em 0; } nav { text-align: center; font-size: 120%; margin: 1em 0; }
nav ul li { display: inline; margin: 0; clear: both; } nav ul li { display: inline; margin: 0; clear: both; padding: 0 10px 0 11px; }
nav ul li:nth-child(n+2) { border-left: 1px solid $rule; }
footer { font-size: 75%; padding-bottom: 175px; } footer { font-size: 75%; padding-bottom: 175px; }

View file

@ -9,8 +9,8 @@ header-homelink: /en
{: .switcher} {: .switcher}
<nav> <nav>
<ul> <ul>
<li><a href="#research">Research</a> |</li> <li><a href="#research">Research</a></li>
<li><a href="#teaching-in-french">Teaching</a> |</li> <li><a href="#teaching-in-french">Teaching</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
</ul> </ul>
</nav> </nav>

View file

@ -7,8 +7,8 @@ FR\|[EN](/en)
{: .switcher} {: .switcher}
<nav> <nav>
<ul> <ul>
<li><a href="#recherche">Recherche</a> |</li> <li><a href="#recherche">Recherche</a></li>
<li><a href="#enseignement">Enseignement</a> |</li> <li><a href="#enseignement">Enseignement</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
</ul> </ul>
</nav> </nav>

View file

@ -143,6 +143,11 @@ nav ul li {
display: inline; display: inline;
margin: 0; margin: 0;
clear: both; clear: both;
padding: 0 10px 0 11px;
}
nav ul li:nth-child(n+2) {
border-left: 1px solid #999999;
} }
footer { footer {