From f188e9f79cfe21cbf84559752e4451cd26639e9f Mon Sep 17 00:00:00 2001 From: m4tx Date: Sat, 30 Nov 2013 17:56:27 +0100 Subject: [PATCH] Add SVG versions of link type icons Bug: 35343 Change-Id: Ifb840cb486df7c41a98c577cd8c1845c5a89a4d1 --- skins/vector/externalLinks.less | 18 +- skins/vector/images/audio-icon.svg | 88 +++++++ skins/vector/images/document-icon.svg | 213 +++++++++++++++++ .../vector/images/external-link-ltr-icon.svg | 132 +++++++++++ .../vector/images/external-link-rtl-icon.svg | 133 +++++++++++ skins/vector/images/file-icon.svg | 128 ++++++++++ skins/vector/images/lock-icon.svg | 123 ++++++++++ skins/vector/images/mail-icon.svg | 138 +++++++++++ skins/vector/images/news-icon.svg | 220 ++++++++++++++++++ skins/vector/images/talk-icon.svg | 113 +++++++++ skins/vector/images/video-icon.svg | 162 +++++++++++++ 11 files changed, 1459 insertions(+), 9 deletions(-) create mode 100644 skins/vector/images/audio-icon.svg create mode 100644 skins/vector/images/document-icon.svg create mode 100644 skins/vector/images/external-link-ltr-icon.svg create mode 100644 skins/vector/images/external-link-rtl-icon.svg create mode 100644 skins/vector/images/file-icon.svg create mode 100644 skins/vector/images/lock-icon.svg create mode 100644 skins/vector/images/mail-icon.svg create mode 100644 skins/vector/images/news-icon.svg create mode 100644 skins/vector/images/talk-icon.svg create mode 100644 skins/vector/images/video-icon.svg diff --git a/skins/vector/externalLinks.less b/skins/vector/externalLinks.less index 5b02abbd7c..3e26a223c6 100644 --- a/skins/vector/externalLinks.less +++ b/skins/vector/externalLinks.less @@ -4,34 +4,34 @@ div#content a.external { background-position: center right; background-repeat: no-repeat; - .background-image('images/external-link-ltr-icon.png'); + .background-image-svg('images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png'); padding-right: 13px; } div#content a.external[href ^="https://"], .link-https { background-position: center right; background-repeat: no-repeat; - .background-image('images/lock-icon.png'); + .background-image-svg('images/lock-icon.svg', 'images/lock-icon.png'); padding-right: 13px; } div#content a.external[href ^="mailto:"], .link-mailto { background-position: center right; background-repeat: no-repeat; - .background-image('images/mail-icon.png'); + .background-image-svg('images/mail-icon.svg', 'images/mail-icon.png'); padding-right: 13px; } div#content a.external[href ^="news:"] { background-position: center right; background-repeat: no-repeat; - .background-image('images/news-icon.png'); + .background-image-svg('images/news-icon.svg', 'images/news-icon.png'); padding-right: 13px; } div#content a.external[href ^="ftp://"], .link-ftp { background-position: center right; background-repeat: no-repeat; - .background-image('images/file-icon.png'); + .background-image-svg('images/file-icon.svg', 'images/file-icon.png'); padding-right: 13px; } div#content a.external[href ^="irc://"], @@ -39,7 +39,7 @@ div#content a.external[href ^="ircs://"], .link-irc { background-position: center right; background-repeat: no-repeat; - .background-image('images/talk-icon.png'); + .background-image-svg('images/talk-icon.svg', 'images/talk-icon.png'); padding-right: 13px; } div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"], @@ -51,7 +51,7 @@ div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"], .link-audio { background-position: center right; background-repeat: no-repeat; - .background-image('images/audio-icon.png'); + .background-image-svg('images/audio-icon.svg', 'images/audio-icon.png'); padding-right: 13px; } div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"], @@ -61,7 +61,7 @@ div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"], .link-video { background-position: center right; background-repeat: no-repeat; - .background-image('images/video-icon.png'); + .background-image-svg('images/video-icon.svg', 'images/video-icon.png'); padding-right: 13px; } div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"], @@ -70,6 +70,6 @@ div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"], .link-document { background-position: center right; background-repeat: no-repeat; - .background-image('images/document-icon.png'); + .background-image-svg('images/document-icon.svg', 'images/document-icon.png'); padding-right: 13px; } diff --git a/skins/vector/images/audio-icon.svg b/skins/vector/images/audio-icon.svg new file mode 100644 index 0000000000..d88b57f1c1 --- /dev/null +++ b/skins/vector/images/audio-icon.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/skins/vector/images/document-icon.svg b/skins/vector/images/document-icon.svg new file mode 100644 index 0000000000..1055769be3 --- /dev/null +++ b/skins/vector/images/document-icon.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/skins/vector/images/external-link-ltr-icon.svg b/skins/vector/images/external-link-ltr-icon.svg new file mode 100644 index 0000000000..d77b879e79 --- /dev/null +++ b/skins/vector/images/external-link-ltr-icon.svg @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/skins/vector/images/external-link-rtl-icon.svg b/skins/vector/images/external-link-rtl-icon.svg new file mode 100644 index 0000000000..7ddf89e695 --- /dev/null +++ b/skins/vector/images/external-link-rtl-icon.svg @@ -0,0 +1,133 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/skins/vector/images/file-icon.svg b/skins/vector/images/file-icon.svg new file mode 100644 index 0000000000..cd2106db67 --- /dev/null +++ b/skins/vector/images/file-icon.svg @@ -0,0 +1,128 @@ + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/skins/vector/images/lock-icon.svg b/skins/vector/images/lock-icon.svg new file mode 100644 index 0000000000..1c40d4ac28 --- /dev/null +++ b/skins/vector/images/lock-icon.svg @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/skins/vector/images/mail-icon.svg b/skins/vector/images/mail-icon.svg new file mode 100644 index 0000000000..43b4ce8d7d --- /dev/null +++ b/skins/vector/images/mail-icon.svg @@ -0,0 +1,138 @@ + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/skins/vector/images/news-icon.svg b/skins/vector/images/news-icon.svg new file mode 100644 index 0000000000..b8f2102924 --- /dev/null +++ b/skins/vector/images/news-icon.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/skins/vector/images/talk-icon.svg b/skins/vector/images/talk-icon.svg new file mode 100644 index 0000000000..f37517d344 --- /dev/null +++ b/skins/vector/images/talk-icon.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/skins/vector/images/video-icon.svg b/skins/vector/images/video-icon.svg new file mode 100644 index 0000000000..d5e44b67b6 --- /dev/null +++ b/skins/vector/images/video-icon.svg @@ -0,0 +1,162 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + -- 2.20.1