summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--functions.php13
-rw-r--r--images/c1.pngbin0 -> 386 bytes
-rw-r--r--images/c2.pngbin0 -> 448 bytes
-rw-r--r--images/c3.pngbin0 -> 435 bytes
-rw-r--r--images/c4.pngbin0 -> 464 bytes
-rw-r--r--tt-rss.css37
-rw-r--r--tt-rss.php4
7 files changed, 51 insertions, 3 deletions
diff --git a/functions.php b/functions.php
index 3dc4f4b60..a8cb09fe4 100644
--- 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
index 000000000..fbe27bde0
--- /dev/null
+++ b/images/c1.png
Binary files differ
diff --git a/images/c2.png b/images/c2.png
new file mode 100644
index 000000000..6bf3db1ed
--- /dev/null
+++ b/images/c2.png
Binary files differ
diff --git a/images/c3.png b/images/c3.png
new file mode 100644
index 000000000..4a052d946
--- /dev/null
+++ b/images/c3.png
Binary files differ
diff --git a/images/c4.png b/images/c4.png
new file mode 100644
index 000000000..1d9c619ba
--- /dev/null
+++ b/images/c4.png
Binary files differ
diff --git a/tt-rss.css b/tt-rss.css
index 13daa8145..d6ecdd766 100644
--- 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 1f0e6d4ab..972aebb67 100644
--- 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>