1
0
Fork 0

New nav bar

This commit is contained in:
Dece 2017-08-17 17:11:03 +02:00
parent a37c093f56
commit dd000c3ce3
3 changed files with 19 additions and 24 deletions

3
.gitignore vendored
View file

@ -1,4 +1,3 @@
__pycache__ __pycache__/
db.sqlite3
idre/local_settings.py idre/local_settings.py
media/ media/

View file

@ -36,26 +36,25 @@ header img {
/* Nav bar */ /* Nav bar */
nav { nav {
margin: 0px; margin: 0;
margin-bottom: 6px; margin-bottom: 2em;
text-align: center; text-align: center;
color: #929292;
} }
nav a { nav .link {
color: #929292; padding: 0.3em 1em;
margin: 0 0.3em;
color: inherit;
text-decoration: none; text-decoration: none;
-o-transition: .5s; text-transform: uppercase;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s; transition: .5s;
} }
nav a:hover { nav .link:nth-child(1):hover { background-color: #ff6188; }
color: #c9c9c9; nav .link:nth-child(2):hover { background-color: #a9dc76; }
} nav .link:nth-child(3):hover { background-color: #fc9867; }
nav .link:nth-child(4):hover { background-color: #ab9df2; }
nav .link:nth-child(5):hover { background-color: #78dce8; }
@ -70,10 +69,6 @@ nav a:hover {
#content a:active { #content a:active {
color: #929292; color: #929292;
text-decoration: none; text-decoration: none;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s; transition: .5s;
} }

View file

@ -29,10 +29,11 @@
</header> </header>
<nav> <nav>
<a href="/news/">news</a> | <a class="link" href="/news/">news</a>
<a href="/artists/">artists</a> | <a class="link" href="/artists/">artists</a>
<a href="/releases/">releases</a> | <a class="link" href="/releases/">releases</a>
<a href="/about/">about</a> <a class="link" href="/videos/">videos</a>
<a class="link" href="/about/">about</a>
</nav> </nav>
<section id="content"> <section id="content">