remove unused styles and images (#1648)

18 files changed, 62 insertions, 2841 deletions

diff --git a/server/sonar-web/src/main/less/components/graphics.less b/server/sonar-web/src/main/less/components/graphics.less
index 2770b062541..3795030bcb0 100644
--- a/server/sonar-web/src/main/less/components/graphics.less
+++ b/server/sonar-web/src/main/less/components/graphics.less
@@ -21,160 +21,6 @@
 @import (reference) "../mixins";
 @import (reference) "../init/links";
 
-.sonar-d3 {
-}
-
-.sonar-d3 .axis path {
-  fill: none;
-  stroke: #444;
-}
-
-.sonar-d3 .tick line {
-  stroke: #444;
-}
-
-.sonar-d3 .tick text {
-  fill: #444;
-}
-
-.sonar-d3 .plot {
-  transition: all 0.2s ease;
-}
-
-.sonar-d3 .plot:hover .arc,
-.sonar-d3 .plot.hover .arc {
-  opacity: 0.4;
-}
-
-.sonar-d3 .plot .arc:hover,
-.sonar-d3 .plot .arc.hover {
-  opacity: 1;
-}
-
-.sonar-d3 .plot .line {
-  fill: none;
-  stroke: #000;
-  stroke-width: 2;
-}
-
-.sonar-d3 .plot .line-marker {
-  fill: #fff;
-  stroke: #000;
-  stroke-width: 2;
-  opacity: 0;
-}
-
-.sonar-d3 .plot .scanner {
-  stroke: #000;
-  opacity: 0.25;
-}
-
-.sonar-d3 .arc,
-.sonar-d3 .bar rect {
-  cursor: pointer;
-  stroke: #fff;
-  stroke-width: 1px;
-  transition: all 0.2s ease;
-}
-
-.sonar-d3 .bar,
-.sonar-d3 .bar .legend-text,
-.sonar-d3 .pie-legend,
-.sonar-d3 .pie-legend .legend-text {
-  cursor: pointer;
-}
-
-.sonar-d3 .legend {
-}
-
-.sonar-d3 .legend-bullet {
-  transition: all 0.2s ease;
-}
-
-.sonar-d3 .legend-text {
-  font-size: 12px;
-  cursor: default;
-}
-
-.sonar-d3 .legend-active .legend-bullet {
-  transform: scale(1.4);
-  transform-origin: center;
-}
-
-.sonar-d3 .legend-html {
-  margin-bottom: 10px;
-  color: @secondFontColor;
-
-  .legend-text + .legend-text { margin-left: 15px; }
-  .legend-text-main { font-weight: 600; }
-}
-
-.sonar-d3 .details-color-indicator {
-  fill: #fff;
-  transition: fill 0.2s ease;
-}
-
-.sonar-d3 .details-metric {
-  font-size: 12px;
-}
-
-.sonar-d3 .details-metric-main {
-  font-weight: bold;
-}
-
-.sonar-d3 .info {
-}
-
-.sonar-d3 .info-text {
-  font-size: 13px;
-}
-
-.sonar-d3 .info-text-bold {
-  font-weight: bold;
-}
-
-.sonar-d3 .info-text-small {
-  font-size: 12px;
-}
-
-.sonar-d3 .event-tick {
-  fill: none;
-  stroke: #000;
-  stroke-width: 1px;
-  transition: all 0.3s ease;
-}
-
-.sonar-d3.cloud-widget {
-  text-align: center;
-}
-
-.sonar-d3 .cloud-word {
-  display: inline-block;
-  vertical-align: baseline;
-  white-space: nowrap;
-  margin-right: 14px;
-  text-decoration: none;
-  border-bottom: 1px solid transparent;
-
-  &:hover {
-    border-bottom: 1px solid;
-  }
-}
-
-.max-results-reached-message {
-  font-size: 12px;
-}
-
-div.max-results-reached-message {
-  margin-top: 10px;
-  color: #777;
-  text-align: center;
-}
-
-text.max-results-reached-message {
-  fill: #777;
-}
-
 .sonar-d3 .treemap-container {
   position: relative;
 }
@@ -187,10 +33,6 @@ text.max-results-reached-message {
   text-align: center;
 }
 
-.sonar-d3 .treemap-cell-drilldown {
-  cursor: pointer;
-}
-
 .sonar-d3 .treemap-inner {
   display: inline-block;
   vertical-align: middle;
diff --git a/server/sonar-web/src/main/less/components/measures.less b/server/sonar-web/src/main/less/components/measures.less
index 49af9106838..bdecf2a96a5 100644
--- a/server/sonar-web/src/main/less/components/measures.less
+++ b/server/sonar-web/src/main/less/components/measures.less
@@ -33,18 +33,6 @@
   border-top: 1px solid @barBorderColor;
 }
 
-.measures-duplex {
-  font-size: 0;
-  .justify;
-
-  .measures-list {
-    display: inline-block;
-    vertical-align: top;
-    width: 40%;
-    font-size: @baseFontSize;
-  }
-}
-
 .measures-chart {
   display: inline-block;
   vertical-align: middle;
@@ -57,10 +45,6 @@
   }
 }
 
-.measures-chart-indent {
-  padding-left: 90px;
-}
-
 .measure {
   line-height: 1.3333333333333;
 }
@@ -80,33 +64,6 @@
   font-weight: 400;
 }
 
-.measure-bar {
-  display: inline-block;
-  width: 60px;
-}
-
-.measure-bar-inner {
-  display: block;
-  min-width: 1px;
-  height: 5px;
-  background-color: #c0c0c0;
-}
-.measure-bar-inner-BLOCKER {
-  background-color: @severityBlockerColor;
-}
-.measure-bar-inner-CRITICAL {
-  background-color: @severityCriticalColor;
-}
-.measure-bar-inner-MAJOR {
-  background-color: @severityMajorColor;
-}
-.measure-bar-inner-MINOR {
-  background-color: @severityMinorColor;
-}
-.measure-bar-inner-INFO {
-  background-color: @severityInfoColor;
-}
-
 .measure-big {
   display: inline-block;
   vertical-align: middle;
@@ -142,21 +99,3 @@
     float: right;
   }
 }
-
-.measure-with-bar {
-  font-size: 0;
-
-  .measure-name {
-    width: 40%;
-  }
-
-  .measure-value {
-    width: 20%;
-  }
-
-  .measure-bar {
-    width: 30%;
-    padding: 7px 5px;
-    box-sizing: border-box;
-  }
-}
diff --git a/server/sonar-web/src/main/less/components/navigator.less b/server/sonar-web/src/main/less/components/navigator.less
deleted file mode 100644
index 20c08a3d07a..00000000000
--- a/server/sonar-web/src/main/less/components/navigator.less
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2016 SonarSource SA
- * mailto:contact AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-@import (reference) "../mixins";
-@import (reference) "../variables";
-
-@import "navigator/config";
-@import "navigator/base";
-@import "navigator/filters";
diff --git a/server/sonar-web/src/main/less/components/navigator/base.less b/server/sonar-web/src/main/less/components/navigator/base.less
deleted file mode 100644
index 86dc0e06fad..00000000000
--- a/server/sonar-web/src/main/less/components/navigator/base.less
+++ /dev/null
@@ -1,414 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2016 SonarSource SA
- * mailto:contact AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-@import (reference) "../../variables";
-@import (reference) "../../mixins";
-@import (reference) "config";
-
-
-.navigator { }
-
-
-.navigator-element() {
-  position: fixed;
-  z-index: @navigator-element-z-index;
-  box-sizing: border-box;
-}
-
-.navigator-header {
-  height: @navigatorHeaderHeight;
-  margin: @navigatorPadding;
-  border: 1px solid @navigatorBorderLightColor;
-  box-sizing: border-box;
-}
-
-.navigator-filters {
-  position: relative;
-  border: 1px solid @navigatorBorderLightColor;
-  box-sizing: border-box;
-}
-
-.navigator-content {
-  display: table;
-  width: 100%;
-}
-
-.navigator-side {
-  position: relative;
-  display: table-cell;
-  vertical-align: top;
-  width: @navigatorResultsWidth + 2 * @navigatorPadding;
-  min-width: 275px + 2 * @navigatorPadding;
-  max-width: 600px + 2 * @navigatorPadding;
-}
-
-.navigator-main {
-  display: table-cell;
-  vertical-align: top;
-}
-
-.navigator-results {
-  position: relative;
-  z-index: @navigator-results-z-index;
-  width: @navigatorResultsWidth;
-  min-width: 275px;
-  max-width: 600px;
-  margin: @navigatorPadding @navigatorPadding 0;
-  box-sizing: border-box;
-}
-
-.navigator-actions {
-  position: relative;
-  z-index: @navigator-actions-z-index;
-  margin: 0 @navigatorPadding @navigatorPadding;
-  border: 1px solid @navigatorBorderLightColor;
-  box-sizing: border-box;
-  .clearfix;
-}
-
-.navigator-details {
-  position: relative;
-  margin: @navigatorPadding 0 0 0;
-}
-
-.navigator-notes {
-  display: none;
-}
-
-.navigator-with-notes {
-
-  .navigator-notes {
-    display: block;
-  }
-}
-
-
-.measures-page {
-  .navigator-details { overflow: visible; }
-}
-
-
-.navigator-fetching {
-  &:before {
-    content: " ";
-    position: absolute;
-    z-index: @navigator-fetching-z-index;
-    top: 0; bottom: 0; left: 0; right: 0;
-    background: #fff url(../../../images/loading.gif) no-repeat 4px 4px;
-  }
-}
-
-
-.navigator-page-loader {
-  padding: @navigatorPadding 0 0 @navigatorPadding;
-}
-
-
-
-// Header
-.navigator-header {
-  padding: 0 @navigatorPadding;
-  background-color: @navigatorBarBackground;
-  font-size: 0;
-
-  .page-title,
-  .page-actions {
-    margin: (@navigatorHeaderHeight - @formControlHeight) / 2 0;
-  }
-}
-
-.navigator-header-favorite {
-  padding-left: 58px;
-}
-
-.navigator-header-title {
-  display: inline-block;
-  vertical-align: middle;
-  color: @navigatorHeaderColor;
-  font-size: 20px;
-  line-height: @navigatorHeaderLineHeight;
-}
-
-.navigator-header-title-note {
-  vertical-align: middle;
-  color: #777;
-  font-size: @smallFontSize;
-}
-
-.navigator-header-description {
-  display: inline-block;
-  vertical-align: middle;
-  max-width: 70%;
-  margin-left: 16px;
-  font-size: @smallFontSize;
-  font-style: italic;
-}
-
-.navigator-header-actions {
-  margin: 8px 0 8px 20px;
-
-  & > a {
-    vertical-align: middle;
-    margin: 0 8px;
-    font-size: @smallFontSize;
-  }
-}
-
-.navigator-header-menu-toggle {
-  display: inline-block;
-  vertical-align: top;
-  height: 36px;
-  margin-right: 10px;
-  margin-left: -10px;
-  padding: 10px;
-  border-right: 1px solid transparent;
-  box-sizing: border-box;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  &:hover {
-    background-color: @navigatorHover;
-  }
-
-  &.active {
-    border-color: #cdcdcd;
-    background-color: #fff;
-  }
-
-  [class^="icon-"], [class*=" icon-"] {
-    font-size: 16px;
-  }
-}
-
-
-
-// Notes
-.navigator-notes {
-  margin: 0 @navigatorPadding @navigatorPadding @navigatorPadding;
-  padding: 0 @navigatorPadding;
-  border: 1px solid @navigatorBorderColor;
-  background-color: @navigatorBarBackground;
-
-  color: #777;
-  font-size: @smallFontSize;
-  line-height: @navigatorNotesHeight;
-}
-
-
-
-// Facets
-.navigator-facets {
-  padding: @navigatorPadding;
-  border-bottom: 1px solid @navigatorBorderColor;
-  background-color: @navigatorBarBackground;
-}
-
-.navigator-facets-list {
-
-}
-
-.navigator-facets-list-item {
-  font-size: 0;
-  margin-bottom: -6px;
-}
-
-.navigator-facets-list-item + .navigator-facets-list-item {
-  margin-top: @navigatorPadding;
-}
-
-.navigator-facets-list-item-name {
-  float: left;
-  line-height: 22px;
-  min-width: 120px;
-  margin-right: @navigatorPadding;
-  font-size: @smallFontSize;
-  font-weight: normal;
-  text-transform: uppercase;
-}
-
-.navigator-facets-list-item-options {
-  overflow: hidden;
-}
-
-
-
-// Results
-.navigator-results {
-  background-color: @white;
-  overflow-x: hidden;
-  overflow-y: auto;
-
-  &.fetching {
-    .navigator-results-list { visibility: hidden; }
-    .navigator-results-loader { display: block; }
-  }
-}
-
-.navigator-results-loader {
-  position: fixed;
-  z-index: @navigator-results-loader-z-index;
-  display: none;
-  background-color: #fff;
-}
-
-.navigator-results-list {
-
-  & > li {
-    position: relative;
-    z-index: @normal-z-index;
-    padding: @navigatorPadding / 2 0;
-    border: 1px solid;
-    border-color: @navigatorBorderLightColor transparent;
-    cursor: pointer;
-    transition: all 0.2s ease;
-
-    .line {
-      padding: @navigatorPadding / 2 @navigatorPadding;
-      line-height: 1.2;
-    }
-
-    .line-small {
-      font-size: 11px;
-      line-height: 14px;
-    }
-
-    .line-right {
-      float: right;
-    }
-
-    .line-nowrap {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    &:hover {
-      background-color: @navigatorBarBackground;
-    }
-
-    &.active {
-      z-index: @above-normal-z-index;
-      background-color: #CAE3F2;
-      border-color: #4B9FD5;
-    }
-  }
-
-  & > li + li { margin-top: -1px; }
-}
-
-.navigator-results-no-results {
-  padding-top: 20% !important;
-  background: #fff !important;
-  border-color: transparent !important;
-  color: #999;
-  cursor: default !important;
-  text-align: center;
-}
-
-
-
-// Details
-.navigator-details {
-  background-color: @white;
-  overflow: auto;
-
-  &.loading {
-    background: @white url("../../../images/loading.gif") no-repeat 4px 2px;
-  }
-}
-
-
-
-// Status
-.navigator-actions {
-  padding: 0 @navigatorPadding 0 0;
-
-  border-right: 1px solid @navigatorBorderLightColor;
-  border-bottom: 1px solid @navigatorBorderLightColor;
-  background-color: @navigatorBarBackground;
-  font-size: @smallFontSize;
-
-  strong { font-weight: bold; }
-}
-
-.navigator-actions-order {
-  float: left;
-  padding: 0 @navigatorPadding;
-  line-height: @navigatorStatusHeight;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  &:hover {
-    background-color: @navigatorHover;
-  }
-}
-
-.navigator-actions-order-choices {
-  position: absolute;
-  top: 100%;
-  left: -1px;
-  min-width: @navigatorResultsWidth / 2;
-  background-color: #fff;
-  border: 1px solid @navigatorBorderLightColor;
-  box-shadow: @defaultShadow;
-  overflow: hidden;
-  display: none;
-
-  & > li {
-    height: @navigatorStatusHeight;
-    line-height: @navigatorStatusHeight;
-    padding: 0 10px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-
-    &:hover {
-      background-color: @navigatorBarBackground;
-    }
-  }
-
-  &.open {
-    display: block;
-  }
-}
-
-.navigator-actions-total {
-  float: right;
-  height: @navigatorStatusHeight;
-  line-height: @navigatorStatusHeight;
-}
-
-.navigator-actions-bulk {
-  position: relative;
-  top: -1px;
-  margin-left: 8px;
-  font-size: 16px;
-  text-decoration: none;
-}
-
-
-
-// Footer
-.navigator-page #footer {
-  margin: 0;
-  border-top: 1px solid @navigatorBorderLightColor;
-}
-
-.navigator-page #ftlinks {
-  margin-top: 0;
-}
diff --git a/server/sonar-web/src/main/less/components/navigator/config.less b/server/sonar-web/src/main/less/components/navigator/config.less
deleted file mode 100644
index d0d473b9a39..00000000000
--- a/server/sonar-web/src/main/less/components/navigator/config.less
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2016 SonarSource SA
- * mailto:contact AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-@import (reference) "../../variables";
-
-// Layout
-@navigatorTopOffset: 80px;
-@navigatorBottomOffset: 35px;
-
-@navigatorHeaderHeight: 40px;
-@navigatorHeaderLineHeight: @navigatorHeaderHeight - 3px;
-@navigatorFiltersHeight: 40px;
-@navigatorFiltersLineHeight: @navigatorFiltersHeight - 3px;
-@navigatorFacetsHeight: 90px;
-@navigatorStatusHeight: 30px;
-@navigatorNotesHeight: 20px;
-
-@navigatorResultsWidth: 320px;
-
-@navigatorPadding: 10px;
-
-
-// Colors
-@navigatorBarBackground: @barBackgroundColor;
-@navigatorBorderColor: @barBorderColor;
-@navigatorBorderLightColor: @barBorderColor;
-
-@navigatorHeaderColor: @baseFontColor;
-
-@navigatorFacetStatColor: @secondFontColor;
-@navigatorFacetInactiveBackground: lighten(@barBackgroundColor, 4%);
-
-
-@navigatorHover: darken(@navigatorBarBackground, 5%);
-@navigatorFilterPadding: @navigatorPadding;
diff --git a/server/sonar-web/src/main/less/components/navigator/filters.less b/server/sonar-web/src/main/less/components/navigator/filters.less
deleted file mode 100644
index 51a52071fe1..00000000000
--- a/server/sonar-web/src/main/less/components/navigator/filters.less
+++ /dev/null
@@ -1,340 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2016 SonarSource SA
- * mailto:contact AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-@import (reference) "../../variables";
-@import (reference) "../../mixins";
-@import (reference) "config";
-
-
-.navigator-filters {
-  padding-right: 85px;
-  background-color: @navigatorBarBackground;
-  font-size: 0;
-}
-
-.navigator-filters-list {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 0;
-  margin-bottom: -1px;
-}
-
-.navigator-filter-submit,
-.navigator-filter-new-search {
-  vertical-align: middle;
-  margin-left: 15px;
-  font-size: @baseFontSize;
-}
-
-.navigator-filter-submit {
-  position: absolute;
-  bottom: 0; right: 0;
-  width: 85px;
-  height: @navigatorFiltersHeight;
-  margin: -1px -1px -1px 0;
-  padding: 0;
-  border: 1px solid darken(@blue, 10%);
-  background: @blue;
-  color: #fff;
-  font-weight: normal;
-  transition: all 0.2s ease;
-
-  &::-moz-focus-inner { border: 0; }
-
-  &:hover, &:focus {
-    border-color: @blue;
-    background-color: lighten(@blue, 10%);
-  }
-}
-
-.navigator-filter-list-favorite {
-  position: relative;
-  padding-left: 36px;
-  overflow: hidden;
-}
-
-.navigator-filters-actions {
-  display: inline-block;
-  vertical-align: middle;
-  margin-left: 20px;
-  font-size: @baseFontSize;
-}
-
-.navigator-filter {
-  position: relative;
-  z-index: @normal-z-index;
-  display: inline-block;
-  vertical-align: top;
-  height: @navigatorFiltersHeight;
-  line-height: @navigatorFiltersLineHeight;
-  margin: -1px 0 0 -1px;
-  padding: 0 1.5 * @navigatorFilterPadding;
-  border: 1px solid @navigatorBorderLightColor;
-  box-sizing: border-box;
-  white-space: nowrap;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  &:hover {
-    z-index: @above-normal-z-index;
-    border-color: @navigatorBorderColor;
-    background-color: @navigatorHover;
-  }
-
-  &.active {
-    border-color: @darkGrey;
-    background: #fff;
-  }
-
-}
-
-.navigator-filter-disabled {
-  display: none;
-}
-
-.navigator-filter-optional {
-  padding-right: 0;
-}
-
-.navigator-filter-inline,
-.navigator-filter-read-only,
-.navigator-filter-inactive {
-  cursor: default;
-
-  &:hover,
-  &.active {
-    border-color: transparent;
-    background: transparent;
-  }
-}
-
-.navigator-filter-inline .navigator-filter-label:after {
-    content: "";
-}
-
-.navigator-filter-inactive {
-  opacity: 0.5;
-}
-
-.navigator-filter-context {
-  z-index: @navigator-filter-context-z-index;
-  background-color: @contextBackground;
-  border-color: @contextBorder;
-}
-
-.navigator-filter-label {
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: 5px;
-  color: #333;
-  font-size: @baseFontSize;
-
-  &:after { content: ":"; }
-}
-
-.navigator-filter-value {
-  display: inline-block;
-  vertical-align: middle;
-  max-width: 120px;
-  color: #333;
-  font-size: @baseFontSize;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  &.default {
-    color: #666;
-  }
-}
-
-.navigator-filter-disable {
-  display: inline-block;
-  vertical-align: middle;
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  margin: 0 0 0 5px;
-  font-size: 18px;
-  text-align: center;
-  transition: background 0.3s ease;
-
-  &:hover {
-    background-color: darken(@navigatorHover, 7%);
-  }
-}
-
-.navigator-filter-range-input {
-  width: 120px;
-}
-
-.navigator-filter-details {
-  display: none;
-  position: absolute;
-  z-index: @dropdown-menu-z-index;
-  min-width: 100px;
-  border: 1px solid @darkGrey;
-  background: #fff;
-  box-shadow: @defaultShadow;
-  font-size: @baseFontSize;
-  transition: opacity 0.3s ease;
-
-  &.active {
-    display: block;
-  }
-}
-
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  /* IE10+ specific styles go here */
-  .navigator-filter-details {
-    width: 250px;
-  }
-}
-
-.navigator-filter-details-inner {
-  max-width: 300px;
-  padding: 5px @navigatorFilterPadding;
-
-  .select2-container,
-  input {
-    margin: 5px 0;
-    vertical-align: middle;
-  }
-}
-
-.navigator-filter-select-list {
-  min-width: 150px;
-  max-width: 300px;
-  max-height: 182px;
-  padding: 5px 0;
-  overflow-y: auto;
-  -ms-overflow-style: scrollbar;
-
-  label {
-    display: block;
-    padding: 5px @navigatorFilterPadding;
-    cursor: pointer;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    transition: background 0.2s ease;
-
-    &:hover,
-    &.current {
-      background-color: darken(#fff, 7%);
-    }
-
-    & > input[type=checkbox] {
-      vertical-align: baseline;
-      cursor: pointer;
-    }
-
-    & > img {
-      vertical-align: text-bottom;
-    }
-
-    &.special {
-      font-style: italic;
-
-      & > span {
-        text-decoration: underline;
-      }
-    }
-
-    &.inactive {
-      cursor: default;
-      opacity: 0.5;
-
-      &:hover {
-        background-color: transparent;
-      }
-    }
-  }
-
-  .single {
-    padding: 5px @navigatorFilterPadding;
-  }
-
-  .line {
-    height: 1px;
-    margin: 5px 0;
-    background: @darkGrey;
-  }
-}
-
-.navigator-filter-select-list:not(.hidden) + .navigator-filter-select-list {
-  margin-top: 5px;
-  border-top: 1px solid @darkGrey;
-}
-
-.navigator-filter-search {
-  position: relative;
-  margin: @navigatorFilterPadding 26px @navigatorFilterPadding @navigatorFilterPadding;
-
-  input {
-    width: 100%;
-    height: 26px;
-    padding: 0 7px;
-    border: 1px solid @darkGrey;
-    box-sizing: border-box;
-  }
-
-  .fetching &:after {
-    content: ' ';
-    position: absolute;
-    top: 6px; right: -21px;
-    display: block;
-    width: 16px;
-    height: 16px;
-    background: #fff url(../../../images/loading.gif) no-repeat center center;
-  }
-
-  &.fetching-error {
-
-    input { border: 2px solid @red; }
-  }
-}
-
-.navigator-filter-load-more {
-  display: none;
-  height: 26px;
-  line-height: 26px;
-  background-color: @grey;
-  text-align: center;
-  cursor: pointer;
-  transition: background 0.3s ease;
-
-  &:hover {
-    background-color: darken(@grey, 7%);
-  }
-}
-
-.navigator-filter-favorite {
-  position: relative;
-}
-
-.navigator-filter-favorite-toggle {
-  width: 16px;
-  height: @navigatorFiltersHeight;
-  background: url(../../../images/navigator/favorite-filters@2x.png) no-repeat center center;
-  background-size: 16px 14px;
-}
-
-.navigator-filter-more-criteria {
-  font-size: @baseFontSize;
-}
diff --git a/server/sonar-web/src/main/less/components/source.less b/server/sonar-web/src/main/less/components/source.less
index 7d798f7e76a..c5b694f3244 100644
--- a/server/sonar-web/src/main/less/components/source.less
+++ b/server/sonar-web/src/main/less/components/source.less
@@ -89,13 +89,6 @@
   }
 }
 
-
-.source-line-expand {
-  .source-line-code {
-    background: url(../../images/gray-stripes.png) repeat;
-  }
-}
-
 .source-viewer pre {
   height: @source-line-height;
   padding: 0;
diff --git a/server/sonar-web/src/main/less/deprecated.less b/server/sonar-web/src/main/less/deprecated.less
deleted file mode 100644
index eb5e54dd766..00000000000
--- a/server/sonar-web/src/main/less/deprecated.less
+++ /dev/null
@@ -1,526 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2016 SonarSource SA
- * mailto:contact AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-@import (reference) "variables";
-@import (reference) "mixins";
-@import (reference) "components/ui";
-@import (reference) "init/links";
-
-// deprecated since 5.1
-
-// use `.page-title` instead
-.page_title {
-  .clearfix;
-  margin-bottom: 10px;
-}
-
-.loading {
-  background: url("../images/loading.gif") no-repeat 4px 2px;
-  color: #444;
-  padding: 3px 25px;
-}
-
-// use `.text-right` instead
-.right {
-  text-align: right;
-}
-
-// use `.text-left` instead
-.left {
-  text-align: left;
-}
-
-// use `.text-center` instead
-.center {
-  text-align: center;
-}
-
-// use `.text-top` instead
-.top {
-  vertical-align: top;
-}
-
-// use `.text-bottom` instead
-.bottom {
-  vertical-align: bottom;
-}
-
-// use `.text-middle` instead
-.middle {
-  vertical-align: middle;
-}
-
-.clear {
-  height: 0;
-  clear: both;
-}
-
-// use `.note` instead
-.subtitle {
-  color: @secondFontColor;
-  font-size: @smallFontSize;
-}
-
-.crossout {
-  text-decoration: line-through;
-}
-
-.notes {
-  color: #777;
-  font-size: 11px;
-  margin-bottom: 10px;
-  background-color: #EFEFEF;
-  border: 1px solid #cdcdcd;
-  line-height: 16px;
-  height: 16px;
-  padding: 2px 4px;
-}
-
-// use `.alert.alert-warning` instead
-.warning, .modal-warning {
-  margin: 0 0 8px;
-  padding: 5px 8px;
-  border: 2px solid #faebcc;
-  background-color: #fcf8e3;
-  color: #8a6d3b;
-}
-
-// use `.alert.alert-danger` instead
-.error, .modal-error {
-  margin: 0 0 8px;
-  padding: 5px 8px;
-  border: 1px solid #ebccd1;
-  background-color: #f2dede;
-  color: #a94442;
-}
-
-// use `.alert.alert-success` or `.alert.alert-info` instead
-.notice, .modal-notice, .info {
-  margin: 0 0 8px;
-  padding: 5px 8px;
-  border: 1px solid #bce8f1;
-  background-color: #d9edf7;
-  color: #31708f;
-}
-
-div.operations {
-  float: right;
-  margin: 0;
-}
-
-ul.operations {
-  float: right;
-  height: 20px;
-  line-height: 20px;
-  list-style-type: none;
-  margin: 0;
-  background-color: #EFEFEF;
-  border: 1px solid #cdcdcd;
-  border-radius: 3px;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-}
-
-ul.operations li {
-  float: left;
-  margin: 0;
-  padding: 0 8px;
-  font-size: 85%;
-  border-right: 1px solid #cdcdcd;
-}
-
-ul.operations li.selected {
-  background-color: #d4d4d4;
-}
-
-ul.operations li.last {
-  border-right-width: 0;
-}
-
-ul.operations li a {
-  .link-base-color;
-}
-
-ul.operations li img {
-  vertical-align: middle;
-  margin-right: 5px;
-}
-
-th.operations, td.operations {
-  text-align: right;
-}
-
-.doc h2 {
-  margin-top: 8px;
-}
-
-.doc p {
-  margin: 8px 0;
-}
-
-.doc pre, pre.code {
-  color: #777;
-  background-color: #EFEFEF;
-  padding: 10px;
-  margin: 10px 0;
-  border: 1px dashed #777;
-  font-size: 93%;
-  line-height: 1.5em;
-}
-
-.doc li {
-  list-style: disc outside;
-  padding: 2px;
-}
-
-.doc ul {
-  list-style: none outside;
-  padding-left: 30px;
-}
-
-.rulename, .rulename a {
-  color: #444;
-  font-weight: 600;
-}
-
-.rulename a:hover {
-  text-decoration: underline;
-}
-
-.source_title {
-  padding: 10px 5px;
-}
-
-.source_title span.h1 {
-  font-size: 16px;
-  margin-right: 10px;
-}
-
-.source_links {
-  font-size: 11px;
-}
-
-.global_violations {
-  width: 100%;
-}
-
-.global_violations > tbody > tr > td {
-  padding-bottom: 10px;
-}
-
-.global_violations td {
-  padding: 3px 0;
-}
-
-.global_violations td img, #source_title img {
-  vertical-align: text-bottom;
-}
-
-.tab_header {
-  padding: 5px 10px;
-}
-
-.tab_header td {
-  padding-right: 7px;
-}
-
-.tab_header td.name {
-  text-align: left;
-  white-space: nowrap;
-}
-
-.tab_header td.value {
-  text-align: right;
-  white-space: nowrap;
-  font-weight: bold;
-}
-
-.extension-close {
-  position: absolute;
-  top: 5px; right: 10px;
-}
-
-.source_options {
-  margin-top: 5px;
-  padding-top: 5px;
-  border-top: 1px solid #ddd;
-  font-size: 85%;
-}
-
-.source_options td {
-  background: url("../images/sep12.png") no-repeat scroll 0 50% transparent;
-  padding: 0 10px;
-}
-
-.source_options td.first {
-  background: none;
-  padding: 0 10px 0 0;
-}
-
-div.autocomplete {
-  position: absolute;
-  width: 600px;
-  right: 10px;
-  top: 10px;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  margin: 0;
-  padding: 0;
-  color: #111;
-  line-height: 18px;
-  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
-  z-index: @dropdown-menu-z-index;
-}
-
-div.autocomplete ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-div.autocomplete ul li {
-  list-style-type: none;
-  display: block;
-  margin: 0;
-  padding: 3px 5px;
-  cursor: pointer;
-  color: #333;
-  line-height: 18px;
-  height: 18px;
-  vertical-align: middle;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-div.autocomplete div.q {
-  font-size: 93%;
-  color: #777;
-  width: 90px;
-  text-align: right;
-  margin-right: 5px;
-  display: inline-block;
-
-  /* For IE 7 */
-  zoom: 1;
-  *display: inline;
-}
-
-div.autocomplete ul li img {
-  vertical-align: middle;
-}
-
-div.autocomplete ul li.selected {
-  background-color: @lightBlue;
-}
-
-div.autocomplete strong {
-  font-weight: bold;
-}
-
-div.autocompleteNote {
-  color: #777;
-  font-size: 85%;
-  background-color: #EFEFEF;
-  border-top: 1px solid #CCC;
-  padding: 1px 10px;
-}
-
-.color_OK {
-  border: 2px solid #00aa00 !important;
-  color: #00aa00 !important;
-}
-
-.color_WARN {
-  border: 2px solid #ed7d20 !important;
-  color: #ed7d20 !important;
-}
-
-.color_ERROR {
-  border: 2px solid #d4333f !important;
-  color: #d4333f !important;
-}
-
-.admin-page-title {
-  margin-bottom: 0;
-}
-
-.admin-page-description {
-  font-size: 85%;
-  font-weight: normal;
-  margin-bottom: 25px;
-}
-
-.red-button {
-  color: #990000 !important;
-}
-
-.red-button:hover {
-  color: #FFFFFF !important;
-  border: solid 1px #CD504A !important;
-  background: #B33630 !important;
-  background: -webkit-gradient(linear, left top, left bottom, from(#DC5F59), to(#B33630)) !important;
-  background: -moz-linear-gradient(top, #DC5F59, #B33630) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#DC5F59', endColorstr = '#B33630') !important;
-}
-
-.red-button:active {
-  color: #FFFFFF !important;
-  border: solid 1px #CD504A !important;
-  background: #B33630 !important;
-  background: -webkit-gradient(linear, left top, left bottom, from(#AC2F29), to(#D35650)) !important;
-  background: -moz-linear-gradient(top, #AC2F29, #D35650) !important;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#AC2F29', endColorstr = '#D35650') !important;
-}
-
-.red-button[disabled] {
-  position: relative;
-  top: 0;
-  text-shadow: 1px 1px 0 #FFFFFF;
-  color: #BBBBBB;
-  border: solid 1px #DDD;
-  background: #EBEBEB;
-  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
-  background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF', endColorstr = '#E1E1E1');
-  cursor: default;
-}
-
-a.external {
-  background: url('../images/links/external.png') no-repeat 100% 0;
-  padding: 0 16px 0 0;
-}
-
-.fav {
-  display: inline-block;
-  background: url('../images/star.png') no-repeat 100% 0;
-  width: 16px;
-  height: 16px;
-  vertical-align: text-bottom;
-}
-
-.notfav {
-  display: inline-block;
-  background: url('../images/star_off.png') no-repeat 100% 0;
-  width: 16px;
-  height: 16px;
-  vertical-align: text-bottom;
-}
-
-/* DUPLICATIONS */
-
-.duplications {
-  max-width: 100%;
-}
-
-.duplications td.item {
-  text-align: right;
-  vertical-align: top;
-  padding: 0;
-}
-
-.duplications td.item p {
-  padding: 3px 5px;
-}
-
-.duplications td.fileItem {
-  text-align: left;
-  vertical-align: top;
-  padding: 0;
-  white-space: nowrap;
-}
-
-.duplications td.fileItem p {
-  padding: 3px 5px;
-}
-
-.duplications td.item p.selected, .duplications td.fileItem p.selected {
-  background-color: #EFEFEF;
-  border-top: 1px solid #DDD;
-  border-bottom: 1px solid #DDD;
-  padding: 3px 5px;
-}
-
-.duplications td.fileItem p.selected a {
-  text-decoration: none;
-}
-
-.duplications td.sourceItem {
-  padding: 0;
-  background-color: #EFEFEF;
-  border: 1px solid #DDD;
-  border-left: none;
-}
-
-.duplications td.sourceItem p {
-  padding: 3px;
-}
-
-.duplicationsMessage {
-  padding: 10px;
-}
-
-.discussion {
-  width: 100%;
-  border: 1px solid #DDDDDD;
-}
-
-.discussionComment.first {
-  border-top: none;
-}
-
-.discussionComment {
-  background-color: #EFEFEF;
-  border-top: 1px solid #DDDDDD;
-  line-height: 1.5em;
-  margin: 0;
-  padding: 5px 10px;
-
-  h4 {
-    font-size: 90%;
-    margin-bottom: 2px;
-  }
-
-  h4 img {
-    vertical-align: sub;
-  }
-
-  ol li {
-    list-style: decimal inside;
-  }
-
-  ul li {
-    list-style: square inside;
-  }
-
-  pre {
-    padding: 10px;
-    border: 1px dashed #DDD;
-    color: #444;
-    font-size: 12px;
-  }
-}
-
-div.comment-excerpt {
-  background-color: transparent;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  color: #777777;
-  font-size: 90%;
-}
diff --git a/server/sonar-web/src/main/less/init/misc.less b/server/sonar-web/src/main/less/init/misc.less
index 472cc405189..cd378849179 100644
--- a/server/sonar-web/src/main/less/init/misc.less
+++ b/server/sonar-web/src/main/less/init/misc.less
@@ -26,6 +26,7 @@
 .vertical-middle { vertical-align: middle; }
 
 .nowrap { white-space: nowrap; }
+table.nowrap td, td.nowrap, th.nowrap { white-space: nowrap; }
 
 .hidden {
   display: none !important;
@@ -35,6 +36,10 @@
 .note {
   color: @secondFontColor;
   font-size: @smallFontSize;
+
+  a {
+    color: @secondFontColor;
+  }
 }
 
 .spacer-left   { margin-left: 8px; }
diff --git a/server/sonar-web/src/main/less/init/tables.less b/server/sonar-web/src/main/less/init/tables.less
index 63809c03cca..5772241a148 100644
--- a/server/sonar-web/src/main/less/init/tables.less
+++ b/server/sonar-web/src/main/less/init/tables.less
@@ -25,10 +25,39 @@ table {
   border-spacing: 0;
 }
 
+.table > thead > tr > th {
+  border-top: 0 none;
+  font-weight: bold;
+  vertical-align: bottom;
+  line-height: 16px;
+  padding: 4px 5px;
+  vertical-align: bottom;
+}
+
+.table > tbody > tr > td {
+  line-height: 16px;
+  padding: 4px 5px;
+  vertical-align: top;
+}
+
+.table > tfoot > tr > td {
+  font-size: 93%;
+  color: #777;
+  padding: 4px 5px;
+}
+
+.table > tfoot > tr > td a {
+  color: #777;
+}
+
 .odd {
   background-color: #fff;
 }
 
+.even {
+  background-color: #f5f5f5;
+}
+
 .odd.selected,
 .even.selected,
 .odd.selected a,
@@ -39,6 +68,10 @@ table {
   color: @baseFontColor;
 }
 
+table.data, table.spaced {
+  width: 100%;
+}
+
 table.data > thead:after {
   display: block;
   line-height: 5px;
@@ -141,24 +174,6 @@ table.data.no-outer-padding > tbody > tr {
   vertical-align: middle;
 }
 
-.data td.category {
-  padding-right: 15px;
-}
-
-.categoryDescription {
-  padding: 10px 5px;
-}
-
-.data td.category.withSubcategories {
-  background-image: url('../../images/bullet_arrow_down.gif');
-  background-position: right center;
-  background-repeat: no-repeat;
-}
-
-.data td.subcategory {
-  padding-left: 20px;
-}
-
 .hoverable:hover {
   background-color: #CAE3F2;
 }
@@ -167,32 +182,6 @@ table.data.no-outer-padding > tbody > tr {
   color: #111;
 }
 
-table.sortable .sortcol {
-  cursor: pointer;
-  padding-left: 15px;
-  background-repeat: no-repeat;
-  background-position: right center;
-}
-
-table.sortable .sortasc {
-  background-image: url('../../images/bullet_arrow_up.gif');
-  background-position: left center;
-}
-
-table.sortable .sortdesc {
-  background-image: url('../../images/bullet_arrow_down.gif');
-  background-position: left center;
-}
-
-table.sortable .righticon {
-  padding-right: 15px;
-  background-position: right center;
-}
-
-table.sortable .nosort {
-  cursor: default;
-}
-
 table.spaced th {
   font-weight: bold;
   color: #333;
diff --git a/server/sonar-web/src/main/less/pages/coding-rules.less b/server/sonar-web/src/main/less/pages/coding-rules.less
index 9f0b59ec5f5..e179e507a50 100644
--- a/server/sonar-web/src/main/less/pages/coding-rules.less
+++ b/server/sonar-web/src/main/less/pages/coding-rules.less
@@ -21,7 +21,6 @@
 @import (reference) '../variables';
 @import (reference) '../init/links';
 @import (reference) '../components/ui';
-@import (reference) '../components/navigator/config';
 
 @facetsHeight: 36px;
 
@@ -358,7 +357,7 @@
   position: absolute;
   z-index: @dropdown-menu-z-index;
   width: 200px;
-  border: 1px solid @navigatorBorderLightColor;
+  border: 1px solid @barBorderColor;
   box-sizing: border-box;
   box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
   background-color: #fff;
@@ -377,7 +376,7 @@
   .link-no-underline;
   transition: all 0.2s ease;
 
-  &:hover { background-color: @navigatorBarBackground; }
+  &:hover { background-color: @barBackgroundColor; }
 
   strong {
     font-weight: bold;
diff --git a/server/sonar-web/src/main/less/pages/dashboard.less b/server/sonar-web/src/main/less/pages/dashboard.less
deleted file mode 100644
index f4f1de0d76b..00000000000
--- a/server/sonar-web/src/main/less/pages/dashboard.less
+++ /dev/null
@@ -1,441 +0,0 @@
-/*
- * SonarQube
- * Copyright (C) 2009-2016 SonarSource SA
- * mailto:contact AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
-@import (reference) "../mixins";
-@import (reference) "../variables";
-@import (reference) "../components/ui";
-
-.dashboard-page,
-.dashboard-page body {
-  background-color: @barBackgroundColor;
-}
-
-.dashboard-page #ftlinks {
-  border-top-color: @barBorderColor;
-  background-color: @barBackgroundColor;
-}
-
-/* LAYOUT */
-#dashboard .transparent {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: url('../../images/transparent.gif') repeat;
-  z-index: @dashboard-transparent-z-index;
-}
-
-/* WIDGETS */
-#dashboard .widget {
-  position: relative;
-  overflow-x: auto;
-  overflow-y: hidden;
-  padding: 10px;
-  margin: 0;
-}
-
-#dashboard .widget .big {
-  line-height: 1.5;
-  font-size: 24px;
-  font-weight: 300;
-}
-
-#dashboard .block {
-  margin: 0 0 10px 0;
-  border: 1px solid @barBorderColor;
-  background-color: @white;
-}
-
-#dashboard .configure_widget {
-  display: block;
-  position: relative;
-}
-
-#dashboard .widget_props {
-  background-color: #FFFBE2;
-  border: 1px solid #FCE174;
-  margin: 5px;
-  padding: 5px;
-}
-
-#dashboard .widget-title {
-  padding: 10px;
-  line-height: 1;
-  border-bottom: 1px solid @barBorderColor;
-  color: @baseFontColor;
-  font-size: 14px;
-  font-weight: 400;
-  text-transform: uppercase;
-
-  a { .link-no-underline; }
-}
-
-/*CONFIGURATION*/
-#dashboard #configure {
-  position: relative;
-  height: 260px;
-  margin: 5px 0 10px 0;
-}
-
-#dashboard #widget_defs, #dashboard #edit-layout {
-  background-color: #FFFBE2;
-  border: 1px solid #FCE174;
-  padding: 5px;
-  overflow-x: hidden;
-}
-
-#dashboard #widget_defs {
-  margin-right: 104px;
-  overflow-y: auto;
-  height: 250px;
-}
-
-#dashboard #edit-layout {
-  width: 86px;
-  height: 248px;
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding-top: 5px;
-}
-
-#dashboard #edit-layout p {
-  margin-bottom: 5px;
-}
-
-#dashboard .widget_def {
-  display: inline-block;
-  vertical-align: top;
-  border: 1px solid #FCE174;
-  padding: 5px;
-  margin: 5px;
-  white-space: normal;
-  width: 250px;
-  min-height: 100px;
-}
-
-#dashboard ul.widget_categs li {
-  padding-right: 5px;
-}
-
-#dashboard ul.widget_categs li.selected a {
-  font-weight: bold;
-  text-decoration: none;
-}
-
-#dashboard .select-layout {
-  float: left;
-}
-
-#dashboard .select-layout img {
-  border: 3px solid #FFF6BF;
-}
-
-#dashboard .select-layout.selected img {
-  border: 3px solid #4B9FD5;
-}
-
-.admin_page {
-    position: relative;
-}
-
-.admin_page table {
-  margin-top: 10px;
-  margin-bottom: 50px;
-}
-
-.admin_page .empty {
-  font-style: italic;
-}
-
-.admin_page .operations {
-  width: 260px;
-  text-align: right;
-}
-
-.admin_page .operations .link-action { margin-left: 4px; }
-
-.admin_page .owner {
-  width: 140px;
-  text-align: center;
-}
-
-.admin_page .shared {
-  width: 40px;
-  text-align: center;
-}
-
-.admin_page .order, .admin_page .global {
-  width: 45px;
-  text-align: center;
-}
-
-/*OPERATIONS*/
-#dashboard #dashboard-operations {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-}
-
-#dashboard #dashboard-operations ul.operations {
-  float: left;
-  list-style-type: none;
-  border: 1px solid #cdcdcd;
-  padding: 0;
-  margin: 0;
-  border-radius: 3px;
-}
-
-#dashboard #dashboard-operations ul.operations li {
-  float: left;
-  margin: 0;
-  padding: 2px 10px;
-  position: relative;
-  background-color: #f4f4f4;
-  font-size: 85%;
-  border-right: 1px solid #cdcdcd;
-}
-
-#dashboard #dashboard-operations ul.operations li.last {
-  border-right-width: 0;
-}
-
-#dashboard #dashboard-operations ul.operations li.selected {
-  background-color: #d4d4d4;
-}
-
-#dashboard #dashboard-operations ul.operations li a {
-  color: #555;
-}
-
-#dashboard .dashboard-column {
-  margin: 0;
-  padding: 0;
-  overflow: visible;
-}
-
-#dashboard .dashboard-column-wrapper {
-  float: left;
-  margin: 0;
-  padding: 0;
-}
-
-#dashboard .column-handle {
-  height: 30px;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  display: inline-block;
-  line-height: 100px;
-  text-align: center;
-  font-size: x-large;
-  vertical-align: middle;
-  background-color: #eee;
-}
-
-#dashboard .block {
-  position: relative;
-  width: 100%;
-}
-
-#dashboard .widget-header {
-  line-height: 16px;
-  padding: 3px 5px 5px;
-  background-color: #efefef;
-  border-bottom: 0;
-}
-
-#dashboard .widget-handle {
-  cursor: move;
-  margin: 0;
-  background-image: url('../../images/move.png');
-  background-position: left center;
-  background-repeat: no-repeat;
-  padding-left: 20px;
-}
-
-#dashboard .widget-actions {
-  float: right;
-}
-
-#dashboard .widget-actions a {
-  cursor: pointer;
-}
-
-#dashboard .block-hover {
-  outline: 2px dashed #ddd;
-}
-
-#dashboard .shadow-block {
-  box-shadow: 8px 8px 8px #ddd;
-}
-
-
-
-/*
- * Widget Components
- */
-
-.widget-row {
-  font-size: 0;
-  margin: 0 -10px -20px;
-}
-
-.widget-span {
-  display: inline-block;
-  vertical-align: top;
-  padding: 0 10px 20px;
-  box-sizing: border-box;
-  font-size: @baseFontSize;
-}
-
-.widget-span-1  { width: 8.33333333333333%; }
-.widget-span-2  { width: 16.66666666666667%; }
-.widget-span-3  { width: 25%; }
-.widget-span-3-5  { width: 29.16666666666667%; }
-.widget-span-4  { width: 33.33333333333333%; }
-.widget-span-5  { width: 41.66666666666667%; }
-.widget-span-6  { width: 50%; }
-.widget-span-7  { width: 58.33333333333333%; }
-.widget-span-8  { width: 66.666666666667%; }
-.widget-span-9  { width: 75%; }
-.widget-span-10 { width: 83.333333333333%; }
-.widget-span-11 { width: 91.666666666667%; }
-.widget-span-12 { width: 100%; }
-
-.widget-label {
-  display: block;
-  font-size: @baseFontSize;
-  line-height: 1.2;
-  font-weight: 300;
-}
-
-.widget-number {
-  color: @darkBlue;
-}
-
-.widget-big {
-  line-height: 1.5;
-  font-size: 24px;
-  font-weight: 300;
-}
-
-.widget-medium {
-  line-height: 1.5;
-  font-size: 18px;
-  font-weight: 300;
-}
-
-.widget-measure {
-  display: inline-block;
-  vertical-align: top;
-  margin: 0 15px 10px 0;
-
-  .widget-link, .widget-number { .widget-medium; }
-  .widget-label { text-transform: capitalize; }
-}
-
-.widget-measure-main {
-  display: block;
-  margin-top: 10px;
-
-  .widget-link, .widget-number { .widget-big; }
-  .widget-label { font-size: @bigFontSize; }
-}
-
-.widget-measure-container {
-  margin: -10px 0;
-}
-
-.widget-measure-delta {
-  margin-top: -5px;
-  margin-bottom: 10px;
-  line-height: 1.5;
-}
-
-// Widget Histogram
-
-.widget-barchar {
-  line-height: 1;
-
-  td {
-    vertical-align: middle !important;
-  }
-
-  div.barchart div { height: 1em; }
-}
-
-.widget-measure-container .widget-barchar { margin-bottom: 10px; }
-
-.widget-measure-container .widget-barchart-more {
-  margin-top: -5px;
-  margin-bottom: 10px;
-  padding-left: 5px;
-}
-
-// Description Widget
-
-.description-widget-project {
-  display: inline-block;
-  line-height: 1.5;
-  margin-right: 10px;
-  font-size: @bigFontSize;
-  font-weight: 300;
-  white-space: nowrap;
-
-  [class^="icon-"], [class*=" icon-"] {
-    position: relative;
-    top: 4px;
-  }
-}
-
-.description-widget-description {
-  margin: 7px 0;
-  line-height: 1.5;
-}
-
-.description-widget-key {
-  color: @secondFontColor;
-  font-size: @smallFontSize;
-  font-weight: 300;
-  white-space: nowrap;
-}
-
-.description-widget-links {
-
-  & > li {
-    display: inline-block;
-    vertical-align: top;
-    padding: 5px 25px 5px 0;
-
-    & > a {
-      font-size: @baseFontSize;
-
-      & > i, & > i:before {
-        vertical-align: top;
-        font-size: 16px;
-      }
-    }
-  }
-}
-
-.description-widget-link-data {
-  margin-top: 7px;
-}
diff --git a/server/sonar-web/src/main/less/pages/quality-gates.less b/server/sonar-web/src/main/less/pages/quality-gates.less
index a4dfdd95d61..eec7d045030 100644
--- a/server/sonar-web/src/main/less/pages/quality-gates.less
+++ b/server/sonar-web/src/main/less/pages/quality-gates.less
@@ -19,7 +19,6 @@
  */
 @import (reference) "../variables";
 @import (reference) "../mixins";
-@import (reference) "../components/navigator/config";
 
 .quality-gates-side {
   background-color: @barBackgroundColor;
@@ -73,7 +72,7 @@
       border-color: transparent;
 
       &:hover:not(.active):not(.empty) {
-        background-color: @navigatorBarBackground;
+        background-color: @barBackgroundColor;
       }
 
       &.active {
@@ -102,7 +101,7 @@
 }
 
 .quality-gate-section-empty + .quality-gate-section {
-  border-top: 1px solid @navigatorBorderLightColor;
+  border-top: 1px solid @barBorderColor;
 }
 
 .quality-gate-section-name {
diff --git a/server/sonar-web/src/main/less/select2-sonar.less b/server/sonar-web/src/main/less/select2-sonar.less
index 196401120e8..167323d7dc6 100644
--- a/server/sonar-web/src/main/less/select2-sonar.less
+++ b/server/sonar-web/src/main/less/select2-sonar.less
@@ -22,7 +22,7 @@
 
 @imagesPath: '../images/select2.png';
 @imagesPath2x: '../images/select2x2.png';
-@spinnerPath: '../images/spinner.gif';
+@spinnerPath: '../images/loading.gif';
 
 .select2-container {
   vertical-align: middle;
diff --git a/server/sonar-web/src/main/less/select2.less b/server/sonar-web/src/main/less/select2.less
index a3e3669d612..edec7753ccf 100755
--- a/server/sonar-web/src/main/less/select2.less
+++ b/server/sonar-web/src/main/less/select2.less
@@ -162,7 +162,7 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
 }
 
 .select2-search input.select2-active {
-  background: #ffff url('../images/spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%);
+  background: #ffff url('../images/loading.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%);
 }
 
 .select2-container-active .select2-choice,
@@ -259,7 +259,7 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
 }
 
 .select2-more-results.select2-active {
-  background: #f4f4f4 url('../images/spinner.gif') no-repeat 100%;
+  background: #f4f4f4 url('../images/loading.gif') no-repeat 100%;
 }
 
 .select2-more-results {
@@ -331,7 +331,7 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
 }
 
 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
-  background: #fff url('../images/spinner.gif') no-repeat 100% !important;
+  background: #fff url('../images/loading.gif') no-repeat 100% !important;
 }
 
 .select2-default {
diff --git a/server/sonar-web/src/main/less/sonar.less b/server/sonar-web/src/main/less/sonar.less
index 0389a58b796..e8e87f3a6bb 100644
--- a/server/sonar-web/src/main/less/sonar.less
+++ b/server/sonar-web/src/main/less/sonar.less
@@ -46,7 +46,6 @@
 @import "components/page";
 @import "components/component-name";
 @import "components/navbar";
-@import "components/navigator";
 @import "components/select-list";
 @import "components/graphics";
 @import "components/list-groups";
@@ -59,14 +58,12 @@
 @import "components/react-select";
 
 @import "pages/coding-rules";
-@import "pages/dashboard";
 @import "pages/issues";
 @import "pages/quality-gates";
 @import "pages/maintenance";
 @import "pages/login";
 
 @import 'style';
-@import 'deprecated';
 @import 'print';
 @import 'sonar-colorizer';
 @import 'mixins';
diff --git a/server/sonar-web/src/main/less/style.less b/server/sonar-web/src/main/less/style.less
index 5743af7c82e..21ac54a3682 100644
--- a/server/sonar-web/src/main/less/style.less
+++ b/server/sonar-web/src/main/less/style.less
@@ -23,350 +23,12 @@
 @import (reference) "components/ui";
 @import (reference) "components/typography";
 
-/* ACTION PLANS */
-table.actionPlans {
-  margin-top: 10px;
-}
-
-table.actionPlans td.progress {
-  width: 300px;
-  padding: 0px 40px;
-}
-
-table.actionPlans td.noprogress {
-  color: #777777;
-  font-size: 93%;
-  padding-left: 43px;
-  padding-right: 40px;
-}
-
-table.actionPlans td.over-due {
-  color: #CC0000;
-  font-weight: bold;
-}
-
-div.progress {
-  width: 100%;
-  margin: 4px;
-}
-
-div.progress table {
-  width: 100%;
-}
-
-div.progress td {
-  height: 10px;
-}
-
-div.progress td a {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-div.progress td.resolved {
-  background-color: #078C00;
-}
-
-div.progress td.open {
-  background-color: #CC0000;
-}
-
-div.progress div.note {
-  color: #777;
-  font-size: 93%;
-  font-weight: normal;
-  white-space: nowrap;
-}
-div.note a {
-  color: #777777;
-}
-
-/* ------------------- DASHBOARD ------------------- */
-
-#alerts_widget {
-  margin-bottom: 10px;
-  padding: 5px 5px 5px 10px;
-}
-
-#alerts_widget img {
-  vertical-align: bottom;
-}
-
-span.empty_widget {
-  color: #777777;
-  font-size: 93%;
-}
-
-.dashbox {
-  float: left;
-  vertical-align: top;
-  text-align: left;
-  padding: 0 10px 7px 0;
-
-  h3 {
-    line-height: 1.2;
-    font-size: @bigFontSize;
-    font-weight: 300;
-  }
-
-  a .rating { color: #fff; }
-}
-
-.adminportlet {
-  border: 2px dashed #ccc;
-  margin-bottom: 10px;
-  padding: 10px;
-}
-
-table.header1 {
-  background-color: #EFEFEF;
-  color: #444;
-  border: 1px solid #DDD;
-  margin: 0 0 10px 0;
-  width: 100%;
-}
-
-table.header1 td {
-  padding: 10px 0 10px 10px;
-  text-align: left;
-  vertical-align: top;
-}
-
-.headerLine {
-  background-color: #EFEFEF;
-  color: #444;
-  border: 1px solid #DDD;
-  margin: 0 0 10px 0;
-  line-height: 28px;
-  height: 28px;
-}
-
-ul.headerLine li {
-  float: left;
-  display: block;
-  padding: 0 10px 0;
-  height: 28px;
-  vertical-align: middle;
-}
-
-ul.headerLine li.sep {
-  background: url("../images/sep12.png") no-repeat scroll 50% 50% transparent;
-  padding: 0 5px 0 5px;
-}
-
-ul.headerLine select, ul.headerLine input, ul.headerLine button, ul.headerLine textarea, ul.headerLine span {
-  vertical-align: middle;
-}
-
-select.withIcons option, span.withIcons {
-  background-repeat: no-repeat;
-  background-position: 2px 0;
-  padding: 0 2px 0 22px;
-  vertical-align: middle;
-}
-
-option.status_open {
-  background-image: url('../images/status/OPEN.png');
-}
-
-option.status_reopened {
-  background-image: url('../images/status/REOPENED.png');
-}
-
-option.status_resolved {
-  background-image: url('../images/status/RESOLVED.png');
-}
-
-option.status_closed {
-  background-image: url('../images/status/CLOSED.png');
-}
-
-option.sev_INFO, span.sev_INFO {
-  background-image: url('../images/priority/INFO.png');
-}
-
-option.sev_MINOR, span.sev_MINOR {
-  background-image: url('../images/priority/MINOR.png');
-}
-
-option.sev_MAJOR, span.sev_MAJOR {
-  background-image: url('../images/priority/MAJOR.png');
-}
-
-option.sev_CRITICAL, span.sev_CRITICAL {
-  background-image: url('../images/priority/CRITICAL.png');
-}
-
-option.sev_BLOCKER, span.sev_BLOCKER {
-  background-image: url('../images/priority/BLOCKER.png');
-}
-
-/* ------------------- VARIATIONS ------------------- */
-.var {
-  color: #444 !important;
-}
-
-.varb {
-  /* better */
-  color: @green !important;
-}
-
-.varw {
-  /* worst */
-  color: @red !important;
-}
-
-/* ------------------- HELP ------------------- */
-.help {
-  border: 1px solid #DDD;
-  background-color: #EFEFEF;
-  color: #444;
-  padding: 5px;
-}
-
-.help h2 {
-  padding-left: 23px;
-  color: #444;
-  vertical-align: bottom;
-  font-weight: bold;
-  background: url('../images/information.png') no-repeat left center;
-}
-
-.help p {
-  padding: 5px 0;
-}
-
-.inline-help {
-  padding: 5px;
-  margin: 5px;
-  background-color: #FFF6BF;
-  border: 1px solid #FFD324;
-}
-
-/* ------------------- FORMS ------------------- */
-.admintable {
-  border: solid 1px #FFD324;
-  background-color: #FFF6BF;
-  color: #111;
-}
-
-.admintable td {
-  padding: 5px 10px;
-}
-
-.admintable span.desc {
-  font-size: 85%;
-  font-weight: normal;
-}
-
-/* ------------------- BOXES ------------------- */
-.box {
-  border: 1px solid #ccc;
-  background-color: #EFEFEF;
-  margin-bottom: 5px;
-  color: #444;
-  padding: 10px;
+.dashboard-page,
+.dashboard-page body {
+  background-color: @barBackgroundColor;
 }
 
-.box a, .box a:visited {
-  color: #555;
-}
-
-.admin {
-  border: solid 1px #FFD324;
-  background-color: #FFF6BF;
-  color: #514721;
-  margin-bottom: 5px;
-  padding: 5px;
-}
-
-.admin h3 {
-  font-size: 100%;
-  text-align: left;
-  font-weight: bold;
-  color: #333;
-}
-
-.column {
-  vertical-align: top;
-  text-align: left;
-  padding: 0 0 0 10px;
-}
-
-.column.first {
-  padding: 0;
-}
-
-.column h3 {
-  padding: 3px 0;
-}
-
-.scrollable {
-  height: 144px;
-  overflow: auto;
-  border: 1px solid @barBorderColor;
-}
-
-.scroll-ie {
-  overflow-x: hidden;
-  padding-right: 17px;
-}
-
-.red {
-  color: #8B0000;
-}
-
-.green {
-  color: #050;
-}
-
-ul.bullet {
-  margin: 3px 0 3px 25px;
-}
-
-ul.bullet li {
-  padding: 2px 0;
-  list-style-image: url("../images/bullet.png");
-}
-
-.rule_title {
-  font-size: 110%;
-}
-
-.tablinks {
-  float: right;
-  padding: 0 5px 0 10px;
-  text-align: right;
-}
-
-.tablinks li {
-  float: left;
-  text-align: right;
-  margin-left: 5px;
-  padding: 0 0 0 5px;
-}
-
-.tablinks li.first {
-  background: none;
-}
-
-.tablinks a {
-  text-decoration: underline;
-  color: #777;
-  font-size: 85%;
-}
-
-.tabs-panel {
-  border-right: 1px solid #DDD;
-  border-bottom: 1px solid #DDD;
-  border-left: 1px solid #DDD;
-  border-top-width: 0;
-  padding: 10px;
-}
-
-/* tabs2 is deprecated since 4.1. It is kept for backward-compatibility */
-.tabs2, .tabs {
+.tabs {
   height: 20px;
   border-bottom: 1px solid #DDD;
   margin: 0;
@@ -374,7 +36,7 @@ ul.bullet li {
   font-size: 93%;
 }
 
-.tabs2 li, .tabs li {
+.tabs li {
   display: inline;
   list-style-type: none;
   font-weight: normal;
@@ -386,7 +48,7 @@ ul.bullet li {
   padding: 0;
 }
 
-.tabs2 li a, .tabs li a {
+.tabs li a {
   float: left;
   color: #777;
   vertical-align: bottom;
@@ -397,73 +59,19 @@ ul.bullet li {
   transition: none;
 }
 
-.tabs2 li a.selected, .tabs li a.selected, .tabs .ui-tabs-active a {
+.tabs li a.selected, .tabs .ui-tabs-active a {
   text-decoration: none;
   color: #555 !important;
   font-weight: bold;
   margin: 0 1px 0 0;
 }
 
-.tabbed {
-  border: 1px solid silver;
-  border-top: 0;
-  padding: 5px;
-}
-.comments {
-  color: #777;
-  font-size: 12px;
-  margin-bottom: 10px;
-  padding: 4px;
-}
-
-.little {
-  font-size: 80%;
-}
-
-.alert_WARN {
-  background-color: @orange;
-  color: #fff;
-  margin: 0;
-  padding: 0 3px;
-
-  a > & {
-    margin-bottom: -1px;
-    border-bottom: 1px solid @orange;
-    transition: all 0.2s ease;
-
-    &:hover { opacity: 0.8; }
-  }
-}
-
-.alert_ERROR {
-  background-color: @red;
-  color: #fff;
-  margin: 0;
-  padding: 0 3px;
-
-  a > & {
-    margin-bottom: -1px;
-    border-bottom: 1px solid @red;
-    transition: all 0.2s ease;
-
-    &:hover { opacity: 0.8; }
-  }
-}
-
-#comparison span.best {
-  font-size: 108%;
-  font-weight: bold;
-}
-
 .markdown-tips {
   font-size: @smallFontSize;
   color: @secondFontColor;
 }
 
-
-/* API for Rule and Property Descriptions  */
-.rule-desc,
-.markdown {
+.rule-desc, .markdown {
   .formatted;
 }
 
@@ -498,301 +106,11 @@ ul.bullet li {
   list-style-position: inside;
   margin: 10px;
 }
-/* End of API for Rule Descriptions */
-
-
-
-.tip:hover {
-  background: #FFF;
-  position: relative;
-  z-index: @tip-z-index;
-}
-
-.tip span {
-  display: none;
-  margin-left: -20px;
-  padding: 4px 5px;
-}
-
-.tip:hover span {
-  display: inline;
-  position: absolute;
-  background: #CAE3F2;
-  border: 1px solid #4b9fd5;
-  color: #262626;
-  white-space: nowrap;
-  text-decoration: none;
-}
-
-.hbar {
-  float: left;
-  border: none;
-  clear: both;
-  width: 4em;
-  margin: 0;
-  padding: 2px 0 0;
-}
-
-.hbar li {
-  background-color: #777;
-  color: #FFF;
-  font-family: Verdana, Tahoma, Arial, sans-serif;
-  font-size: xx-small;
-  letter-spacing: -0.075em;
-  list-style: none;
-  line-height: 1.1em;
-  text-align: right;
-  vertical-align: middle;
-  padding: 0.1em;
-}
-
-div.barchart {
-  border: 0;
-  margin: 0;
-  padding: 0;
-  float: left;
-}
-
-div.barchart > div {
-  min-width: 1px;
-  background-color: #c4d6e1;
-  height: 0.9em;
-}
-
-table.matrix thead {
-  background-color: #CAE3F2;
-  border: 1px solid #4b9fd5;
-}
-
-table.matrix thead th {
-  text-align: right;
-  border-right: 1px solid #4b9fd5;
-  padding: 4px 5px;
-}
-
-table.matrix tbody td {
-  border: 1px solid #ddd;
-  margin: 0;
-  padding: 4px 5px;
-}
-
-table.matrix tbody td.title {
-  border: none;
-  font-weight: bold;
-  margin: 0;
-  padding: 5px 0 0 5px;
-}
-
-a.nolink {
-  .link-no-underline;
-}
-
-h1 strong, .dashbox .title {
-  font-weight: bold;
-}
-
-.even, table.sortable tr.rowodd {
-  background-color: #f5f5f5;
-}
-
-.bordered {
-  border-bottom: 1px solid #ddd;
-}
-
-table.data, table.spaced {
-  width: 100%;
-}
-
-table.data td.barchart {
-  width: 100px;
-}
-
-table.without-header {
-  border-top: 1px solid #ddd;
-}
-
-.hoverable.selected a {
-  color: #fff;
-}
-
-/* GENERIC STYLES */
-.line-block {
-  display: block;
-  width: 100%;
-  height: 24px;
-  line-height: 22px;
-  margin-bottom: 5px;
-}
-
-.line-info {
-  background: url('../images/information.png') no-repeat scroll left 50% transparent;
-  padding-left: 18px
-}
-
-div.break10 {
-  height: 10px;
-}
-
-div.break30 {
-  height: 30px;
-}
-
-.marginbottom10 {
-  margin-bottom: 10px;
-}
-
-.marginbottom5 {
-  margin-bottom: 5px;
-}
-
-.marginright10 {
-  margin-right: 10px;
-}
-
-.marginleft10 {
-  margin-left: 10px;
-}
 
 .width100 {
   width: 100%;
 }
 
-ul.horizontal {
-  list-style-type: none;
-}
-
-ul.horizontal li {
-  float: left;
-  position: relative;
-}
-
-table.nowrap td, td.nowrap, th.nowrap {
-  white-space: nowrap;
-}
-
-table.nowrap td.small, td.nowrap.small, th.nowrap.small {
-  line-height: 16px;
-}
-
-.background-gray {
-  background-color: #EFEFEF;
-  color: #444;
-}
-
-/* CONFIGURATION OF Q PROFILES */
-.bulk-edit {
-  display: block;
-  padding: 2px 0 2px 2px;
-}
-
-.csv {
-  display: block;
-  background: url("../images/csv.png") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-
-.add {
-  display: block;
-  background: url("../images/add.png") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-
-.restore {
-  display: block;
-  background: url("../images/restore.gif") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-
-.compare {
-  display: block;
-  background: url("../images/compare.png") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-
-/* Profile diff */
-.diffParam {
-  font-family: @monoFontFamily;
-}
-
-.yellowHighlight {
-  background: #FFFBCC;
-}
-
-.link-more {
-  background-image: url('../images/bullet_arrow_down.png');
-  background-repeat: no-repeat;
-  padding-right: 20px;
-  background-position: right center;
-  cursor: pointer;
-}
-
-.form-key-cell {
-  padding: 2px 8px 4px 10px;
-  text-align: right;
-  width: 1%;
-  white-space: nowrap;
-  vertical-align: top;
-}
-
-.form-val-cell {
-  padding: 2px 8px 4px 0;
-  text-align: left;
-  white-space: normal;
-}
-
-.form-val-cell li {
-  margin-bottom: 5px;
-}
-
-.form-val-note {
-  color: #999;
-}
-
-.table > thead > tr > th {
-  border-top: 0 none;
-  font-weight: bold;
-  vertical-align: bottom;
-  line-height: 16px;
-  padding: 4px 5px;
-  vertical-align: bottom;
-}
-
-.table > tbody > tr > td {
-  line-height: 16px;
-  padding: 4px 5px;
-  vertical-align: top;
-}
-
-.table > tfoot > tr > td {
-  font-size: 93%;
-  color: #777;
-  padding: 4px 5px;
-}
-
-.table > tfoot > tr > td a {
-  color: #777;
-}
-
-.table-bordered > tbody {
-  border-left: 1px solid #DDD;
-  border-right: 1px solid #DDD;
-  border-bottom: 1px solid #DDD;
-}
-
-.table-bordered > tbody > tr > td {
-  border-top: 1px solid #DDD;
-}
-
-select.small-width {
-  max-width: 120px;
-}
-
-select.medium-width {
-  max-width: 175px;
-  width: 175px;
-}
-
-
 textarea.width100 {
   width: 100%;
   box-sizing: border-box;
@@ -827,74 +145,3 @@ textarea.width100 {
 .property .note {
   margin-top: 5px;
 }
-
-/* ------------------- Accordion navigation styles ------------------- */
-
-.accordion-item {
-  border: 1px solid @barBorderColor;
-  margin-bottom: 20px;
-}
-
-.accordion-item table.data {
-  /* Fix an issue on Google Chrome to prevent the horizontal scroll to appear */
-  border-collapse : separate;
-}
-
-.accordion-item-body-medium {
-  max-height: 200px;
-  overflow: auto;
-}
-
-
-/* ------------------- Rule styles ------------------- */
-
-.rule-search {
-  display: inline-block;
-  line-height: 16px;
-}
-
-div.rule-title {
-  display: inline-block;
-  float: left;
-  clear: right;
-}
-
-#result_table .rule-desc {
-  width: 100%;
-  float: left;
-  clear: right;
-}
-
-.rule-status, .rule-tags {
-  display: inline-block;
-  margin-left: 10px;
-  float: right;
-  padding: 3px 5px 0 0;
-  font-size: 85%;
-  color: #777;
-}
-
-.rule-tags a {
-  color: inherit;
-  text-decoration: none;
-}
-
-.rule-status span {
-  text-transform: uppercase;
-}
-
-.rule-tags span {
-  background-color: #eee;
-  padding: 3px 4px;
-  margin: 4px 2px;
-  border-radius: 2px;
-  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.12) inset;
-}
-
-/* ------------------- Role search styles ------------------- */
-
-.project-search {
-  display: inline-block;
-  line-height: 16px;
-  padding: 4px 2px;
-}
diff --git a/server/sonar-web/src/main/less/variables.less b/server/sonar-web/src/main/less/variables.less
index 51a49a78e71..f3e39b21f01 100644
--- a/server/sonar-web/src/main/less/variables.less
+++ b/server/sonar-web/src/main/less/variables.less
@@ -178,6 +178,14 @@
 @pageFooterHeight: 60px;
 
 
+/*
+ * Navigator
+ */
+
+@navigatorPadding: 10px;
+@navigatorHeaderHeight: 40px;
+
+
 
 /*
  * z-index