Previous version was horrible... trying to keep things stupid simple
This commit is contained in:
@@ -1,26 +1,16 @@
|
||||
.topNavBar ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
.topNavBar {
|
||||
background-color: #333;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.topNavBar li {
|
||||
.topNavBar a {
|
||||
float: left;
|
||||
}
|
||||
.topNavBar li a {
|
||||
display: block;
|
||||
color: white;
|
||||
color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
.topNavBar li a:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
.topNavBar .active {
|
||||
background-color: #4CAF50;
|
||||
.topNavBar a:hover {
|
||||
background-color: #ddd;
|
||||
color: black;
|
||||
}
|
||||
@@ -1,10 +1,10 @@
|
||||
<ul class="topNavBar">
|
||||
<li><a href="/friends.php">See Friends</a></li>
|
||||
<li><a href="messages.php">See Messages</a></li>
|
||||
<li><a href="search.php">Search</a></li>
|
||||
<li><a href="sendMessage.php">Message Someone</a></li>
|
||||
<li><a href="findFriend.html">Find a New Friend</a></li>
|
||||
<li><a href="pendingFriend.html">Check Pending Friends</a></li>
|
||||
<div class="topNavBar">
|
||||
<a href="/friends.php">See Friends</a>
|
||||
<a href="messages.php">See Messages</a>
|
||||
<a href="search.php">Search</a>
|
||||
<a href="sendMessage.php">Message Someone</a>
|
||||
<a href="findFriend.html">Find a New Friend</a>
|
||||
<a href="pendingFriend.html">Check Pending Friends</a>
|
||||
<!--Maybe show the user's name here?-->
|
||||
<li style="float:right"><a href="#">Logout</a></li>
|
||||
</ul>
|
||||
<a href="#" style="float:right">Logout</a>
|
||||
</div>
|
||||
Reference in New Issue
Block a user