1 files changed, 43 insertions, 82 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;