7 files changed, 118 insertions, 1 deletions
diff --git a/server/sonar-web/src/main/less/components/badges.less b/server/sonar-web/src/main/less/components/badges.less
index 4523a35517e..856125aea62 100644
--- a/server/sonar-web/src/main/less/components/badges.less
+++ b/server/sonar-web/src/main/less/components/badges.less
@@ -19,6 +19,7 @@
  */
 @import (reference) "../variables";
 @import (reference) "../mixins";
+@import (reference) "../init/links";
 
 .badge {
   display: inline-block;
@@ -26,7 +27,7 @@
   padding: 2px 7px;
   font-size: 11px;
   font-weight: 300;
-  color: #fff;
+  color: @white;
   line-height: 12px;
   vertical-align: baseline;
   white-space: nowrap;
@@ -35,6 +36,10 @@
 
   &:empty { display: none; }
 
+  &:hover, &:focus, &:active { color: @white; }
+
+  a& { .link-no-underline; }
+
   .list-group-item > &,
   .list-group-item-heading > & {
     float: right;
@@ -45,3 +50,10 @@
     margin-right: 5px;
   }
 }
+
+.badge-muted {
+  background-color: transparent;
+  color: @secondFontColor;
+
+  &:hover, &:focus, &:active { color: @blue; }
+}
diff --git a/server/sonar-web/src/main/less/components/page.less b/server/sonar-web/src/main/less/components/page.less
index 342c99b49df..a33bf77606c 100644
--- a/server/sonar-web/src/main/less/components/page.less
+++ b/server/sonar-web/src/main/less/components/page.less
@@ -63,6 +63,10 @@
 
 .page-actions {
   float: right;
+
+  .badge {
+    margin: 3px 0;
+  }
 }
 
 .page-description {
diff --git a/server/sonar-web/src/main/less/components/panels.less b/server/sonar-web/src/main/less/components/panels.less
index 71d9ed8dc64..8105fdc55b6 100644
--- a/server/sonar-web/src/main/less/components/panels.less
+++ b/server/sonar-web/src/main/less/components/panels.less
@@ -23,3 +23,8 @@
 .panel {
   padding: 10px;
 }
+
+.panel-info {
+  border: 1px solid @blue;
+  background-color: @lightBlue;
+}
diff --git a/server/sonar-web/src/main/less/init/lists.less b/server/sonar-web/src/main/less/init/lists.less
index dafabcc138d..c352665e648 100644
--- a/server/sonar-web/src/main/less/init/lists.less
+++ b/server/sonar-web/src/main/less/init/lists.less
@@ -48,6 +48,7 @@ ol, ul {
 
 .list-inline > li {
   display: inline-block;
+  vertical-align: top;
   padding-right: 5px;
   padding-left: 5px;
 }
diff --git a/server/sonar-web/src/main/less/init/misc.less b/server/sonar-web/src/main/less/init/misc.less
index 28b11efdaea..ce7d07dc15e 100644
--- a/server/sonar-web/src/main/less/init/misc.less
+++ b/server/sonar-web/src/main/less/init/misc.less
@@ -35,6 +35,7 @@
 .note {
   color: @secondFontColor;
   font-size: @smallFontSize;
+  font-weight: 300;
 }
 
 .spacer-left   { margin-left: 8px; }
@@ -55,8 +56,11 @@ td.spacer-top    { padding-top: 8px; }
 
 .width-100 { width: 100%; }
 .width-80 { width: 80%; }
+.width-60 { width: 60%; }
+.width-55 { width: 55%; }
 .width-40 { width: 40%; }
 .width-20 { width: 20%; }
+.width-15 { width: 15%; }
 
 .justify {
   margin-bottom: -1em;
diff --git a/server/sonar-web/src/main/less/pages.less b/server/sonar-web/src/main/less/pages.less
index a24699b5834..ce3a8a86fd9 100644
--- a/server/sonar-web/src/main/less/pages.less
+++ b/server/sonar-web/src/main/less/pages.less
@@ -25,3 +25,4 @@
 @import "pages/issues";
 @import "pages/libraries";
 @import "pages/quality-gates";
+@import "pages/overview";
diff --git a/server/sonar-web/src/main/less/pages/overview.less b/server/sonar-web/src/main/less/pages/overview.less
new file mode 100644
index 00000000000..57d7f35b39c
--- /dev/null
+++ b/server/sonar-web/src/main/less/pages/overview.less
@@ -0,0 +1,90 @@
+/*
+ * SonarQube, open source software quality management tool.
+ * Copyright (C) 2008-2014 SonarSource
+ * mailto:contact AT sonarsource DOT com
+ *
+ * SonarQube 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.
+ *
+ * SonarQube 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) "../init/links";
+
+.overview {
+  padding: 10px;
+  .box-sizing(border-box);
+  overflow: hidden;
+}
+
+.overview-card {
+  padding: 10px;
+  background: @white;
+  border: 1px solid @barBorderColor;
+}
+
+.overview-card + .overview-card {
+  margin-top: 10px;
+}
+
+.overview-gate-ok { border: 2px solid @green; }
+
+.overview-gate-warn { border: 2px solid @orange; }
+
+.overview-gate-error { border: 2px solid @red; }
+
+.overview-card-header {
+  padding-bottom: 5px;
+  border-bottom: 1px solid @barBorderColor;
+}
+
+.overview-status {
+  margin: 0;
+  padding: 0 6px;
+  color: #fff !important;
+  font-size: 24px;
+  font-weight: 300;
+
+  a& {
+    .link-no-underline;
+
+    &:hover, &:focus, &:active {
+      opacity: 0.8;
+    }
+  }
+}
+
+.overview-status-OK { background-color: @green; }
+.overview-status-WARN { background-color: @orange; }
+.overview-status-ERROR { background-color: @red; }
+
+.overview-main-measure {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 36px;
+  font-weight: 300;
+}
+
+.overview-trend {
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: 15px;
+}
+
+.overview-measure {
+  font-size: 16px;
+}
+
+.overview-measure ~ .note:last-child {
+  padding-top: 3px;
+}