use css for help overlay, css cleanup

1 files changed, 3 insertions, 47 deletions

diff --git a/tt-rss.css b/tt-rss.css
index a1b896a07..fe6d88353 100644
--- a/tt-rss.css
+++ b/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;