From 277232a9cad87dc2c7074bf72dc206f712aea9a7 Mon Sep 17 00:00:00 2001
From: Matthijs Kuiper <info@matthijskuiper.nl>
Date: Wed, 10 Jan 2018 00:58:56 +0100
Subject: Logo and centered navbar

---
 html/assets/style.css       | 125 +++++++++++++++-----------------------------
 html/images/navbar-logo.png | Bin 0 -> 6150 bytes
 html/images/statslogo.gif   | Bin 9244 -> 0 bytes
 html/includes/header.php    |  21 ++------
 html/includes/navbar.php    |  16 +++---
 5 files changed, 54 insertions(+), 108 deletions(-)
 create mode 100644 html/images/navbar-logo.png
 delete mode 100755 html/images/statslogo.gif

diff --git a/html/assets/style.css b/html/assets/style.css
index e44efa2..dba9c37 100755
--- a/html/assets/style.css
+++ b/html/assets/style.css
@@ -56,8 +56,8 @@ body {
   color: #ffffff;
   font-family: Montserrat, Helvetica, Verdana, Arial, sans-serif;
   font-weight: 200;
-  padding: 0px;
-  margin: 0px;
+  padding: 0;
+  margin: 0;
 }
 
 a {
@@ -73,8 +73,47 @@ table {
   font-weight: 200;
 }
 
-.spacing {
-  margin-top: 60px;
+.navbar {
+  background: rgba(0, 0, 0, 0.7);
+  height: 56px;
+  line-height: 56px;
+  position: relative;
+  text-align: right;
+}
+.navbar ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  max-width: 900px;
+}
+.navbar li {
+  display: inline-block;
+}
+.navbar a {
+  font-size: 17px;
+  display: block;
+  text-decoration: none;
+  color: white;
+  padding: 0 18px;
+  -webkit-transition: background-color 0.4s;
+  -moz-transition: background-color 0.4s;
+  -o-transition: background-color 0.4s;
+  -ms-transition: background-color 0.4s;
+  transition: background-color 0.4s;
+}
+.navbar a:hover {
+  background-color: #2069a1;
+  opacity: 1;
+}
+.navbar .logo {
+  float: left;
+}
+.navbar .logo a {
+  height: 100%;
+}
+.navbar .logo img {
+  height: 36px;
+  margin-top: 10px;
 }
 
 .footer {
@@ -96,84 +135,6 @@ a:hover.footer {
   padding: 0px;
 }
 
-.tiny {
-  font-size: 8px;
-}
-
-.nav-container {
-  /* Fallback for web browsers that doesn't support RGBa */
-  background: rgb(0, 0, 0);
-  /* RGBa with 0.7 opacity */
-  background: rgba(0, 0, 0, 0.9);
-}
-
-.f-nav {
-  z-index: 9999;
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-} /* this make our menu fixed top */
-
-ul {
-  float: right;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  list-style-type: none;
-  /* Fallback for web browsers that doesn't support RGBa */
-  background: rgb(0, 0, 0);
-  /* RGBa with 0.7 opacity */
-  background: rgba(0, 0, 0, 0.7);
-}
-
-a.topmenulogo {
-  float: left;
-  width: auto;
-  height: 50px;
-  text-decoration: none;
-  color: white;
-  padding: 0.2em 0.6em;
-  margin-right: 30px;
-  border-right: 0px solid white;
-  -webkit-transition: background-color 1s;
-  -moz-transition: background-color 1s;
-  -o-transition: background-color 1s;
-  -ms-transition: background-color 1s;
-  transition: background-color 1s;
-}
-a:hover.topmenulogo {
-  background-color: #2069a1;
-}
-
-a.topmenu {
-  font-size: 17px;
-  float: left;
-  width: auto;
-  height: 38px;
-  text-decoration: none;
-  color: white;
-  padding-top: 18px;
-  border-right: 0px solid white;
-  padding-left: 18px;
-  padding-right: 18px;
-  -webkit-transition: background-color 1s;
-  -moz-transition: background-color 1s;
-  -o-transition: background-color 1s;
-  -ms-transition: background-color 1s;
-  transition: background-color 1s;
-}
-
-a:hover.topmenu {
-  background-color: #2069a1;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-
-li {
-  display: block;
-}
-
 .darksearch {
   width: 95%;
   height: 50px;
diff --git a/html/images/navbar-logo.png b/html/images/navbar-logo.png
new file mode 100644
index 0000000..63f775b
Binary files /dev/null and b/html/images/navbar-logo.png differ
diff --git a/html/images/statslogo.gif b/html/images/statslogo.gif
deleted file mode 100755
index 9557cd7..0000000
Binary files a/html/images/statslogo.gif and /dev/null differ
diff --git a/html/includes/header.php b/html/includes/header.php
index 4f5f82c..92e0dd1 100755
--- a/html/includes/header.php
+++ b/html/includes/header.php
@@ -28,8 +28,7 @@ if (isset($_COOKIE['uts_lastvisit'])) {
 }
 setcookie('uts_lastvisit', time(), time()+60*60*24*30*365);
 
-echo'
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+echo '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
   <title>Unreal Tournament Stats - Powered by UTStats</title>
@@ -54,22 +53,8 @@ echo'
   <script type="text/javascript" src="assets/lib/tooltipster/jquery.tooltipster.min.js"></script>
 	<script type="text/javascript" src="assets/main.js"></script>
 </head>
-<body>
-
-<table border="0" cellpadding="0" cellspacing="0">
-<tbody>
-<tr>
-';
+<body>';
 
 include("includes/navbar.php");
 
-echo'
-<table class="spacing" align="center" border="0" cellpadding="0" cellspacing="0">
-  <tbody><tr>
-    <td align="center" width="900">
-    </td>
-  </tr>
-</tbody></table>
-<center>
-<br>
-';
+echo '<center><br>';
diff --git a/html/includes/navbar.php b/html/includes/navbar.php
index 41b3055..0e25a53 100755
--- a/html/includes/navbar.php
+++ b/html/includes/navbar.php
@@ -1,21 +1,21 @@
-<div class="top">
+<div class="navbar">
   <ul>
-    <li>
-      <a href="./" class="topmenulogo">
-        <img src="images/statslogo.gif" height="100%" alt="UTStats Logo">
+    <li class="logo">
+      <a href="./">
+        <img src="images/navbar-logo.png" alt="UTStats Logo">
       </a>
     </li>
     <li>
-      <a href="./?p=recent" class="topmenu">Recent</a>
+      <a href="./?p=recent">Recent</a>
     </li>
     <li>
-      <a href="./?p=rank" class="topmenu">Rankings</a>
+      <a href="./?p=rank">Rankings</a>
     </li>
     <li>
-      <a href="./?p=players" class="topmenu">Players</a>
+      <a href="./?p=players">Players</a>
     </li>
     <li>
-      <a href="./?p=watchlist" class="topmenu">Watchlist</a>
+      <a href="./?p=watchlist">Watchlist</a>
     </li>
   </ul>
 </div>
-- 
cgit