add icons to acl selector

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

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

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

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

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

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

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 0d940992b933ef751ba16eccc4f173ad22ef8c5a..ca258617d94ee1d1ac8a6e3cb9e43fe080920746 100644 (file)
--- 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 eac4c4618e7491951b720eb68109507a07e20ba3..2bd72ddbf4a8142c438b31bfd91e19590e4af243 100644 (file)
--- 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; }