infoBox display tweaks

functions.js

@@ -1290,13 +1290,9 @@ function closeInfoBox(cleanup) {
 
 	if (Element.visible("infoBoxShadow")) {
 		Element.hide("dialog_overlay");
+		Element.hide("infoBoxShadow");
 
-		var shadow = $('infoBoxShadow');
-		var box = $('infoBoxShadow');
-
-		Element.hide(shadow);
-
-		if (cleanup) box.innerHTML = " ";
+		if (cleanup) $("infoBoxShadow").innerHTML = " ";
 
 		enableHotkeys();
 	}
@@ -1342,20 +1338,19 @@ function infobox_callback2(transport) {
 
 		debug("infobox_callback2");
 
-		if (!getInitParam("infobox_disable_overlay")) {
-			Element.show("dialog_overlay");
-		}
-
 		var box = $('infoBox');
-		var shadow = $('infoBoxShadow');
+		
 		if (box) {			
 
-			box.innerHTML=transport.responseText;			
-			if (shadow) {
-				shadow.style.display = "block";
-			} else {
-				box.style.display = "block";				
+			if (!getInitParam("infobox_disable_overlay")) {
+				Element.show("dialog_overlay");
 			}
+
+			box.innerHTML=transport.responseText;			
+			Element.show("infoBoxShadow");
+			//Effect.SlideDown("infoBoxShadow", {duration : 1.0});
+
+
 		}
 
 		/* FIXME this needs to be moved out somewhere */

modules/popup-dialog.php

@@ -149,7 +149,7 @@
 			$active_feed_id = sprintf("%d", $params[0]);
 			$is_cat = $params[1] == "true";
 
-			print "<div class=\"dlgSec\">".__('Search')."</div>";
+			print "<div class=\"dlgSec\">".__('Look for')."</div>";
 
 			print "<div class=\"dlgSecCont\">";
 

tt-rss.css

@@ -582,14 +582,15 @@ div.helpResponse {
 }
 
 #infoBoxTitle {
-	border-width : 1px 1px 1px 1px;
+	border-width : 0px 0px 1px 0px;
 	border-style : solid;
-	border-color : #99d67a;
+	border-color : #659a4c;
 	background-color : #99d67a;
 	padding : 4px 2px 4px 10px;
 	color : white;
 	font-weight : bold;
-	font-size : 12px;
+	font-size : 16px;
+	text-shadow : #659a4c 0px 1px 0px;
 }
 
 /* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
@@ -597,12 +598,13 @@ div.helpResponse {
 #infoBox {	
 	border-width : 1px 1px 1px 1px;
 	border-style : solid;
-	border-color : #99d67a;
+	border-color : #659a4c;
 	background-color : #f8fcf5;
 	position: relative;
 	overflow : hidden;
 	left : -4px;
 	top : -4px;
+	
 }
 
 div#errorBox {
@@ -649,7 +651,7 @@ html>body #infoBox, html>body #errorBox {
 	background-image : url("images/shadow.png");
 	background-position : bottom right;
 	left : 25%;
-	top : 70px;
+	top : 50px;
 	width : 50%;
 	position : absolute;
 	min-width : 600px;