From 34a6c98327dfe0abf6748db683346a3730ec36f7 Mon Sep 17 00:00:00 2001 From: Pau Giner Date: Wed, 6 Feb 2013 11:56:04 +0100 Subject: [PATCH] Adding SVG version of icons and map for ULS SVG versions of the icons used in the ULs has been added and the CSS has been modified so that the png fallback is supported by old browsers. --- css/jquery.uls.css | 30 +- images/clear.svg | 44 ++ images/close.svg | 48 ++ images/icon-language.svg | 1010 ++++++++++++++++++++++++++++++++++++++ images/search.svg | 36 ++ images/world_map.svg | 32 ++ 6 files changed, 1190 insertions(+), 10 deletions(-) create mode 100755 images/clear.svg create mode 100755 images/close.svg create mode 100644 images/icon-language.svg create mode 100755 images/search.svg create mode 100644 images/world_map.svg diff --git a/css/jquery.uls.css b/css/jquery.uls.css index 198c3b6..beaa497 100644 --- a/css/jquery.uls.css +++ b/css/jquery.uls.css @@ -1,7 +1,9 @@ .uls-trigger { /* @embed */ - background: url('../images/icon-language.png') no-repeat scroll left - center transparent; + background: transparent url('../images/icon-language.png') no-repeat scroll left center; + background-image: -webkit-linear-gradient(transparent, transparent), url('../images/icon-language.svg'); + background-image: -moz-linear-gradient(transparent, transparent), url('../images/icon-language.svg'); + background-image: linear-gradient(transparent, transparent), url('../images/icon-language.svg'); padding-left: 30px; } @@ -69,8 +71,10 @@ .uls-worldmap { /* @embed */ - background: url('../images/world_map.png') no-repeat scroll right top - transparent; + background: transparent url('../images/world_map.png') no-repeat scroll right top; + background-image: -webkit-linear-gradient(transparent, transparent), url('../images/world_map.svg'); + background-image: -moz-linear-gradient(transparent, transparent), url('../images/world_map.svg'); + background-image: linear-gradient(transparent, transparent), url('../images/world_map.svg'); background-size: 100%; } @@ -159,8 +163,10 @@ div.uls-region { .icon-close { /* @embed */ - background: url('../images/close.png') no-repeat scroll center center - transparent; + background: transparent url('../images/close.png') no-repeat scroll center center; + background-image: -webkit-linear-gradient(transparent, transparent), url('../images/close.svg'); + background-image: -moz-linear-gradient(transparent, transparent), url('../images/close.svg'); + background-image: linear-gradient(transparent, transparent), url('../images/close.svg'); float: right; padding: 15px; cursor: pointer; @@ -205,8 +211,10 @@ div.uls-region { .uls-menu .search-label { /* @embed */ - background: url('../images/search.png') no-repeat scroll right center - transparent; + background: transparent url('../images/search.png') no-repeat scroll right center; + background-image: -webkit-linear-gradient(transparent, transparent), url('../images/search.svg'); + background-image: -moz-linear-gradient(transparent, transparent), url('../images/search.svg'); + background-image: linear-gradient(transparent, transparent), url('../images/search.svg'); background-size: 30px; height: 32px; width: 32px; @@ -215,8 +223,10 @@ div.uls-region { .uls-menu .languagefilter-clear { /* @embed */ - background: url('../images/clear.png') no-repeat scroll left center - transparent; + background: transparent url('../images/clear.png') no-repeat scroll left center; + background-image: -webkit-linear-gradient(transparent, transparent), url('../images/clear.svg'); + background-image: -moz-linear-gradient(transparent, transparent), url('../images/clear.svg'); + background-image: linear-gradient(transparent, transparent), url('../images/clear.svg'); cursor: pointer; height: 32px; position: absolute; diff --git a/images/clear.svg b/images/clear.svg new file mode 100755 index 0000000..619de52 --- /dev/null +++ b/images/clear.svg @@ -0,0 +1,44 @@ + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/images/close.svg b/images/close.svg new file mode 100755 index 0000000..8e92895 --- /dev/null +++ b/images/close.svg @@ -0,0 +1,48 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/images/icon-language.svg b/images/icon-language.svg new file mode 100644 index 0000000..b74039b --- /dev/null +++ b/images/icon-language.svg @@ -0,0 +1,1010 @@ + + + +image/svg+xml + \ No newline at end of file diff --git a/images/search.svg b/images/search.svg new file mode 100755 index 0000000..f288b1e --- /dev/null +++ b/images/search.svg @@ -0,0 +1,36 @@ + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/images/world_map.svg b/images/world_map.svg new file mode 100644 index 0000000..97bfc7a --- /dev/null +++ b/images/world_map.svg @@ -0,0 +1,32 @@ + + + + + + + + + image/svg+xml + + + + + + +