diff options
| author | Matthijs Kuiper <info@matthijskuiper.nl> | 2018-01-10 00:58:56 +0100 |
|---|---|---|
| committer | Matthijs Kuiper <info@matthijskuiper.nl> | 2018-01-10 00:58:56 +0100 |
| commit | 277232a9cad87dc2c7074bf72dc206f712aea9a7 (patch) | |
| tree | c653368f02de28e852af2fbd7bb9228a507bd6f1 /html | |
| parent | ed42a07a54b9493266702f6c50363d7919fb9f8a (diff) | |
Logo and centered navbar
Diffstat (limited to 'html')
| -rwxr-xr-x | html/assets/style.css | 125 | ||||
| -rw-r--r-- | html/images/navbar-logo.png | bin | 0 -> 6150 bytes | |||
| -rwxr-xr-x | html/images/statslogo.gif | bin | 9244 -> 0 bytes | |||
| -rwxr-xr-x | html/includes/header.php | 21 | ||||
| -rwxr-xr-x | html/includes/navbar.php | 16 |
5 files changed, 54 insertions, 108 deletions
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 Binary files differnew file mode 100644 index 0000000..63f775b --- /dev/null +++ b/html/images/navbar-logo.png diff --git a/html/images/statslogo.gif b/html/images/statslogo.gif Binary files differdeleted file mode 100755 index 9557cd7..0000000 --- a/html/images/statslogo.gif +++ /dev/null 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>
|
