SVG versions of icons

SVG assets added and CSS adjusments made to make use fo SVG for compatible browsers.

Change-Id: Ib04b7bd72b528fc0c8159362f03f2a9828342aa4
This commit is contained in:
Pau Giner
2013-02-18 15:21:21 +01:00
parent 3a46fb9da1
commit 10078d1b65
7 changed files with 397 additions and 18 deletions

331
resources/images/cog.svg Normal file
View File

@@ -0,0 +1,331 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="42"
height="31.999998"
viewBox="0 0 42 31.999998"
id="Layer_1"
xml:space="preserve"><metadata
id="metadata7"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs5"><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-5"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-1"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-00"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-2"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-07"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-31"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-0"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-94"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-6"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-8"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-8"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-91"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><clipPath
id="clipPath3169-2"><rect
width="748.77557"
height="428.80975"
x="48.992397"
y="105.34417"
id="rect3171-7"
style="fill:#f5f5f4;fill-opacity:1;stroke:#888a85;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /></clipPath><clipPath
id="clipPath22-7"><path
d="M 0,792 1224,792 1224,0 0,0 0,792 z"
id="path24-2" /></clipPath><clipPath
id="clipPath6483-7"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485-5"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><clipPath
id="clipPath10152"><rect
width="718.58722"
height="140.17392"
x="-37.134048"
y="754.14667"
id="rect10154"
style="fill:#555753;fill-opacity:1;stroke:#555753;stroke-width:1.83322382;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /></clipPath><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-0"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-982"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-2"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-95"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-2"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-98"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-5"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-1"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-75"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-9"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-466"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-32"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="marker32938"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path32940"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="marker32934"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path32936"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-7"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-2"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-46"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-9"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-3"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-3"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-42"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-3"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend-9"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132-4"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM-4"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329-8"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><clipPath
id="clipPath6483-5"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485-2"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><clipPath
id="clipPath6483-1-7-3-0"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485-6-4-5-6"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Lend-0"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
id="path45126-6"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><clipPath
id="clipPath6483-1-7-3-9"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485-6-4-5-8"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><clipPath
id="clipPath6483-1-7-3"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485-6-4-5"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><clipPath
id="clipPath6483-1-7"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485-6-4"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><clipPath
id="clipPath6483-1"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485-6"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><clipPath
id="clipPath6483"><rect
width="548"
height="280"
x="67.578148"
y="187.65627"
id="rect6485"
style="fill:#ffffff;fill-opacity:1;stroke:none" /></clipPath><clipPath
id="clipPath22"><path
d="M 0,792 1224,792 1224,0 0,0 0,792 z"
id="path24" /></clipPath><clipPath
id="clipPath3169"><rect
width="748.77557"
height="428.80975"
x="48.992397"
y="105.34417"
id="rect3171"
style="fill:#f5f5f4;fill-opacity:1;stroke:#888a85;stroke-width:2;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" /></clipPath><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Lend"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
id="path45126"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="Arrow2Mend"
style="overflow:visible"><path
d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
transform="scale(-0.6,-0.6)"
id="path45132"
style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotL"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.8,0,0,0.8,5.92,0.8)"
id="path14326"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker><marker
refX="0"
refY="0"
orient="auto"
id="DotM"
style="overflow:visible"><path
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
transform="matrix(0.4,0,0,0.4,2.96,0.4)"
id="path14329"
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none" /></marker></defs>
<path
d="M 18.788295,0 C 18.258441,0 17.83188,0.42656 17.83188,0.9564138 l 0,2.4308835 C 16.594732,3.6944151 15.403984,4.1887145 14.285181,4.8617694 L 12.571607,3.1481946 c -0.374663,-0.3746629 -0.980257,-0.3746629 -1.35492,0 L 8.1083436,6.2565374 c -0.3746626,0.3746639 -0.3746626,0.980256 0,1.3549199 L 9.8219178,9.3250326 C 9.1541311,10.440568 8.6910851,11.644818 8.3872978,12.871731 l -2.4308844,0 C 5.4265604,12.871731 5,13.298291 5,13.828141 l 0,4.383563 c 0,0.529854 0.4265604,0.956414 0.9564135,0.956414 l 2.3910337,0 c 0.307067,1.238251 0.8008512,2.426955 1.4744706,3.546699 l -1.7135742,1.713575 c -0.3746626,0.374661 -0.3746626,0.980256 0,1.354921 l 3.1083434,3.108342 c 0.374663,0.374662 0.980257,0.374662 1.35492,0 l 1.713574,-1.713574 c 1.123692,0.677719 2.309334,1.12739 3.546699,1.43462 l 0,2.430884 c 0,0.529854 0.426561,0.956414 0.956415,0.956414 l 4.383563,0 c 0.52985,0 0.95641,-0.42656 0.95641,-0.956413 l 0,-2.430885 c 1.24001,-0.30559 2.425185,-0.761767 3.5467,-1.43462 l 1.713575,1.713574 c 0.374664,0.374662 0.980256,0.374662 1.35492,0 l 3.108343,-3.108342 c 0.374662,-0.374665 0.374662,-0.98026 0,-1.354921 l -1.713575,-1.713575 c 0.674452,-1.117718 1.166647,-2.315963 1.474471,-3.546698 l 2.430885,0 C 36.57344,19.168118 37,18.741558 37,18.211704 l 0,-4.383559 c 0,-0.529854 -0.42656,-0.956414 -0.956413,-0.956414 l -2.430885,0 C 33.307437,11.642048 32.805034,10.438055 32.138231,9.3250326 l 1.713575,-1.7135753 c 0.374662,-0.3746639 0.374662,-0.980256 0,-1.3549199 L 30.743463,3.1481946 c -0.374664,-0.3746629 -0.980256,-0.3746629 -1.35492,0 L 27.674968,4.8617694 C 26.555129,4.1896139 25.36061,3.6922413 24.128268,3.3872973 l 0,-2.4308835 C 24.128268,0.42656 23.701708,0 23.171858,0 l -4.383563,0 z m 2.032377,9.9626393 c 1.549644,-0.041137 3.129994,0.4829097 4.343712,1.6338727 2.427433,2.301926 2.541027,6.140437 0.239103,8.567871 -2.296244,2.421441 -6.138424,2.526877 -8.567871,0.239103 -2.427433,-2.301926 -2.541028,-6.140437 -0.239103,-8.567871 1.150964,-1.213716 2.674516,-1.831849 4.224159,-1.8729746 z"
id="rect3381-0"
style="fill:#434343;fill-opacity:1;stroke:none" /></svg>

After

Width:  |  Height:  |  Size: 16 KiB