diff --git a/resources/css/ext.uls.css b/resources/css/ext.uls.css
index 564f147e..35b51d75 100644
--- a/resources/css/ext.uls.css
+++ b/resources/css/ext.uls.css
@@ -11,7 +11,7 @@ div#settings-block {
background: -ms-linear-gradient(top, #FBFBFB, #F0F0F0);
background: -o-linear-gradient(top, #FBFBFB, #F0F0F0);
background: linear-gradient(#FBFBFB, #F0F0F0);
- padding-left: 4px;
+ padding-left: 10px;
line-height: 1.2em;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
@@ -25,7 +25,7 @@ div#settings-block {
#settings-block div.display-settings-block,
#settings-block div.input-settings-block {
display: inline-block;
- margin: 8px;
+ margin: 8px 15px;
color: #565656;
}
diff --git a/resources/css/ext.uls.displaysettings.css b/resources/css/ext.uls.displaysettings.css
index 5cb82e38..61841654 100644
--- a/resources/css/ext.uls.displaysettings.css
+++ b/resources/css/ext.uls.displaysettings.css
@@ -1,15 +1,12 @@
div.display-settings-block {
/* @embed */
- background: transparent url('../images/display.png') no-repeat;
+ background: transparent url('../images/display.png') left top no-repeat;
+ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/display.svg');
+ background-image: -moz-linear-gradient(transparent, transparent), url('../images/display.svg');
+ background-image: linear-gradient(transparent, transparent), url('../images/display.svg');
background-size: 20px auto;
- /* This is only few pixels off from the below */
- background-position: 4.5% 0;
- /* Does not work for RTL
- background-position-x: 15px;
- background-position-y: 5px;
- */
color: #252525;
- padding-left: 32px;
+ padding-left: 26px;
cursor: pointer;
}
diff --git a/resources/css/ext.uls.inputsettings.css b/resources/css/ext.uls.inputsettings.css
index 09e0d9bf..83a33f96 100644
--- a/resources/css/ext.uls.inputsettings.css
+++ b/resources/css/ext.uls.inputsettings.css
@@ -1,15 +1,12 @@
div.input-settings-block {
/* @embed */
- background: transparent url('../images/input.png') no-repeat;
+ background: transparent url('../images/input.png') left top no-repeat;
+ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/input.svg');
+ background-image: -moz-linear-gradient(transparent, transparent), url('../images/input.svg');
+ background-image: linear-gradient(transparent, transparent), url('../images/input.svg');
background-size: 20px auto;
- /* This is only few pixels off from the below */
- background-position: 4.5% 0;
- /* Does not work for RTL
- background-position-x: 15px;
- background-position-y: 5px;
- */
color: #252525;
- padding-left: 32px;
+ padding-left: 26px;
cursor: pointer;
}
@@ -37,6 +34,10 @@ div.input-settings-block {
.uls-ime-more-settings-link {
/* @embed */
background: transparent url('../images/cog-16x16-ltr.png') right center no-repeat;
+ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg');
+ background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg');
+ background-image: linear-gradient(transparent, transparent), url('../images/cog.svg');
+ background-size: 20px auto;
background-color: #f0f0f0;
border-radius: 0 0 5px 5px;
border-top: 1px solid #ddd;
diff --git a/resources/css/ext.uls.languagesettings.css b/resources/css/ext.uls.languagesettings.css
index 170be0f5..6a60da6a 100644
--- a/resources/css/ext.uls.languagesettings.css
+++ b/resources/css/ext.uls.languagesettings.css
@@ -1,5 +1,9 @@
#uls-current-language-nav { /* @embed */
background: url('../images/cog-16x16-ltr.png') no-repeat scroll right top transparent;
+ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg');
+ background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg');
+ background-image: linear-gradient(transparent, transparent), url('../images/cog.svg');
+
cursor: pointer;
}
diff --git a/resources/images/cog.svg b/resources/images/cog.svg
new file mode 100644
index 00000000..bf8dafce
--- /dev/null
+++ b/resources/images/cog.svg
@@ -0,0 +1,331 @@
+
+
+
+
\ No newline at end of file
diff --git a/resources/images/display.svg b/resources/images/display.svg
new file mode 100644
index 00000000..099afaf2
--- /dev/null
+++ b/resources/images/display.svg
@@ -0,0 +1,23 @@
+
+
+
+
\ No newline at end of file
diff --git a/resources/images/input.svg b/resources/images/input.svg
new file mode 100644
index 00000000..54099555
--- /dev/null
+++ b/resources/images/input.svg
@@ -0,0 +1,23 @@
+
+
+
+
\ No newline at end of file