From 2223267d4f956e943d5d2ac9013f436901e4cd73 Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <bruederli@kolabsys.com>
Date: Wed, 11 Jul 2012 17:26:21 +0200
Subject: [PATCH] Slightly less flashy count bubbles; restict css rules for
 global UI elemens on tasks module

---
 plugins/tasklist/skins/larry/tasklist.css | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/plugins/tasklist/skins/larry/tasklist.css b/plugins/tasklist/skins/larry/tasklist.css
index 063632d8..8c642fa7 100644
--- a/plugins/tasklist/skins/larry/tasklist.css
+++ b/plugins/tasklist/skins/larry/tasklist.css
@@ -30,7 +30,7 @@
 	width: 240px;
 }
 
-body.tasklistview #searchmenulink {
+.tasklistview #searchmenulink {
 	width: 15px;
 }
 
@@ -116,7 +116,12 @@ body.tasklistview #searchmenulink {
 	right: 5px;
 	min-width: 1.8em;
 	padding: 2px 4px;
-	background: #ff3800;
+	background: #004558;
+	background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
+	background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
+	background: linear-gradient(top, #005d76 0%, #004558 100%);
 	box-shadow: 0 1px 2px 0 rgba(24,24,24,0.6);
 	color: #fff;
 	border-radius: 3px;
@@ -134,12 +139,19 @@ body.tasklistview #searchmenulink {
 	margin-left: -5px;
 	border-style: solid;
 	border-width: 5px 5px 0;
-	border-color: #ff3800 transparent;
+	border-color: #004558 transparent;
 	/* reduce the damage in FF3.0 */
 	display: block; 
 	width: 0;
 }
 
+#taskselector li.overdue .count {
+	background: #ff3800;
+}
+
+#taskselector li.overdue .count:after {
+	border-color: #ff3800 transparent;
+}
 
 /*
 #taskselector li .count {
@@ -214,7 +226,7 @@ body.tasklistview #searchmenulink {
 	white-space: nowrap;
 }
 
-#quicksearchbar {
+.tasklistview #quicksearchbar {
 	top: -7px;
 }
 
@@ -473,7 +485,7 @@ ul.toolbarmenu li span.delete {
 #rootdroppable {
 	display: none;
 	position: absolute;
-	top: 3px;
+	top: 36px;
 	left: 1em;
 	right: 1em;
 	height: 5px;