Doc: Remove hover effects from tables

Icinga · Jan 12, 2016 · a20e971 · a20e971
1 parent 3c236e8
commit a20e971
Showing 1 changed file with 38 additions and 60 deletions.
diff --git 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;
+}