New nav bar
This commit is contained in:
parent
a37c093f56
commit
dd000c3ce3
5
.gitignore
vendored
5
.gitignore
vendored
|
@ -1,4 +1,3 @@
|
|||
__pycache__
|
||||
db.sqlite3
|
||||
__pycache__/
|
||||
idre/local_settings.py
|
||||
media/
|
||||
media/
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue