From a20e971e380036f358e76166125a794a592b7b08 Mon Sep 17 00:00:00 2001
From: Eric Lippmann <eric.lippmann@netways.de>
Date: Thu, 7 Jan 2016 10:21:41 +0100
Subject: [PATCH] Doc: Remove hover effects from tables

---
 modules/doc/public/css/module.less | 98 ++++++++++++------------------
 1 file changed, 38 insertions(+), 60 deletions(-)

diff --git a/modules/doc/public/css/module.less b/modules/doc/public/css/module.less
index 4095ecffd..8d84c7963 100644
--- a/modules/doc/public/css/module.less
+++ b/modules/doc/public/css/module.less
@@ -1,16 +1,6 @@
 /*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
 
-.content {
-  font-size: 1.167em;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-.bold {
-  font-weight: bold;
-}
+// Mixins
 
 .gradient(@a: @gray-lighter; @b: @gray-lightest) {
   background: @a;
@@ -22,55 +12,7 @@
   background: linear-gradient(to bottom, @a, @b);
 }
 
-table {
-  // Reset
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-}
-
-a[name]:focus {
-  outline: 0;
-}
-
-th, td {
-  padding: 0.25rem;
-  text-align: left;
-  line-height: 1.25rem;
-  color: #666;
-}
-
-td {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-tbody tr:nth-child(odd) {
-  .gradient;
-}
-
-tbody tr:nth-child(even) {
-  background: #fff;
-}
-
-tbody tr:hover {
-  background: #666;
-  td {
-    color: #fff;
-  }
-}
-
-@icinga: #049baf;
-
-thead {
-  th {
-    color: @icinga;
-    .uppercase();
-    .bold;
-  }
-  border-bottom: 0.25rem solid @icinga;
-}
+// General styles
 
 code {
   color: @icinga-blue;
@@ -81,6 +23,10 @@ pre > code {
   color: inherit;
 }
 
+.content {
+  font-size: 1.167em;
+}
+
 .search-highlight {
   .rounded-corners();
 
@@ -122,3 +68,35 @@ pre > code {
     }
   }
 }
+
+// Table styles
+
+table {
+  margin-bottom: 1em;
+  width: 100%;
+}
+
+tbody > tr:nth-child(odd) {
+  .gradient()
+}
+
+tbody > tr:nth-child(even) {
+  background: @body-bg-color;
+}
+
+td, th {
+  padding: 0.5em;
+}
+
+td {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+th {
+  border-bottom: 2px solid @icinga-blue;
+  font-weight: @font-weight-bold;
+  text-align: left;
+  text-transform: uppercase;
+}