add icons to acl selector

8 files changed, 21 insertions, 0 deletions

diff --git a/images/hide_off.png b/images/hide_off.png
new file mode 100644
index 000000000..d504ca2e2
--- /dev/null
+++ b/images/hide_off.png
diff --git a/images/hide_on.png b/images/hide_on.png
new file mode 100644
index 000000000..960744c06
--- /dev/null
+++ b/images/hide_on.png
diff --git a/images/show_all_off.png b/images/show_all_off.png
new file mode 100644
index 000000000..cc96d28f0
--- /dev/null
+++ b/images/show_all_off.png
diff --git a/images/show_all_on.png b/images/show_all_on.png
new file mode 100644
index 000000000..87a7710b5
--- /dev/null
+++ b/images/show_all_on.png
diff --git a/images/show_off.png b/images/show_off.png
new file mode 100644
index 000000000..4bcf47123
--- /dev/null
+++ b/images/show_off.png
diff --git a/images/show_on.png b/images/show_on.png
new file mode 100644
index 000000000..b8d1f5bac
--- /dev/null
+++ b/images/show_on.png
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 0d940992b..ca258617d 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -1504,6 +1504,9 @@ input#dfrn-url {
 	width: auto;
 	height: 18px;
 	background-color: #cccccc;
+	background-image: url("../../../images/show_all_off.png");
+	background-position: 7px 7px;
+	background-repeat: no-repeat;
 	padding: 7px 5px 0px 30px;
 	-webkit-border-radius: 5px ;
 	-moz-border-radius: 5px;
@@ -1513,6 +1516,7 @@ input#dfrn-url {
 #acl-showall.selected {
 	color: #000000;
 	background-color: #ff9900;
+	background-image: url("../../../images/show_all_on.png");
 }
 
 #acl-list {
@@ -1548,6 +1552,8 @@ input#dfrn-url {
 	float: left;
 	color: #999999;
 	background-color: #cccccc;
+	background-position: 3px 3px;
+	background-repeat: no-repeat;
 	margin-right: 5px;
 	-webkit-border-radius: 2px ;
 	-moz-border-radius: 2px;
@@ -1558,13 +1564,18 @@ input#dfrn-url {
 	text-decoration: none;
 	color:#000000;
 }
+.acl-button-show { background-image: url("../../../images/show_off.png"); }
+.acl-button-hide { background-image: url("../../../images/hide_off.png"); }
+
 .acl-button-show.selected {
 	color: #000000;
 	background-color: #9ade00;
+	background-image: url("../../../images/show_on.png");
 }
 .acl-button-hide.selected {
 	color: #000000;
 	background-color: #ff4141;
+	background-image: url("../../../images/hide_on.png");
 }
 .acl-list-item.groupshow { border-color: #9ade00; }
 .acl-list-item.grouphide { border-color: #ff4141; }
diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index eac4c4618..2bd72ddbf 100644
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -1582,6 +1582,9 @@ padding: 5px 10px 0px;
 	width: auto;
 	height: 20px;
 	background-color: #cccccc;
+	background-image: url("../../../images/show_all_off.png");
+	background-position: 7px 7px;
+	background-repeat: no-repeat;
 	padding: 5px 5px 0px 30px;
 	-webkit-border-radius: 5px ;
 	-moz-border-radius: 5px;
@@ -1591,8 +1594,10 @@ padding: 5px 10px 0px;
 #acl-showall.selected {
 	color: #000000;
 	background-color: #ff9900;
+	background-image: url("../../../images/show_all_on.png");
 }
 
+
 #acl-list {
 	height: 210px;
 	border: 1px solid #cccccc;
@@ -1636,13 +1641,18 @@ padding: 5px 10px 0px;
 	text-decoration: none;
 	color:#000000;
 }
+.acl-button-show { background-image: url("../../../images/show_off.png"); }
+.acl-button-hide { background-image: url("../../../images/hide_off.png"); }
+
 .acl-button-show.selected {
 	color: #000000;
 	background-color: #9ade00;
+	background-image: url("../../../images/show_on.png");
 }
 .acl-button-hide.selected {
 	color: #000000;
 	background-color: #ff4141;
+	background-image: url("../../../images/hide_on.png");
 }
 .acl-list-item.groupshow { border-color: #9ade00; }
 .acl-list-item.grouphide { border-color: #ff4141; }