shamelessly round the hotkey popup help corners

diff --git a/functions.php b/functions.php
index 3dc4f4b603a781ddb7df66b35e9ea0365119f0ee..a8cb09fe40a33882c0eeba002d37401125441c59 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -5516,4 +5516,17 @@
                        return "score_neutral.png"; 
                }
        }
+
+       function rounded_table_start($classname) {
+               print "<table width='100%' class='$classname' cellspacing='0' cellpadding='0'>";
+               print "<tr><td class='c1'>&nbsp;</td><td class='top'>&nbsp;</td><td class='c2'>&nbsp;</tr>";
+               print "<tr><td class='left'>&nbsp;</td><td class='content'>";
+       }
+
+       function rounded_table_end() {
+               print "</td><td class='right'>&nbsp;</td></tr>";
+               print "<tr><td class='c4'>&nbsp;</td><td class='bottom'>&nbsp;</td><td class='c3'>&nbsp;</tr>";
+               print "</table>";
+       }
+
 ?>

diff --git a/images/c1.png b/images/c1.png
new file mode 100644 (file)
index 0000000..fbe27bd
Binary files /dev/null and b/images/c1.png differ

diff --git a/images/c2.png b/images/c2.png
new file mode 100644 (file)
index 0000000..6bf3db1
Binary files /dev/null and b/images/c2.png differ

diff --git a/images/c3.png b/images/c3.png
new file mode 100644 (file)
index 0000000..4a052d9
Binary files /dev/null and b/images/c3.png differ

diff --git a/images/c4.png b/images/c4.png
new file mode 100644 (file)
index 0000000..1d9c619
Binary files /dev/null and b/images/c4.png differ

diff --git a/tt-rss.css b/tt-rss.css
index 13daa8145a7cdacd98b30bea2dcfe2d2150cff41..d6ecdd766574b0e8394b0b46f6b575524d413cfb 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -1795,8 +1795,6 @@ div#hotkey_help_overlay {
        right : 15%;
        top : 15%;
        z-index : 999;
-       background : url("images/shadow_dark.png");
-       padding : 1em;
        color : white;
        font-size : 12pt;
 }
@@ -1838,4 +1836,39 @@ 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");     
+}

diff --git a/tt-rss.php b/tt-rss.php
index 1f0e6d4abc016e10548daaa4206dc6c82844c52b..972aebb67f7f866c59c855e7bb7d9e3021735168 100644 (file)
--- a/tt-rss.php
+++ b/tt-rss.php
@@ -82,8 +82,10 @@
        </div>
 </div> 
 
-<div id="hotkey_help_overlay" style="display : none" onclick="Element.hide(this)">
+<div id="hotkey_help_overlay" style="display : block" 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>