Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/nextcloud/apps.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJan-Christoph Borchardt <hey@jancborchardt.net>2013-07-25 17:25:05 +0400
committerJan-Christoph Borchardt <hey@jancborchardt.net>2013-07-25 17:25:05 +0400
commit4a8193ed84883b9bb68075a154dc5cf3b0087c1f (patch)
tree3c5e2212ab1592b1b79f9d79350d833ddc4d6b10 /files_videoviewer
parentde1031e79adb271d4fd491ad5e0091108bcfd870 (diff)
parentbac94015bcbddd56f986c95a1af56c916957a440 (diff)
Merge pull request #1167 from owncloud/optimize_pictures
Optimize Pictures using scour, jpegoptim & optipng
Diffstat (limited to 'files_videoviewer')
-rw-r--r--files_videoviewer/img/close.pngbin1517 -> 1097 bytes
-rw-r--r--files_videoviewer/img/skin/background.pngbin166 -> 135 bytes
-rw-r--r--files_videoviewer/img/skin/bigplay.pngbin3001 -> 2912 bytes
-rw-r--r--files_videoviewer/img/skin/bigplay.svg37
-rw-r--r--files_videoviewer/img/skin/controls.pngbin1892 -> 1873 bytes
-rw-r--r--files_videoviewer/img/skin/controls.svg99
-rw-r--r--[-rwxr-xr-x]files_videoviewer/mediaelement/src/css/background.pngbin166 -> 135 bytes
-rw-r--r--[-rwxr-xr-x]files_videoviewer/mediaelement/src/css/bigplay.fw.pngbin79426 -> 73809 bytes
-rw-r--r--[-rwxr-xr-x]files_videoviewer/mediaelement/src/css/bigplay.pngbin3001 -> 2912 bytes
-rw-r--r--[-rwxr-xr-x]files_videoviewer/mediaelement/src/css/bigplay.svg37
-rw-r--r--[-rwxr-xr-x]files_videoviewer/mediaelement/src/css/controls.fw.pngbin80753 -> 80382 bytes
-rw-r--r--[-rwxr-xr-x]files_videoviewer/mediaelement/src/css/controls.pngbin1892 -> 1873 bytes
-rw-r--r--[-rwxr-xr-x]files_videoviewer/mediaelement/src/css/controls.svg99
13 files changed, 268 insertions, 4 deletions
diff --git a/files_videoviewer/img/close.png b/files_videoviewer/img/close.png
index 07035307a..9c4275cca 100644
--- a/files_videoviewer/img/close.png
+++ b/files_videoviewer/img/close.png
Binary files differ
diff --git a/files_videoviewer/img/skin/background.png b/files_videoviewer/img/skin/background.png
index fd428412a..7a4da4ec0 100644
--- a/files_videoviewer/img/skin/background.png
+++ b/files_videoviewer/img/skin/background.png
Binary files differ
diff --git a/files_videoviewer/img/skin/bigplay.png b/files_videoviewer/img/skin/bigplay.png
index 694553e31..be190caf6 100644
--- a/files_videoviewer/img/skin/bigplay.png
+++ b/files_videoviewer/img/skin/bigplay.png
Binary files differ
diff --git a/files_videoviewer/img/skin/bigplay.svg b/files_videoviewer/img/skin/bigplay.svg
index c2f62bbc0..7e07babdd 100644
--- a/files_videoviewer/img/skin/bigplay.svg
+++ b/files_videoviewer/img/skin/bigplay.svg
@@ -1 +1,36 @@
-<?xml version="1.0" standalone="no"?> <!-- Generator: Adobe Fireworks CS6, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.1 --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg id="bigplay-gradient.fw-Page%201" viewBox="0 0 100 200" style="background-color:#ffffff00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0px" y="0px" width="100px" height="200px" > <defs> <radialGradient id="gradient1" cx="50%" cy="50%" r="50%"> <stop stop-color="#222222" stop-opacity="0" offset="70%"/> <stop stop-color="#222222" stop-opacity="0.0118" offset="70.202%"/> <stop stop-color="#333333" stop-opacity="1" offset="85%"/> <stop stop-color="#333333" stop-opacity="0" offset="100%"/> </radialGradient> <radialGradient id="gradient2" cx="50%" cy="50%" r="50%"> <stop stop-color="#bbbbbb" stop-opacity="0" offset="70%"/> <stop stop-color="#bbbbbb" stop-opacity="0.0118" offset="70.202%"/> <stop stop-color="#bbbbbb" stop-opacity="1" offset="85%"/> <stop stop-color="#bbbbbb" stop-opacity="0" offset="100%"/> </radialGradient> <filter id="filter1" x="-100%" y="-100%" width="300%" height="300%"> <!-- Glow --> <feColorMatrix result="out" in="SourceGraphic" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0"/> <feMorphology result="out" in="out" operator="dilate" radius="3"/> <feGaussianBlur result="out" in="out" stdDeviation="1.5"/> <feBlend in="SourceGraphic" in2="out" mode="normal" result="Glow1"/> </filter> <filter id="filter2" x="-100%" y="-100%" width="300%" height="300%"> <!-- Glow --> <feColorMatrix result="out" in="SourceGraphic" type="matrix" values="0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.251 0"/> <feMorphology result="out" in="out" operator="dilate" radius="3"/> <feGaussianBlur result="out" in="out" stdDeviation="1.5"/> <feBlend in="SourceGraphic" in2="out" mode="normal" result="Glow2"/> </filter> </defs> <g id="Background"> </g> <g id="dark%20shadow"> <path d="M 22 50 C 22 34.5358 34.5358 22 50 22 C 65.4642 22 78 34.5358 78 50 C 78 65.4642 65.4642 78 50 78 C 34.5358 78 22 65.4642 22 50 ZM 5 50 C 5 74.8531 25.1469 95 50 95 C 74.8531 95 95 74.8531 95 50 C 95 25.1469 74.8531 5 50 5 C 25.1469 5 5 25.1469 5 50 Z" fill="url(#gradient1)"/> <path d="M 22 150 C 22 134.5358 34.5358 122 50 122 C 65.4642 122 78 134.5358 78 150 C 78 165.4642 65.4642 178 50 178 C 34.5358 178 22 165.4642 22 150 ZM 5 150 C 5 174.8531 25.1469 195 50 195 C 74.8531 195 95 174.8531 95 150 C 95 125.1469 74.8531 105 50 105 C 25.1469 105 5 125.1469 5 150 Z" fill="url(#gradient2)"/> </g> <g id="dark"> <path id="Polygon" filter="url(#filter1)" d="M 72.5 49.5 L 38.75 68.9856 L 38.75 30.0144 L 72.5 49.5 Z" fill="#ffffff"/> <path id="Ellipse" d="M 13 50.5 C 13 29.7891 29.7891 13 50.5 13 C 71.2109 13 88 29.7891 88 50.5 C 88 71.2109 71.2109 88 50.5 88 C 29.7891 88 13 71.2109 13 50.5 Z" stroke="#ffffff" stroke-width="5" fill="none"/> </g> <g id="light"> <path id="Polygon2" filter="url(#filter2)" d="M 72.5 149.5 L 38.75 168.9856 L 38.75 130.0144 L 72.5 149.5 Z" fill="#ffffff"/> <path id="Ellipse2" d="M 13 150.5 C 13 129.7891 29.7891 113 50.5 113 C 71.2109 113 88 129.7891 88 150.5 C 88 171.211 71.2109 188 50.5 188 C 29.7891 188 13 171.211 13 150.5 Z" stroke="#ffffff" stroke-width="5" fill="none"/> </g> </svg> \ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg style="background-color:#ffffff00" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="200px" width="100px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 200">
+ <defs>
+ <radialGradient id="b">
+ <stop stop-color="#222" stop-opacity="0" offset=".7"/>
+ <stop stop-color="#222" stop-opacity=".0118" offset=".70202"/>
+ <stop stop-color="#333" offset=".85"/>
+ <stop stop-color="#333" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <radialGradient id="a">
+ <stop stop-color="#bbb" stop-opacity="0" offset=".7"/>
+ <stop stop-color="#bbb" stop-opacity=".0118" offset=".70202"/>
+ <stop stop-color="#bbb" offset=".85"/>
+ <stop stop-color="#bbb" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <filter id="d" y="-100%" x="-100%" height="300%" width="300%">
+ <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0" type="matrix" result="out" in="SourceGraphic"/>
+ <feMorphology operator="dilate" radius="3" result="out" in="out"/>
+ <feGaussianBlur stdDeviation="1.5" result="out" in="out"/>
+ <feBlend result="Glow1" mode="normal" in2="out" in="SourceGraphic"/>
+ </filter>
+ <filter id="c" y="-100%" x="-100%" height="300%" width="300%">
+ <feColorMatrix values="0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.251 0" type="matrix" result="out" in="SourceGraphic"/>
+ <feMorphology operator="dilate" radius="3" result="out" in="out"/>
+ <feGaussianBlur stdDeviation="1.5" result="out" in="out"/>
+ <feBlend result="Glow2" mode="normal" in2="out" in="SourceGraphic"/>
+ </filter>
+ </defs>
+ <path d="m22 50c0-15.464 12.536-28 28-28s28 12.536 28 28-12.536 28-28 28-28-12.536-28-28zm-17 0c0 24.853 20.147 45 45 45s45-20.147 45-45-20.147-45-45-45-45 20.147-45 45z" fill="url(#b)"/>
+ <path d="m22 150c0-15.46 12.536-28 28-28s28 12.54 28 28-12.536 28-28 28-28-12.54-28-28zm-17 0c0 24.85 20.147 45 45 45s45-20.15 45-45-20.147-45-45-45-45 20.15-45 45z" fill="url(#a)"/>
+ <path filter="url(#d)" fill="#fff" d="m72.5 49.5l-33.75 19.486v-38.972l33.75 19.486z"/>
+ <path stroke="#fff" stroke-width="5" fill="none" d="m13 50.5c0-20.711 16.789-37.5 37.5-37.5s37.5 16.789 37.5 37.5-16.789 37.5-37.5 37.5-37.5-16.789-37.5-37.5z"/>
+ <path filter="url(#c)" fill="#fff" d="m72.5 149.5l-33.75 19.49v-38.98l33.75 19.49z"/>
+ <path stroke="#fff" stroke-width="5" fill="none" d="m13 150.5c0-20.71 16.789-37.5 37.5-37.5s37.5 16.79 37.5 37.5-16.789 37.5-37.5 37.5-37.5-16.79-37.5-37.5z"/>
+</svg>
diff --git a/files_videoviewer/img/skin/controls.png b/files_videoviewer/img/skin/controls.png
index f6a857d80..dfac76410 100644
--- a/files_videoviewer/img/skin/controls.png
+++ b/files_videoviewer/img/skin/controls.png
Binary files differ
diff --git a/files_videoviewer/img/skin/controls.svg b/files_videoviewer/img/skin/controls.svg
index af3bd4160..4b93d8f9e 100644
--- a/files_videoviewer/img/skin/controls.svg
+++ b/files_videoviewer/img/skin/controls.svg
@@ -1 +1,98 @@
-<?xml version="1.0" standalone="no"?> <!-- Generator: Adobe Fireworks CS6, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.1 --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg id="controls.fw-Page%201" viewBox="0 0 144 32" style="background-color:#ffffff00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0px" y="0px" width="144px" height="32px" > <defs> <radialGradient id="gradient1" cx="50%" cy="50%" r="50%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#f2f2f2" stop-opacity="0.2" offset="100%"/> </radialGradient> <linearGradient id="gradient2" x1="50%" y1="-7.8652%" x2="50%" y2="249.6629%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient3" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient4" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient5" x1="50%" y1="-33.3333%" x2="50%" y2="152.0833%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient6" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient7" x1="50%" y1="-33.3333%" x2="50%" y2="152.0833%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient8" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient9" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient10" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient11" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient12" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient13" x1="40%" y1="-140%" x2="40%" y2="98.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient14" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient15" x1="60%" y1="-140%" x2="60%" y2="98.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient16" x1="50%" y1="0%" x2="50%" y2="298.4375%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient17" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient18" x1="50%" y1="-200%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient19" x1="50%" y1="-200%" x2="50%" y2="110.9375%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient20" x1="55%" y1="0%" x2="55%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient21" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="99.4444%"/> </linearGradient> </defs> <g id="BG"> </g> <g id="controls"> <path id="Line" d="M 98.5 7.5 L 109.5 7.5 " stroke="#ffffff" stroke-width="1" fill="none"/> <path id="Line2" d="M 98.5 3.5 L 109.5 3.5 " stroke="#ffffff" stroke-width="1" fill="none"/> <path id="Line3" d="M 98.5 11.5 L 109.5 11.5 " stroke="#ffffff" stroke-width="1" fill="none"/> <path id="Ellipse" d="M 108 11.5 C 108 10.6716 108.4477 10 109 10 C 109.5523 10 110 10.6716 110 11.5 C 110 12.3284 109.5523 13 109 13 C 108.4477 13 108 12.3284 108 11.5 Z" fill="#ffffff"/> <path id="Ellipse2" d="M 104 7.5 C 104 6.6716 104.4477 6 105 6 C 105.5523 6 106 6.6716 106 7.5 C 106 8.3284 105.5523 9 105 9 C 104.4477 9 104 8.3284 104 7.5 Z" fill="#ffffff"/> <path id="Ellipse3" d="M 108 3.5 C 108 2.6716 108.4477 2 109 2 C 109.5523 2 110 2.6716 110 3.5 C 110 4.3284 109.5523 5 109 5 C 108.4477 5 108 4.3284 108 3.5 Z" fill="#ffffff"/> </g> <g id="backlight"> <g id="off"> <rect x="83" y="21" width="10" height="6" stroke="#ffffff" stroke-width="1" fill="#333333"/> </g> <g id="on"> <path id="Ellipse4" d="M 81 8 C 81 5.2385 84.134 3 88 3 C 91.866 3 95 5.2385 95 8 C 95 10.7615 91.866 13 88 13 C 84.134 13 81 10.7615 81 8 Z" fill="url(#gradient1)"/> <rect x="83" y="5" width="10" height="6" stroke="#ffffff" stroke-width="1" fill="#333333"/> </g> </g> <g id="loop"> <g id="on2"> <path d="M 73.795 4.205 C 75.2155 4.8785 76.2 6.3234 76.2 8 C 76.2 10.3196 74.3196 12.2 72 12.2 C 69.6804 12.2 67.8 10.3196 67.8 8 C 67.8 6.3234 68.7845 4.8785 70.205 4.205 L 68.875 2.875 C 67.1501 3.9289 66 5.8306 66 8 C 66 11.3138 68.6862 14 72 14 C 75.3138 14 78 11.3138 78 8 C 78 5.8306 76.8499 3.9289 75.125 2.875 L 73.795 4.205 Z" fill="url(#gradient2)"/> <path d="M 71 2 L 66 2 L 71 7 L 71 2 Z" fill="url(#gradient3)"/> </g> <g id="off2"> <path d="M 73.795 20.205 C 75.2155 20.8785 76.2 22.3234 76.2 24 C 76.2 26.3196 74.3196 28.2 72 28.2 C 69.6804 28.2 67.8 26.3196 67.8 24 C 67.8 22.3234 68.7845 20.8785 70.205 20.205 L 68.875 18.875 C 67.1501 19.9289 66 21.8306 66 24 C 66 27.3138 68.6862 30 72 30 C 75.3138 30 78 27.3138 78 24 C 78 21.8306 76.8499 19.9289 75.125 18.875 L 73.795 20.205 Z" fill="#a8a8b7"/> <path d="M 71 18 L 66 18 L 71 23 L 71 18 Z" fill="#a8a8b7"/> </g> </g> <g id="cc"> <rect visibility="hidden" x="49" y="2" width="14" height="12" stroke="#b0b0b0" stroke-width="1" fill="none"/> <text visibility="hidden" x="49" y="17" width="14" fill="#ffffff" style="font-size: 10px; color: #ffffff; font-family: Arial; text-align: center; "><tspan><![CDATA[cc]]></tspan></text> <path d="M 55 7 C 50.2813 3.7813 50.063 12.9405 55 10 " stroke="#ffffff" stroke-width="1" fill="none"/> <path d="M 60 7 C 55.2813 3.7813 55.063 12.9405 60 10 " stroke="#ffffff" stroke-width="1" fill="none"/> <path d="M 50 3 L 62 3 L 62 13 L 50 13 L 50 3 ZM 49 2 L 49 14 L 63 14 L 63 2 L 49 2 Z" fill="url(#gradient4)"/> <rect x="49" y="2" width="14" height="12" fill="none"/> </g> <g id="volume"> <g id="no%20sound"> <rect x="17" y="5" width="5" height="6" fill="url(#gradient5)"/> <path d="M 21 5 L 25 2 L 25 14 L 21 11.0625 L 21 5 Z" fill="url(#gradient6)"/> </g> <g id="sound%20bars"> <rect x="17" y="21" width="5" height="6" fill="url(#gradient7)"/> <path d="M 21 21 L 25 18 L 25 30 L 21 27.0625 L 21 21 Z" fill="url(#gradient8)"/> <path d="M 27 18 C 27 18 30.0625 17.375 30 24 C 29.9375 30.625 27 30 27 30 " stroke="#ffffff" stroke-width="1" fill="none"/> <path d="M 26 21.0079 C 26 21.0079 28.041 20.6962 27.9994 24 C 27.9577 27.3038 26 26.9921 26 26.9921 " stroke="#ffffff" stroke-width="1" fill="none"/> </g> </g> <g id="play/pause"> <g id="play"> <path id="Polygon" d="M 14 8.5 L 3 14 L 3 3 L 14 8.5 Z" fill="url(#gradient9)"/> </g> <g id="pause"> <rect x="3" y="18" width="3" height="12" fill="url(#gradient10)"/> <rect x="10" y="18" width="3" height="12" fill="url(#gradient11)"/> </g> </g> <g id="fullscreen"> <g id="enter%201"> <path d="M 34 2 L 39 2 L 34 7 L 34 2 Z" fill="url(#gradient12)"/> <path d="M 34 14 L 39 14 L 34 9 L 34 14 Z" fill="url(#gradient13)"/> <path d="M 46 2 L 41 2 L 46 7 L 46 2 Z" fill="url(#gradient14)"/> <path d="M 46 14 L 41 14 L 46 9 L 46 14 Z" fill="url(#gradient15)"/> </g> <g id="exit"> <path d="M 42 22 L 46 22 L 42 18 L 42 22 Z" fill="url(#gradient16)"/> <path d="M 38 22 L 38 18 L 34 22 L 38 22 Z" fill="url(#gradient17)"/> <path d="M 38 26 L 34 26 L 38 30 L 38 26 Z" fill="url(#gradient18)"/> <path d="M 42 26 L 42 30 L 46 26 L 42 26 Z" fill="url(#gradient19)"/> </g> </g> <g id="stop"> <rect x="115" y="3" width="10" height="10" fill="url(#gradient20)"/> </g> <g id="chooser"> <path d="M 135.2346 6.1522 C 136.2551 5.7295 137.4251 6.2141 137.8478 7.2346 C 138.2704 8.2551 137.7859 9.425 136.7654 9.8478 C 135.7449 10.2705 134.5749 9.7859 134.1522 8.7654 C 133.7295 7.7449 134.2141 6.5749 135.2346 6.1522 ZM 133.2735 1.4176 L 136 4.0054 L 138.7265 1.4176 L 138.8246 5.1754 L 142.5824 5.2735 L 139.9946 8 L 142.5824 10.7265 L 138.8246 10.8246 L 138.7265 14.5824 L 136 11.9946 L 133.2735 14.5824 L 133.1754 10.8246 L 129.4176 10.7265 L 132.0054 8 L 129.4176 5.2735 L 133.1754 5.1754 L 133.2735 1.4176 Z" fill="url(#gradient21)"/> </g> </svg> \ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg style="background-color:#ffffff00" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="32px" width="144px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 144 32">
+ <defs>
+ <radialGradient id="l">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#f2f2f2" stop-opacity=".2" offset="1"/>
+ </radialGradient>
+ <linearGradient id="f" y1="-7.8652%" x2="50%" x1="50%" y2="249.66%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="b" x2="50%" x1="50%" y2="238.75%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="a" x2="50%" x1="50%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="c" y1="-33.333%" x2="50%" x1="50%" y2="152.08%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="k" y1="-140%" x2="40%" x1="40%" y2="98.75%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="j" y1="-140%" x2="60%" x1="60%" y2="98.75%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="i" x2="50%" x1="50%" y2="298.44%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="h" y1="-200%" x2="50%" x1="50%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="g" y1="-200%" x2="50%" x1="50%" y2="110.94%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="e" x2="55%" x1="55%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="d" x2="50%" x1="50%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset=".99444"/>
+ </linearGradient>
+ </defs>
+ <g stroke="#fff" fill="none">
+ <path d="m98.5 7.5h11"/>
+ <path d="m98.5 3.5h11"/>
+ <path d="m98.5 11.5h11"/></g><g fill="#fff">
+ <path d="m108 11.5c0-0.828 0.45-1.5 1-1.5s1 0.672 1 1.5-0.45 1.5-1 1.5-1-0.672-1-1.5z"/>
+ <path d="m104 7.5c0-0.8284 0.45-1.5 1-1.5s1 0.6716 1 1.5-0.45 1.5-1 1.5-1-0.6716-1-1.5z"/>
+ <path d="m108 3.5c0-0.8284 0.45-1.5 1-1.5s1 0.6716 1 1.5-0.45 1.5-1 1.5-1-0.6716-1-1.5z"/>
+ </g>
+ <rect height="6" width="10" stroke="#fff" y="21" x="83" fill="#333"/>
+ <path fill="url(#l)" d="m81 8c0-2.7615 3.134-5 7-5s7 2.2385 7 5c0 2.762-3.134 5-7 5s-7-2.238-7-5z"/>
+ <rect height="6" width="10" stroke="#fff" y="5" x="83" fill="#333"/>
+ <path d="m73.795 4.205c1.421 0.6735 2.405 2.1184 2.405 3.795 0 2.32-1.88 4.2-4.2 4.2s-4.2-1.88-4.2-4.2c0-1.6766 0.984-3.1215 2.405-3.795l-1.33-1.33c-1.725 1.0539-2.875 2.9556-2.875 5.125 0 3.314 2.686 6 6 6s6-2.686 6-6c0-2.1694-1.15-4.0711-2.875-5.125l-1.33 1.33z" fill="url(#f)"/>
+ <path d="m71 2h-5l5 5v-5z" fill="url(#b)"/>
+ <g fill="#a8a8b7">
+ <path d="m73.795 20.205c1.421 0.673 2.405 2.118 2.405 3.795 0 2.32-1.88 4.2-4.2 4.2s-4.2-1.88-4.2-4.2c0-1.677 0.984-3.122 2.405-3.795l-1.33-1.33c-1.725 1.054-2.875 2.956-2.875 5.125 0 3.314 2.686 6 6 6s6-2.686 6-6c0-2.169-1.15-4.071-2.875-5.125l-1.33 1.33z"/>
+ <path d="m71 18h-5l5 5v-5z"/>
+ </g>
+ <rect visibility="hidden" height="12" width="14" stroke="#b0b0b0" y="2" x="49" fill="none"/>
+ <text style="color:#ffffff;text-align:center" font-size="10px" visibility="hidden" width="14" y="17" x="49" font-family="Arial" fill="#ffffff"><tspan><![CDATA[cc]]></tspan></text>
+ <path stroke="#fff" d="m55 7c-4.719-3.2187-4.937 5.94 0 3" fill="none"/>
+ <path stroke="#fff" d="m60 7c-4.719-3.2187-4.937 5.94 0 3" fill="none"/>
+ <path d="m50 3h12v10h-12v-10zm-1-1v12h14v-12h-14z" fill="url(#a)"/>
+ <rect y="2" x="49" height="12" fill="none" width="14"/>
+ <rect y="5" x="17" height="6" fill="url(#c)" width="5"/>
+ <path d="m21 5l4-3v12l-4-2.938v-6.062z" fill="url(#a)"/>
+ <rect y="21" x="17" height="6" fill="url(#c)" width="5"/>
+ <path d="m21 21l4-3v12l-4-2.938v-6.062z" fill="url(#a)"/>
+ <path stroke="#fff" d="m27 18s3.062-0.625 3 6-3 6-3 6" fill="none"/>
+ <path stroke="#fff" d="m26 21.008s2.041-0.312 1.999 2.992c-0.041 3.304-1.999 2.992-1.999 2.992" fill="none"/>
+ <path fill="url(#a)" d="m14 8.5l-11 5.5v-11l11 5.5z"/>
+ <g fill="url(#a)">
+ <rect y="18" x="3" height="12" width="3"/>
+ <rect y="18" x="10" height="12" width="3"/>
+ </g>
+ <path d="m34 2h5l-5 5v-5z" fill="url(#b)"/>
+ <path d="m34 14h5l-5-5v5z" fill="url(#k)"/>
+ <path d="m46 2h-5l5 5v-5z" fill="url(#b)"/>
+ <path d="m46 14h-5l5-5v5z" fill="url(#j)"/>
+ <path d="m42 22h4l-4-4v4z" fill="url(#i)"/>
+ <path d="m38 22v-4l-4 4h4z" fill="url(#b)"/>
+ <path d="m38 26h-4l4 4v-4z" fill="url(#h)"/>
+ <path d="m42 26v4l4-4h-4z" fill="url(#g)"/>
+ <rect y="3" x="115" height="10" fill="url(#e)" width="10"/>
+ <path d="m135.23 6.1522c1.03-0.4227 2.2 0.0619 2.62 1.0824s-0.06 2.1904-1.08 2.6132c-1.03 0.4222-2.2-0.0619-2.62-1.0824s0.06-2.1905 1.08-2.6132zm-1.96-4.7346l2.73 2.5878 2.73-2.5878 0.09 3.7578 3.76 0.0981-2.59 2.7265 2.59 2.726-3.76 0.099-0.09 3.757-2.73-2.587-2.73 2.587-0.09-3.757-3.76-0.099 2.59-2.726-2.59-2.7265 3.76-0.0981 0.09-3.7578z" fill="url(#d)"/>
+</svg>
diff --git a/files_videoviewer/mediaelement/src/css/background.png b/files_videoviewer/mediaelement/src/css/background.png
index fd428412a..7a4da4ec0 100755..100644
--- a/files_videoviewer/mediaelement/src/css/background.png
+++ b/files_videoviewer/mediaelement/src/css/background.png
Binary files differ
diff --git a/files_videoviewer/mediaelement/src/css/bigplay.fw.png b/files_videoviewer/mediaelement/src/css/bigplay.fw.png
index 66d0e3cb7..bae9adafb 100755..100644
--- a/files_videoviewer/mediaelement/src/css/bigplay.fw.png
+++ b/files_videoviewer/mediaelement/src/css/bigplay.fw.png
Binary files differ
diff --git a/files_videoviewer/mediaelement/src/css/bigplay.png b/files_videoviewer/mediaelement/src/css/bigplay.png
index 694553e31..be190caf6 100755..100644
--- a/files_videoviewer/mediaelement/src/css/bigplay.png
+++ b/files_videoviewer/mediaelement/src/css/bigplay.png
Binary files differ
diff --git a/files_videoviewer/mediaelement/src/css/bigplay.svg b/files_videoviewer/mediaelement/src/css/bigplay.svg
index c2f62bbc0..7e07babdd 100755..100644
--- a/files_videoviewer/mediaelement/src/css/bigplay.svg
+++ b/files_videoviewer/mediaelement/src/css/bigplay.svg
@@ -1 +1,36 @@
-<?xml version="1.0" standalone="no"?> <!-- Generator: Adobe Fireworks CS6, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.1 --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg id="bigplay-gradient.fw-Page%201" viewBox="0 0 100 200" style="background-color:#ffffff00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0px" y="0px" width="100px" height="200px" > <defs> <radialGradient id="gradient1" cx="50%" cy="50%" r="50%"> <stop stop-color="#222222" stop-opacity="0" offset="70%"/> <stop stop-color="#222222" stop-opacity="0.0118" offset="70.202%"/> <stop stop-color="#333333" stop-opacity="1" offset="85%"/> <stop stop-color="#333333" stop-opacity="0" offset="100%"/> </radialGradient> <radialGradient id="gradient2" cx="50%" cy="50%" r="50%"> <stop stop-color="#bbbbbb" stop-opacity="0" offset="70%"/> <stop stop-color="#bbbbbb" stop-opacity="0.0118" offset="70.202%"/> <stop stop-color="#bbbbbb" stop-opacity="1" offset="85%"/> <stop stop-color="#bbbbbb" stop-opacity="0" offset="100%"/> </radialGradient> <filter id="filter1" x="-100%" y="-100%" width="300%" height="300%"> <!-- Glow --> <feColorMatrix result="out" in="SourceGraphic" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0"/> <feMorphology result="out" in="out" operator="dilate" radius="3"/> <feGaussianBlur result="out" in="out" stdDeviation="1.5"/> <feBlend in="SourceGraphic" in2="out" mode="normal" result="Glow1"/> </filter> <filter id="filter2" x="-100%" y="-100%" width="300%" height="300%"> <!-- Glow --> <feColorMatrix result="out" in="SourceGraphic" type="matrix" values="0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.251 0"/> <feMorphology result="out" in="out" operator="dilate" radius="3"/> <feGaussianBlur result="out" in="out" stdDeviation="1.5"/> <feBlend in="SourceGraphic" in2="out" mode="normal" result="Glow2"/> </filter> </defs> <g id="Background"> </g> <g id="dark%20shadow"> <path d="M 22 50 C 22 34.5358 34.5358 22 50 22 C 65.4642 22 78 34.5358 78 50 C 78 65.4642 65.4642 78 50 78 C 34.5358 78 22 65.4642 22 50 ZM 5 50 C 5 74.8531 25.1469 95 50 95 C 74.8531 95 95 74.8531 95 50 C 95 25.1469 74.8531 5 50 5 C 25.1469 5 5 25.1469 5 50 Z" fill="url(#gradient1)"/> <path d="M 22 150 C 22 134.5358 34.5358 122 50 122 C 65.4642 122 78 134.5358 78 150 C 78 165.4642 65.4642 178 50 178 C 34.5358 178 22 165.4642 22 150 ZM 5 150 C 5 174.8531 25.1469 195 50 195 C 74.8531 195 95 174.8531 95 150 C 95 125.1469 74.8531 105 50 105 C 25.1469 105 5 125.1469 5 150 Z" fill="url(#gradient2)"/> </g> <g id="dark"> <path id="Polygon" filter="url(#filter1)" d="M 72.5 49.5 L 38.75 68.9856 L 38.75 30.0144 L 72.5 49.5 Z" fill="#ffffff"/> <path id="Ellipse" d="M 13 50.5 C 13 29.7891 29.7891 13 50.5 13 C 71.2109 13 88 29.7891 88 50.5 C 88 71.2109 71.2109 88 50.5 88 C 29.7891 88 13 71.2109 13 50.5 Z" stroke="#ffffff" stroke-width="5" fill="none"/> </g> <g id="light"> <path id="Polygon2" filter="url(#filter2)" d="M 72.5 149.5 L 38.75 168.9856 L 38.75 130.0144 L 72.5 149.5 Z" fill="#ffffff"/> <path id="Ellipse2" d="M 13 150.5 C 13 129.7891 29.7891 113 50.5 113 C 71.2109 113 88 129.7891 88 150.5 C 88 171.211 71.2109 188 50.5 188 C 29.7891 188 13 171.211 13 150.5 Z" stroke="#ffffff" stroke-width="5" fill="none"/> </g> </svg> \ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg style="background-color:#ffffff00" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="200px" width="100px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 200">
+ <defs>
+ <radialGradient id="b">
+ <stop stop-color="#222" stop-opacity="0" offset=".7"/>
+ <stop stop-color="#222" stop-opacity=".0118" offset=".70202"/>
+ <stop stop-color="#333" offset=".85"/>
+ <stop stop-color="#333" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <radialGradient id="a">
+ <stop stop-color="#bbb" stop-opacity="0" offset=".7"/>
+ <stop stop-color="#bbb" stop-opacity=".0118" offset=".70202"/>
+ <stop stop-color="#bbb" offset=".85"/>
+ <stop stop-color="#bbb" stop-opacity="0" offset="1"/>
+ </radialGradient>
+ <filter id="d" y="-100%" x="-100%" height="300%" width="300%">
+ <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.251 0" type="matrix" result="out" in="SourceGraphic"/>
+ <feMorphology operator="dilate" radius="3" result="out" in="out"/>
+ <feGaussianBlur stdDeviation="1.5" result="out" in="out"/>
+ <feBlend result="Glow1" mode="normal" in2="out" in="SourceGraphic"/>
+ </filter>
+ <filter id="c" y="-100%" x="-100%" height="300%" width="300%">
+ <feColorMatrix values="0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.8667 0 0 0 0 0.251 0" type="matrix" result="out" in="SourceGraphic"/>
+ <feMorphology operator="dilate" radius="3" result="out" in="out"/>
+ <feGaussianBlur stdDeviation="1.5" result="out" in="out"/>
+ <feBlend result="Glow2" mode="normal" in2="out" in="SourceGraphic"/>
+ </filter>
+ </defs>
+ <path d="m22 50c0-15.464 12.536-28 28-28s28 12.536 28 28-12.536 28-28 28-28-12.536-28-28zm-17 0c0 24.853 20.147 45 45 45s45-20.147 45-45-20.147-45-45-45-45 20.147-45 45z" fill="url(#b)"/>
+ <path d="m22 150c0-15.46 12.536-28 28-28s28 12.54 28 28-12.536 28-28 28-28-12.54-28-28zm-17 0c0 24.85 20.147 45 45 45s45-20.15 45-45-20.147-45-45-45-45 20.15-45 45z" fill="url(#a)"/>
+ <path filter="url(#d)" fill="#fff" d="m72.5 49.5l-33.75 19.486v-38.972l33.75 19.486z"/>
+ <path stroke="#fff" stroke-width="5" fill="none" d="m13 50.5c0-20.711 16.789-37.5 37.5-37.5s37.5 16.789 37.5 37.5-16.789 37.5-37.5 37.5-37.5-16.789-37.5-37.5z"/>
+ <path filter="url(#c)" fill="#fff" d="m72.5 149.5l-33.75 19.49v-38.98l33.75 19.49z"/>
+ <path stroke="#fff" stroke-width="5" fill="none" d="m13 150.5c0-20.71 16.789-37.5 37.5-37.5s37.5 16.79 37.5 37.5-16.789 37.5-37.5 37.5-37.5-16.79-37.5-37.5z"/>
+</svg>
diff --git a/files_videoviewer/mediaelement/src/css/controls.fw.png b/files_videoviewer/mediaelement/src/css/controls.fw.png
index e27682ae1..f1729a0d8 100755..100644
--- a/files_videoviewer/mediaelement/src/css/controls.fw.png
+++ b/files_videoviewer/mediaelement/src/css/controls.fw.png
Binary files differ
diff --git a/files_videoviewer/mediaelement/src/css/controls.png b/files_videoviewer/mediaelement/src/css/controls.png
index f6a857d80..dfac76410 100755..100644
--- a/files_videoviewer/mediaelement/src/css/controls.png
+++ b/files_videoviewer/mediaelement/src/css/controls.png
Binary files differ
diff --git a/files_videoviewer/mediaelement/src/css/controls.svg b/files_videoviewer/mediaelement/src/css/controls.svg
index af3bd4160..4b93d8f9e 100755..100644
--- a/files_videoviewer/mediaelement/src/css/controls.svg
+++ b/files_videoviewer/mediaelement/src/css/controls.svg
@@ -1 +1,98 @@
-<?xml version="1.0" standalone="no"?> <!-- Generator: Adobe Fireworks CS6, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.1 --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg id="controls.fw-Page%201" viewBox="0 0 144 32" style="background-color:#ffffff00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0px" y="0px" width="144px" height="32px" > <defs> <radialGradient id="gradient1" cx="50%" cy="50%" r="50%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#f2f2f2" stop-opacity="0.2" offset="100%"/> </radialGradient> <linearGradient id="gradient2" x1="50%" y1="-7.8652%" x2="50%" y2="249.6629%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient3" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient4" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient5" x1="50%" y1="-33.3333%" x2="50%" y2="152.0833%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient6" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient7" x1="50%" y1="-33.3333%" x2="50%" y2="152.0833%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient8" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient9" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient10" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient11" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient12" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient13" x1="40%" y1="-140%" x2="40%" y2="98.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient14" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient15" x1="60%" y1="-140%" x2="60%" y2="98.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient16" x1="50%" y1="0%" x2="50%" y2="298.4375%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient17" x1="50%" y1="0%" x2="50%" y2="238.75%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient18" x1="50%" y1="-200%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient19" x1="50%" y1="-200%" x2="50%" y2="110.9375%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient20" x1="55%" y1="0%" x2="55%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/> </linearGradient> <linearGradient id="gradient21" x1="50%" y1="0%" x2="50%" y2="100%"> <stop stop-color="#ffffff" stop-opacity="1" offset="0%"/> <stop stop-color="#c8c8c8" stop-opacity="1" offset="99.4444%"/> </linearGradient> </defs> <g id="BG"> </g> <g id="controls"> <path id="Line" d="M 98.5 7.5 L 109.5 7.5 " stroke="#ffffff" stroke-width="1" fill="none"/> <path id="Line2" d="M 98.5 3.5 L 109.5 3.5 " stroke="#ffffff" stroke-width="1" fill="none"/> <path id="Line3" d="M 98.5 11.5 L 109.5 11.5 " stroke="#ffffff" stroke-width="1" fill="none"/> <path id="Ellipse" d="M 108 11.5 C 108 10.6716 108.4477 10 109 10 C 109.5523 10 110 10.6716 110 11.5 C 110 12.3284 109.5523 13 109 13 C 108.4477 13 108 12.3284 108 11.5 Z" fill="#ffffff"/> <path id="Ellipse2" d="M 104 7.5 C 104 6.6716 104.4477 6 105 6 C 105.5523 6 106 6.6716 106 7.5 C 106 8.3284 105.5523 9 105 9 C 104.4477 9 104 8.3284 104 7.5 Z" fill="#ffffff"/> <path id="Ellipse3" d="M 108 3.5 C 108 2.6716 108.4477 2 109 2 C 109.5523 2 110 2.6716 110 3.5 C 110 4.3284 109.5523 5 109 5 C 108.4477 5 108 4.3284 108 3.5 Z" fill="#ffffff"/> </g> <g id="backlight"> <g id="off"> <rect x="83" y="21" width="10" height="6" stroke="#ffffff" stroke-width="1" fill="#333333"/> </g> <g id="on"> <path id="Ellipse4" d="M 81 8 C 81 5.2385 84.134 3 88 3 C 91.866 3 95 5.2385 95 8 C 95 10.7615 91.866 13 88 13 C 84.134 13 81 10.7615 81 8 Z" fill="url(#gradient1)"/> <rect x="83" y="5" width="10" height="6" stroke="#ffffff" stroke-width="1" fill="#333333"/> </g> </g> <g id="loop"> <g id="on2"> <path d="M 73.795 4.205 C 75.2155 4.8785 76.2 6.3234 76.2 8 C 76.2 10.3196 74.3196 12.2 72 12.2 C 69.6804 12.2 67.8 10.3196 67.8 8 C 67.8 6.3234 68.7845 4.8785 70.205 4.205 L 68.875 2.875 C 67.1501 3.9289 66 5.8306 66 8 C 66 11.3138 68.6862 14 72 14 C 75.3138 14 78 11.3138 78 8 C 78 5.8306 76.8499 3.9289 75.125 2.875 L 73.795 4.205 Z" fill="url(#gradient2)"/> <path d="M 71 2 L 66 2 L 71 7 L 71 2 Z" fill="url(#gradient3)"/> </g> <g id="off2"> <path d="M 73.795 20.205 C 75.2155 20.8785 76.2 22.3234 76.2 24 C 76.2 26.3196 74.3196 28.2 72 28.2 C 69.6804 28.2 67.8 26.3196 67.8 24 C 67.8 22.3234 68.7845 20.8785 70.205 20.205 L 68.875 18.875 C 67.1501 19.9289 66 21.8306 66 24 C 66 27.3138 68.6862 30 72 30 C 75.3138 30 78 27.3138 78 24 C 78 21.8306 76.8499 19.9289 75.125 18.875 L 73.795 20.205 Z" fill="#a8a8b7"/> <path d="M 71 18 L 66 18 L 71 23 L 71 18 Z" fill="#a8a8b7"/> </g> </g> <g id="cc"> <rect visibility="hidden" x="49" y="2" width="14" height="12" stroke="#b0b0b0" stroke-width="1" fill="none"/> <text visibility="hidden" x="49" y="17" width="14" fill="#ffffff" style="font-size: 10px; color: #ffffff; font-family: Arial; text-align: center; "><tspan><![CDATA[cc]]></tspan></text> <path d="M 55 7 C 50.2813 3.7813 50.063 12.9405 55 10 " stroke="#ffffff" stroke-width="1" fill="none"/> <path d="M 60 7 C 55.2813 3.7813 55.063 12.9405 60 10 " stroke="#ffffff" stroke-width="1" fill="none"/> <path d="M 50 3 L 62 3 L 62 13 L 50 13 L 50 3 ZM 49 2 L 49 14 L 63 14 L 63 2 L 49 2 Z" fill="url(#gradient4)"/> <rect x="49" y="2" width="14" height="12" fill="none"/> </g> <g id="volume"> <g id="no%20sound"> <rect x="17" y="5" width="5" height="6" fill="url(#gradient5)"/> <path d="M 21 5 L 25 2 L 25 14 L 21 11.0625 L 21 5 Z" fill="url(#gradient6)"/> </g> <g id="sound%20bars"> <rect x="17" y="21" width="5" height="6" fill="url(#gradient7)"/> <path d="M 21 21 L 25 18 L 25 30 L 21 27.0625 L 21 21 Z" fill="url(#gradient8)"/> <path d="M 27 18 C 27 18 30.0625 17.375 30 24 C 29.9375 30.625 27 30 27 30 " stroke="#ffffff" stroke-width="1" fill="none"/> <path d="M 26 21.0079 C 26 21.0079 28.041 20.6962 27.9994 24 C 27.9577 27.3038 26 26.9921 26 26.9921 " stroke="#ffffff" stroke-width="1" fill="none"/> </g> </g> <g id="play/pause"> <g id="play"> <path id="Polygon" d="M 14 8.5 L 3 14 L 3 3 L 14 8.5 Z" fill="url(#gradient9)"/> </g> <g id="pause"> <rect x="3" y="18" width="3" height="12" fill="url(#gradient10)"/> <rect x="10" y="18" width="3" height="12" fill="url(#gradient11)"/> </g> </g> <g id="fullscreen"> <g id="enter%201"> <path d="M 34 2 L 39 2 L 34 7 L 34 2 Z" fill="url(#gradient12)"/> <path d="M 34 14 L 39 14 L 34 9 L 34 14 Z" fill="url(#gradient13)"/> <path d="M 46 2 L 41 2 L 46 7 L 46 2 Z" fill="url(#gradient14)"/> <path d="M 46 14 L 41 14 L 46 9 L 46 14 Z" fill="url(#gradient15)"/> </g> <g id="exit"> <path d="M 42 22 L 46 22 L 42 18 L 42 22 Z" fill="url(#gradient16)"/> <path d="M 38 22 L 38 18 L 34 22 L 38 22 Z" fill="url(#gradient17)"/> <path d="M 38 26 L 34 26 L 38 30 L 38 26 Z" fill="url(#gradient18)"/> <path d="M 42 26 L 42 30 L 46 26 L 42 26 Z" fill="url(#gradient19)"/> </g> </g> <g id="stop"> <rect x="115" y="3" width="10" height="10" fill="url(#gradient20)"/> </g> <g id="chooser"> <path d="M 135.2346 6.1522 C 136.2551 5.7295 137.4251 6.2141 137.8478 7.2346 C 138.2704 8.2551 137.7859 9.425 136.7654 9.8478 C 135.7449 10.2705 134.5749 9.7859 134.1522 8.7654 C 133.7295 7.7449 134.2141 6.5749 135.2346 6.1522 ZM 133.2735 1.4176 L 136 4.0054 L 138.7265 1.4176 L 138.8246 5.1754 L 142.5824 5.2735 L 139.9946 8 L 142.5824 10.7265 L 138.8246 10.8246 L 138.7265 14.5824 L 136 11.9946 L 133.2735 14.5824 L 133.1754 10.8246 L 129.4176 10.7265 L 132.0054 8 L 129.4176 5.2735 L 133.1754 5.1754 L 133.2735 1.4176 Z" fill="url(#gradient21)"/> </g> </svg> \ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<svg style="background-color:#ffffff00" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="32px" width="144px" version="1.1" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 144 32">
+ <defs>
+ <radialGradient id="l">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#f2f2f2" stop-opacity=".2" offset="1"/>
+ </radialGradient>
+ <linearGradient id="f" y1="-7.8652%" x2="50%" x1="50%" y2="249.66%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="b" x2="50%" x1="50%" y2="238.75%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="a" x2="50%" x1="50%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="c" y1="-33.333%" x2="50%" x1="50%" y2="152.08%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="k" y1="-140%" x2="40%" x1="40%" y2="98.75%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="j" y1="-140%" x2="60%" x1="60%" y2="98.75%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="i" x2="50%" x1="50%" y2="298.44%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="h" y1="-200%" x2="50%" x1="50%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="g" y1="-200%" x2="50%" x1="50%" y2="110.94%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="e" x2="55%" x1="55%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset="1"/>
+ </linearGradient>
+ <linearGradient id="d" x2="50%" x1="50%" y2="100%">
+ <stop stop-color="#fff" offset="0"/>
+ <stop stop-color="#c8c8c8" offset=".99444"/>
+ </linearGradient>
+ </defs>
+ <g stroke="#fff" fill="none">
+ <path d="m98.5 7.5h11"/>
+ <path d="m98.5 3.5h11"/>
+ <path d="m98.5 11.5h11"/></g><g fill="#fff">
+ <path d="m108 11.5c0-0.828 0.45-1.5 1-1.5s1 0.672 1 1.5-0.45 1.5-1 1.5-1-0.672-1-1.5z"/>
+ <path d="m104 7.5c0-0.8284 0.45-1.5 1-1.5s1 0.6716 1 1.5-0.45 1.5-1 1.5-1-0.6716-1-1.5z"/>
+ <path d="m108 3.5c0-0.8284 0.45-1.5 1-1.5s1 0.6716 1 1.5-0.45 1.5-1 1.5-1-0.6716-1-1.5z"/>
+ </g>
+ <rect height="6" width="10" stroke="#fff" y="21" x="83" fill="#333"/>
+ <path fill="url(#l)" d="m81 8c0-2.7615 3.134-5 7-5s7 2.2385 7 5c0 2.762-3.134 5-7 5s-7-2.238-7-5z"/>
+ <rect height="6" width="10" stroke="#fff" y="5" x="83" fill="#333"/>
+ <path d="m73.795 4.205c1.421 0.6735 2.405 2.1184 2.405 3.795 0 2.32-1.88 4.2-4.2 4.2s-4.2-1.88-4.2-4.2c0-1.6766 0.984-3.1215 2.405-3.795l-1.33-1.33c-1.725 1.0539-2.875 2.9556-2.875 5.125 0 3.314 2.686 6 6 6s6-2.686 6-6c0-2.1694-1.15-4.0711-2.875-5.125l-1.33 1.33z" fill="url(#f)"/>
+ <path d="m71 2h-5l5 5v-5z" fill="url(#b)"/>
+ <g fill="#a8a8b7">
+ <path d="m73.795 20.205c1.421 0.673 2.405 2.118 2.405 3.795 0 2.32-1.88 4.2-4.2 4.2s-4.2-1.88-4.2-4.2c0-1.677 0.984-3.122 2.405-3.795l-1.33-1.33c-1.725 1.054-2.875 2.956-2.875 5.125 0 3.314 2.686 6 6 6s6-2.686 6-6c0-2.169-1.15-4.071-2.875-5.125l-1.33 1.33z"/>
+ <path d="m71 18h-5l5 5v-5z"/>
+ </g>
+ <rect visibility="hidden" height="12" width="14" stroke="#b0b0b0" y="2" x="49" fill="none"/>
+ <text style="color:#ffffff;text-align:center" font-size="10px" visibility="hidden" width="14" y="17" x="49" font-family="Arial" fill="#ffffff"><tspan><![CDATA[cc]]></tspan></text>
+ <path stroke="#fff" d="m55 7c-4.719-3.2187-4.937 5.94 0 3" fill="none"/>
+ <path stroke="#fff" d="m60 7c-4.719-3.2187-4.937 5.94 0 3" fill="none"/>
+ <path d="m50 3h12v10h-12v-10zm-1-1v12h14v-12h-14z" fill="url(#a)"/>
+ <rect y="2" x="49" height="12" fill="none" width="14"/>
+ <rect y="5" x="17" height="6" fill="url(#c)" width="5"/>
+ <path d="m21 5l4-3v12l-4-2.938v-6.062z" fill="url(#a)"/>
+ <rect y="21" x="17" height="6" fill="url(#c)" width="5"/>
+ <path d="m21 21l4-3v12l-4-2.938v-6.062z" fill="url(#a)"/>
+ <path stroke="#fff" d="m27 18s3.062-0.625 3 6-3 6-3 6" fill="none"/>
+ <path stroke="#fff" d="m26 21.008s2.041-0.312 1.999 2.992c-0.041 3.304-1.999 2.992-1.999 2.992" fill="none"/>
+ <path fill="url(#a)" d="m14 8.5l-11 5.5v-11l11 5.5z"/>
+ <g fill="url(#a)">
+ <rect y="18" x="3" height="12" width="3"/>
+ <rect y="18" x="10" height="12" width="3"/>
+ </g>
+ <path d="m34 2h5l-5 5v-5z" fill="url(#b)"/>
+ <path d="m34 14h5l-5-5v5z" fill="url(#k)"/>
+ <path d="m46 2h-5l5 5v-5z" fill="url(#b)"/>
+ <path d="m46 14h-5l5-5v5z" fill="url(#j)"/>
+ <path d="m42 22h4l-4-4v4z" fill="url(#i)"/>
+ <path d="m38 22v-4l-4 4h4z" fill="url(#b)"/>
+ <path d="m38 26h-4l4 4v-4z" fill="url(#h)"/>
+ <path d="m42 26v4l4-4h-4z" fill="url(#g)"/>
+ <rect y="3" x="115" height="10" fill="url(#e)" width="10"/>
+ <path d="m135.23 6.1522c1.03-0.4227 2.2 0.0619 2.62 1.0824s-0.06 2.1904-1.08 2.6132c-1.03 0.4222-2.2-0.0619-2.62-1.0824s0.06-2.1905 1.08-2.6132zm-1.96-4.7346l2.73 2.5878 2.73-2.5878 0.09 3.7578 3.76 0.0981-2.59 2.7265 2.59 2.726-3.76 0.099-0.09 3.757-2.73-2.587-2.73 2.587-0.09-3.757-3.76-0.099 2.59-2.726-2.59-2.7265 3.76-0.0981 0.09-3.7578z" fill="url(#d)"/>
+</svg>