From 54ae8e161d7d8bdddb7fc915cdb7a9b201f09d48 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Wed, 26 Dec 2012 14:04:49 +0100
Subject: added content to progress popover

---
 module/web/static/css/default/style.less | 59 +++++++++++++++++++++++++++-----
 1 file changed, 50 insertions(+), 9 deletions(-)

(limited to 'module/web/static')

diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index 45770cdbb..9dec0bce4 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -225,10 +225,6 @@ header div.right {
   padding-right: 20px;
 }
 
-header .pull-right {
-  color: #fee267;
-}
-
 header span.title {
   color: white;
   float: left;
@@ -248,13 +244,10 @@ header .logo {
 }
 
 .header_block {
-  float: right;
-//  font-family: SansationRegular, sans-serif;
+  float: right; //  font-family: SansationRegular, sans-serif;
   margin: 10px 8px 0;
   line-height: 18px;
-  font-size: small;
-
-//  i {
+  font-size: small; //  i {
 //    margin-top: 0;
 //    vertical-align: text-bottom;
 //  }
@@ -289,6 +282,11 @@ header .logo {
 .header_block.right-border {
   background: url("../../img/default/box-separator.png") repeat-y right;
   padding-right: 1%;
+
+  .pull-right {
+    color: @yellow;
+  }
+
 }
 
 @media (max-width: @large-screen) {
@@ -299,10 +297,53 @@ header .logo {
 }
 
 #progress-area {
+  position: relative;
   float: right;
   width: 26%;
   margin-right: 15px;
   text-align: left;
+
+  .popover {
+//    display: block;
+    width: 120%;
+    left: -60%; // Half of width
+    margin-left: 50%;
+    top: 100%
+  }
+
+  .popover-title, .popover-content {
+    color: @greyDark;
+  }
+
+  .close {
+    line-height: 14px;
+  }
+
+}
+
+.progress-list {
+  list-style: none;
+  margin: 0;
+  font-size: small;
+
+  li {
+
+    &:not(:last-child) {
+      margin-bottom: 5px;
+      padding-bottom: 5px;
+      border-bottom: 1px dashed @greyLight;
+    }
+
+    .progress {
+      height: 8px;
+      margin-bottom: 0;
+
+      .bar {
+        .gradient(bottom, @blue, @blueLight);
+      }
+    }
+  }
+
 }
 
 #globalprogress {
-- 
cgit v1.2.3