From a60f38c572c642c933b2ea1563221ac96d4dbcbb Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Mon, 18 Feb 2013 19:43:41 +0100
Subject: worked on webui

---
 module/web/static/css/default/admin.less     |  4 --
 module/web/static/css/default/dashboard.less | 86 +++++++++++++++++-----------
 module/web/static/css/default/style.less     | 44 ++++++++++----
 3 files changed, 86 insertions(+), 48 deletions(-)

(limited to 'module/web/static/css/default')

diff --git a/module/web/static/css/default/admin.less b/module/web/static/css/default/admin.less
index 604027dda..2ea99da00 100644
--- a/module/web/static/css/default/admin.less
+++ b/module/web/static/css/default/admin.less
@@ -4,10 +4,6 @@
     Admin 
 */
 
-.iconf-8x {
-  font-size: 8em;
-}
-
 .popover {
   width: auto
 }
diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less
index fedf4acdb..531dc9be3 100644
--- a/module/web/static/css/default/dashboard.less
+++ b/module/web/static/css/default/dashboard.less
@@ -27,15 +27,16 @@
   margin-left: 0;
 }
 
-@frame-border: 20px;
+@frame-top: 20px;
+@frame-bottom: 18px;
 
 .package-frame {
   position: absolute;
   border-radius: 5px;
-  top: -@frame-border;
-  left: -@frame-border / 2;
-  right: -@frame-border / 2;
-  bottom: -@frame-border + 4px; // + size of visible bar
+  top: -@frame-top;
+  left: -@frame-top / 2;
+  right: -@frame-top / 2;
+  bottom: -@frame-bottom + 4px; // + size of visible bar
   z-index: -1; // lies under package
 }
 
@@ -56,8 +57,8 @@
 
   .progress {
     position: absolute;
-    height: @frame-border;
-    line-height: @frame-border;
+    height: @frame-bottom;
+    line-height: @frame-bottom;
     border-radius: 0;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
@@ -89,15 +90,57 @@
 }
 
 .package-indicator {
-  color: @blue;
   position: absolute;
-  height: @frame-border;
-  line-height: @frame-border;
   top: 0;
   right: 0;
   float: right;
+  color: @blue;
+  text-shadow: @yellowDark 1px 1px;
+  height: @frame-top;
+  line-height: @frame-top;
+
+  i {
+    cursor: pointer;
+  }
+
+  i:hover {
+    color: @green;
+  }
+
+  i.iconf-trash:hover {
+    color: @red;
+  }
 }
 
+// Tag area with different effect on hover
+.tag-area {
+  position: absolute;
+  top: -2px;
+  left: 0;
+
+  .badge {
+    font-size: 11px;
+    line-height: 11px;
+  }
+
+  .badge i {
+    cursor: pointer;
+    &:hover:before {
+      content: "\f024"; // show Remove icon
+    }
+  }
+
+  .badge-ghost {
+    visibility: hidden;
+    cursor: pointer;
+    opacity: 0.5;
+  }
+
+  &:hover .badge-ghost {
+    visibility: visible;
+  }
+
+}
 /*
   Package View
 */
@@ -166,29 +209,6 @@
   color: @light;
 }
 
-// Tag area with different effect on hover
-.tag-area {
-  display: inline-block;
-
-  .badge i {
-    cursor: pointer;
-    &:hover {
-      background-position: -312px 0; // Remove icon
-    }
-  }
-
-  .badge-ghost {
-    visibility: hidden;
-    cursor: pointer;
-    opacity: 0.5;
-  }
-
-  &:hover .badge-ghost {
-    visibility: visible;
-  }
-
-}
-
 // Box containing the files
 .package-view > ul {
   overflow: hidden;
diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index a6df51625..964895f38 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -105,7 +105,16 @@ a:hover {
     border-bottom-color: #FFFFFF;
     border-top-color: #FFFFFF;
   }
+}
+
+.iconf-8x {
+  font-size: 8em;
+}
 
+// Will not work well in buttons/navs, would require more rules
+.iconf-larger {
+  vertical-align: -10%;
+  font-size: 1.5em;
 }
 
 /*
@@ -179,24 +188,25 @@ header .logo {
 //  }
 
   .btn {
-    margin-top: 12px;
+    margin-top: 6px;
   }
 
 }
 
-.menu-block {
-  margin-top: 0px;
-}
-
-#notifications-area {
+.iconbar {
   display: inline-block;
   width: 100%;
-  padding: 3px 0;
   text-align: center;
-  line-height: 14px;
-  font-size: small;
-  background-color: @greyDark;
-  border-radius: 0 0 6px 6px;
+  text-shadow: @blue 2px 2px 2px;
+
+  i {
+    cursor: pointer;
+  }
+
+  i:hover {
+    color: @yellow;
+  }
+
 }
 
 // Responsive Borders
@@ -303,6 +313,18 @@ header .logo {
    Actionbar
 */
 
+#notifications-area {
+  display: inline-block;
+  width: 100%;
+  padding: 4px 0 6px 0;
+  text-align: center;
+  line-height: 18px;
+  font-size: small;
+  color: @light;
+  background-color: @greyDark;
+  border-radius: 0 0 6px 6px;
+}
+
 .nav > li > a:hover {
   color: @blue;
 }
-- 
cgit v1.2.3