New nav bar

.gitignore

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

static/css/base.css

@@ -36,26 +36,25 @@ header img {
 /* Nav bar */
 
 nav {
-  margin: 0px;
-  margin-bottom: 6px;
-
+  margin: 0;
+  margin-bottom: 2em;
   text-align: center;
-  color: #929292;
 }
 
-nav a {
-  color: #929292;
+nav .link {
+  padding: 0.3em 1em;
+  margin: 0 0.3em;
+  color: inherit;
   text-decoration: none;
-  -o-transition: .5s;
-  -ms-transition: .5s;
-  -moz-transition: .5s;
-  -webkit-transition: .5s;
+  text-transform: uppercase;
   transition: .5s;
 }
 
-nav a:hover {
-  color: #c9c9c9;
-}
+nav .link:nth-child(1):hover { background-color: #ff6188; }
+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 {
   color: #929292;
   text-decoration: none;
-  -o-transition: .5s;
-  -ms-transition: .5s;
-  -moz-transition: .5s;
-  -webkit-transition: .5s;
   transition: .5s;
 }
 

templates/base.html

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