diff --git a/lib/jquery.ime/css/jquery.ime.css b/lib/jquery.ime/css/jquery.ime.css index 03ba6ed0..e3fb9576 100644 --- a/lib/jquery.ime/css/jquery.ime.css +++ b/lib/jquery.ime/css/jquery.ime.css @@ -2,8 +2,11 @@ position: absolute; /* @embed */ background: url('../images/ime-active.png') no-repeat left center; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/ime-active.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/ime-active.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/ime-active.svg'); background-color: rgba(255,255,255,0.75); background-position: left 3px center; @@ -170,8 +173,11 @@ span.ime-disable-shortcut { .imeselector-menu .ime-checked { /* @embed */ background: url(../images/tick.png) no-repeat left center; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/tick.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/tick.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/tick.svg'); background-position: left 4px center; background-position-x: 4px; diff --git a/lib/jquery.uls/css/jquery.uls.css b/lib/jquery.uls/css/jquery.uls.css index 2c77d7af..ac18ca63 100644 --- a/lib/jquery.uls/css/jquery.uls.css +++ b/lib/jquery.uls/css/jquery.uls.css @@ -1,8 +1,11 @@ .uls-trigger { /* @embed */ background: transparent url('../images/icon-language.png') no-repeat scroll left center; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/icon-language.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/icon-language.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/icon-language.svg'); padding-left: 30px; } @@ -73,8 +76,11 @@ .uls-worldmap { /* @embed */ background: transparent url('../images/world_map.png') no-repeat scroll right top; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/world_map.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/world_map.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/world_map.svg'); background-size: 100%; } @@ -163,8 +169,11 @@ div.uls-region { .icon-close { /* @embed */ background: transparent url('../images/close.png') no-repeat scroll center center; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/close.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/close.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/close.svg'); float: right; padding: 15px; @@ -210,8 +219,11 @@ div.uls-region { .uls-menu .search-label { /* @embed */ background: transparent url('../images/search.png') no-repeat scroll right center; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/search.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/search.svg'); background-size: 30px; height: 32px; @@ -222,8 +234,11 @@ div.uls-region { .uls-menu .languagefilter-clear { /* @embed */ background: transparent url('../images/clear.png') no-repeat scroll left center; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/clear.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/clear.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/clear.svg'); cursor: pointer; height: 32px; diff --git a/resources/css/ext.uls.css b/resources/css/ext.uls.css index 504b2b69..206d2f76 100644 --- a/resources/css/ext.uls.css +++ b/resources/css/ext.uls.css @@ -10,8 +10,11 @@ .uls-trigger { /* @embed */ background: transparent url('../../lib/jquery.uls/images/icon-language.png') no-repeat scroll left center; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../../lib/jquery.uls/images/icon-language.svg'); padding-left: 30px; } @@ -25,8 +28,11 @@ #p-lang .uls-settings-trigger { /* @embed */ background: transparent url('../images/cog-sprite.png') no-repeat right top; + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg'); + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog-sprite.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/cog-sprite.svg'); height: 16px; width: 14px; diff --git a/resources/css/ext.uls.displaysettings.css b/resources/css/ext.uls.displaysettings.css index 1367c2b7..8d55d8cf 100644 --- a/resources/css/ext.uls.displaysettings.css +++ b/resources/css/ext.uls.displaysettings.css @@ -1,8 +1,11 @@ div.display-settings-block { /* @embed */ background: transparent url('../images/display.png') no-repeat left top; + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/display.svg'); + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/display.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/display.svg'); background-size: 20px auto; color: #252525; diff --git a/resources/css/ext.uls.inputsettings.css b/resources/css/ext.uls.inputsettings.css index 7a02ce84..f4c954a7 100644 --- a/resources/css/ext.uls.inputsettings.css +++ b/resources/css/ext.uls.inputsettings.css @@ -1,8 +1,11 @@ div.input-settings-block { /* @embed */ background: transparent url('../images/input.png') no-repeat left top; + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/input.svg'); + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/input.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/input.svg'); background-size: 20px auto; color: #252525; @@ -40,8 +43,11 @@ div.input-settings-block { .uls-ime-disable-link { /* @embed */ background: transparent url('../images/remove-input.png') no-repeat left top; + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/remove-input.svg'); + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/remove-input.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/remove-input.svg'); background-size: auto 16px; padding-left: 22px; @@ -53,8 +59,11 @@ div.input-settings-block { .uls-ime-more-settings-link { /* @embed */ background: transparent url('../images/cog.png') no-repeat center top; + /* @embed */ background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg'); + /* @embed */ background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg'); + /* @embed */ background-image: linear-gradient(transparent, transparent), url('../images/cog.svg'); background-size: auto 14px; border-left: 1px solid #CCCCCC;