using a lock symbol which looks also good in dark designs

5 files changed, 6 insertions, 4 deletions

diff --git a/htroot/env/base.css b/htroot/env/base.css
index 0e86ea079..fb16e2de7 100644
--- a/htroot/env/base.css
+++ b/htroot/env/base.css
@@ -553,15 +553,17 @@ a.MenuItemLink {
 }
 
 a.MenuItemLink.lock {
-  background-image:url(grafics/lock.gif);
-  background-position:2px center;
+  background-image:url(grafics/lockclose.png);
+  background-position:1px center;
   background-repeat:no-repeat;
+  background-size: 16px 16px;
 }
 
 a.MenuItemLink.unlock {
-  background-image:url(grafics/lockopen.gif);
-  background-position:2px center;
+  background-image:url(grafics/lockopen.png);
+  background-position:1px center;
   background-repeat:no-repeat;
+  background-size: 16px 16px;
 }
 
 a:hover.MenuItemLink {
diff --git a/htroot/env/grafics/lock.gif b/htroot/env/grafics/lock.gif
deleted file mode 100644
index c0584bb46..000000000
--- a/htroot/env/grafics/lock.gif
+++ /dev/null
diff --git a/htroot/env/grafics/lockclose.png b/htroot/env/grafics/lockclose.png
new file mode 100644
index 000000000..28ff50ad3
--- /dev/null
+++ b/htroot/env/grafics/lockclose.png
diff --git a/htroot/env/grafics/lockopen.gif b/htroot/env/grafics/lockopen.gif
deleted file mode 100644
index 62a61d9b8..000000000
--- a/htroot/env/grafics/lockopen.gif
+++ /dev/null
diff --git a/htroot/env/grafics/lockopen.png b/htroot/env/grafics/lockopen.png
new file mode 100644
index 000000000..33cd2f28a
--- /dev/null
+++ b/htroot/env/grafics/lockopen.png