diff options
-rw-r--r-- | functions.php | 13 | ||||
-rw-r--r-- | images/c1.png | bin | 0 -> 386 bytes | |||
-rw-r--r-- | images/c2.png | bin | 0 -> 448 bytes | |||
-rw-r--r-- | images/c3.png | bin | 0 -> 435 bytes | |||
-rw-r--r-- | images/c4.png | bin | 0 -> 464 bytes | |||
-rw-r--r-- | tt-rss.css | 37 | ||||
-rw-r--r-- | tt-rss.php | 4 |
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'> </td><td class='top'> </td><td class='c2'> </tr>"; + print "<tr><td class='left'> </td><td class='content'>"; + } + + function rounded_table_end() { + print "</td><td class='right'> </td></tr>"; + print "<tr><td class='c4'> </td><td class='bottom'> </td><td class='c3'> </tr>"; + print "</table>"; + } + ?> diff --git a/images/c1.png b/images/c1.png Binary files differnew file mode 100644 index 000000000..fbe27bde0 --- /dev/null +++ b/images/c1.png diff --git a/images/c2.png b/images/c2.png Binary files differnew file mode 100644 index 000000000..6bf3db1ed --- /dev/null +++ b/images/c2.png diff --git a/images/c3.png b/images/c3.png Binary files differnew file mode 100644 index 000000000..4a052d946 --- /dev/null +++ b/images/c3.png diff --git a/images/c4.png b/images/c4.png Binary files differnew file mode 100644 index 000000000..1d9c619ba --- /dev/null +++ b/images/c4.png 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"> </span></div> |