use css for help overlay, css cleanup

functions.js

@@ -394,16 +394,6 @@ function make_timestamp() {
 }
 
 
-function closeErrorBox() {
-
-	if (Element.visible("errorBoxShadow")) {
-		Element.hide("dialog_overlay");
-		Element.hide("errorBoxShadow");
-	}
-
-	return false;
-}
-
 function closeInfoBox(cleanup) {
 	try {
 		dialog = dijit.byId("infoBox");

functions.php

@@ -5979,18 +5979,6 @@
 		}
 	}
 
-	function rounded_table_start($classname, $header = " ") {
-		print "<table width='100%' class='$classname' cellspacing='0' cellpadding='0'>";
-		print "<tr><td class='c1'>&nbsp;</td><td class='top'>$header</td><td class='c2'>&nbsp;</td></tr>";
-		print "<tr><td class='left'>&nbsp;</td><td class='content'>";
-	}
-
-	function rounded_table_end($footer = "&nbsp;") {
-		print "</td><td class='right'>&nbsp;</td></tr>";
-		print "<tr><td class='c4'>&nbsp;</td><td class='bottom'>$footer</td><td class='c3'>&nbsp;</td></tr>";
-		print "</table>";
-	}
-
 	function feed_has_icon($id) {
 		return is_file(ICONS_DIR . "/$id.ico") && filesize(ICONS_DIR . "/$id.ico") > 0;
 	}

prefs.js

@@ -1049,7 +1049,7 @@ function pref_hotkey_handler(e) {
 			if ((keycode == 191 || keychar == '?') && shift_key) { // ?
 				if (!Element.visible("hotkey_help_overlay")) {
 					//Element.show("hotkey_help_overlay");
-					Effect.Appear("hotkey_help_overlay", {duration : 0.3});
+					Effect.Appear("hotkey_help_overlay", {duration : 0.3, to: 0.9});
 				} else {
 					Element.hide("hotkey_help_overlay");
 				}

prefs.php

@@ -72,9 +72,7 @@
 </div>
 
 <div id="hotkey_help_overlay" style="display : none" onclick="Element.hide(this)">
-	<?php rounded_table_start("hho"); ?>
 	<?php include "help/4.php" ?>
-	<?php rounded_table_end(); ?>
 </div>
 
 <img id="piggie" src="images/piggie.png" style="display : none" alt="piggie"/>

tt-rss.css

@@ -749,16 +749,6 @@ div.browserFeedInfo div.detailsPart {
 	border-width : 0px;
 }
 
-#dialog_overlay {
-	left : 0;
-	top : 0;
-	height : 100%;
-	width : 100%;
-	z-index : 4;
-	position : absolute;
-	background-image : url("images/shadow_white.png");
-}
-
 #overlay {
 	background : white;
 	left : 0;
@@ -1040,6 +1030,9 @@ div#hotkey_help_overlay {
 	z-index : 999;
 	color : white;
 	font-size : 15px;
+	background : black;
+	border-radius : 30px;
+	padding : 10px;
 }
 
 div#hotkey_help_overlay h1 {
@@ -1091,43 +1084,6 @@ div#hotkey_help_overlay h2 {
 	color : #88b0f0;
 }
 
-div#hotkey_help_overlay table.hho td.c1 {
-	height : 30px;
-	width : 30px;
-	background : url("images/c1.png");
-	background-repeat : no-repeat;
-
-}
-
-div#hotkey_help_overlay table.hho td.c2 {
-	height : 30px;
-	width : 30px;
-	background : url("images/c2.png");
-	background-repeat : no-repeat;
-}
-
-div#hotkey_help_overlay table.hho td.c3 {
-	height : 30px;
-	width : 30px;
-	background : url("images/c3.png");
-	background-repeat : no-repeat;
-}
-
-div#hotkey_help_overlay table.hho td.c4 {
-	height : 30px;
-	width : 30px;
-	background : url("images/c4.png");
-	background-repeat : no-repeat;
-}
-
-div#hotkey_help_overlay table.hho td.top,
-div#hotkey_help_overlay table.hho td.left,
-div#hotkey_help_overlay table.hho td.right,
-div#hotkey_help_overlay table.hho td.bottom,
-div#hotkey_help_overlay table.hho td.content {
-	background : url("images/shadow_dark.png");	
-}
-
 div#hotkey_help_overlay table.hho td.top,
 div#hotkey_help_overlay table.hho td.bottom {
 	text-align : center;

tt-rss.js

@@ -695,7 +695,7 @@ function hotkey_handler(e) {
 
 			if ((keycode == 191 || keychar == '?') && shift_key) { // ?
 				if (!Element.visible("hotkey_help_overlay")) {
-					Effect.Appear("hotkey_help_overlay", {duration : 0.3});
+					Effect.Appear("hotkey_help_overlay", {duration : 0.3, to : 0.9});
 				} else {
 					Element.hide("hotkey_help_overlay");
 				}

tt-rss.php

@@ -90,9 +90,7 @@
 </div>
 
 <div id="hotkey_help_overlay" style="display : none" onclick="Element.hide(this)">
-	<?php rounded_table_start("hho"); ?>
 	<?php include "help/3.php" ?>
-	<?php rounded_table_end(); ?>
 </div>
 
 <div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>