Fixed navbar dropdown

2 files changed, 25 insertions, 6 deletions

diff --git a/cover.css b/cover.css
index 9d566de..1f61e6c 100644
--- a/cover.css
+++ b/cover.css
@@ -127,6 +127,25 @@ body {
   color: rgba(255,255,255,.5);
 }
 
+/*
+ * Inverted dropdown
+ */
+
+ .inverse-dropdown {
+   background-color: #222;
+   border-color: #080808;
+ }
+ .inverse-dropdown > li > a {
+   color: #999;
+ }
+ .inverse-dropdown > li > a:hover {
+   color: #fff;
+   background-color: #000;
+ }
+ .inverse-dropdown > .divider {
+   background-color: #000;
+ }
+
 
 /*
  * Affix and center
diff --git a/index.html b/index.html
index 30ba1b2..5bd2d29 100644
--- a/index.html
+++ b/index.html
@@ -49,14 +49,14 @@
                     <ul class="nav navbar-nav">
                       <li><a href="https://cogarr.com">Forums</a></li>
                       <li><a href="source/">Code</a></li>
-                      <li class="dropdown">
-                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Servers<span class="caret"></span></a>
-                        <ul class="dropdown-menu">
+                      <li class="inverse-dropdown">
+                        <a href="#" class="dropdown-toggle inverse-dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Servers<span class="caret"></span></a>
+                        <ul class="dropdown-menu inverse-dropdown">
                           <li role="separator" class="divider"></li>
                           <li class="dropdown-header">Games</li>
-                          <li><a href="#">WS2A</a></li>
-                          <li><a href="#">ReDead</a></li>
-                          <li><a href="#">Artery</a></li>
+                          <li><a href="steam://connect/cogarr.net:27015">WS2A</a></li>
+                          <li><a href="steam://connect/cogarr.net:27016">ReDead</a></li>
+                          <li><a href="steam://connect/cogarr.net:27017">Artery</a></li>
                         </ul>
                       </li>
                       <li><a href="mailto://alexandermpickering@gmail.com">Contact</a></li>