diff --git a/images/hide_off.png b/images/hide_off.png new file mode 100644 index 0000000000..d504ca2e28 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 index 0000000000..960744c060 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 index 0000000000..cc96d28f06 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 index 0000000000..87a7710b57 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 index 0000000000..4bcf471237 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 index 0000000000..b8d1f5bac4 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 0d940992b9..ca258617d9 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 eac4c4618e..2bd72ddbf4 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; }