Add transparency to buttons

master
Guillaume Dott 2017-10-02 09:45:07 +02:00
parent b74cc4f7e0
commit 9e487481e4
3 changed files with 78 additions and 42 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -54,7 +54,7 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="0.49497474" inkscape:zoom="0.49497474"
inkscape:cx="1227.7062" inkscape:cx="819.60457"
inkscape:cy="962.79096" inkscape:cy="962.79096"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
@ -75,7 +75,7 @@
inkscape:snap-page="false" inkscape:snap-page="false"
inkscape:window-width="1916" inkscape:window-width="1916"
inkscape:window-height="1041" inkscape:window-height="1041"
inkscape:window-x="1680" inkscape:window-x="1920"
inkscape:window-y="18" inkscape:window-y="18"
inkscape:window-maximized="0"> inkscape:window-maximized="0">
<inkscape:grid <inkscape:grid
@ -99,7 +99,7 @@
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1"> id="layer1">
<path <path
style="fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers" style="fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers;opacity:0.75"
d="M 1517.6953 -212.45312 A 271.42857 271.42857 0 0 1 1546.1797 -91.669922 A 271.42857 271.42857 0 0 1 1274.752 179.75977 A 271.42857 271.42857 0 0 1 1033.8145 33.128906 A 271.42857 271.42857 0 0 0 1276.752 183.75977 A 271.42857 271.42857 0 0 0 1548.1797 -87.669922 A 271.42857 271.42857 0 0 0 1517.6953 -212.45312 z " d="M 1517.6953 -212.45312 A 271.42857 271.42857 0 0 1 1546.1797 -91.669922 A 271.42857 271.42857 0 0 1 1274.752 179.75977 A 271.42857 271.42857 0 0 1 1033.8145 33.128906 A 271.42857 271.42857 0 0 0 1276.752 183.75977 A 271.42857 271.42857 0 0 0 1548.1797 -87.669922 A 271.42857 271.42857 0 0 0 1517.6953 -212.45312 z "
transform="scale(0.26458333)" transform="scale(0.26458333)"
id="circle834" id="circle834"
@ -107,7 +107,7 @@
inkscape:export-xdpi="88.125404" inkscape:export-xdpi="88.125404"
inkscape:export-ydpi="88.125404" /> inkscape:export-ydpi="88.125404" />
<path <path
style="fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers" style="fill:#cccccc;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers;opacity:0.75"
d="M 1343.4629 309.70508 A 271.42857 271.42857 0 0 0 1072.0332 581.13281 A 271.42857 271.42857 0 0 0 1102.5176 705.91797 A 271.42857 271.42857 0 0 1 1074.0332 585.13281 A 271.42857 271.42857 0 0 1 1345.4629 313.70508 A 271.42857 271.42857 0 0 1 1586.4062 460.34766 A 271.42857 271.42857 0 0 0 1343.4629 309.70508 z " d="M 1343.4629 309.70508 A 271.42857 271.42857 0 0 0 1072.0332 581.13281 A 271.42857 271.42857 0 0 0 1102.5176 705.91797 A 271.42857 271.42857 0 0 1 1074.0332 585.13281 A 271.42857 271.42857 0 0 1 1345.4629 313.70508 A 271.42857 271.42857 0 0 1 1586.4062 460.34766 A 271.42857 271.42857 0 0 0 1343.4629 309.70508 z "
transform="scale(0.26458333)" transform="scale(0.26458333)"
id="circle831" id="circle831"
@ -132,7 +132,7 @@
<circle <circle
inkscape:export-ydpi="88.125404" inkscape:export-ydpi="88.125404"
inkscape:export-xdpi="88.125404" inkscape:export-xdpi="88.125404"
style="fill:#fbf2e9;fill-opacity:1;stroke:none;stroke-width:2.64583325;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers" style="fill:#fbf2e9;fill-opacity:1;stroke:none;stroke-width:2.64583325;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers;opacity:0.75"
r="71.815475" r="71.815475"
cy="154.81638" cy="154.81638"
cx="355.98691" cx="355.98691"
@ -144,7 +144,7 @@
cx="337.27805" cx="337.27805"
cy="-24.254208" cy="-24.254208"
r="71.815475" r="71.815475"
style="fill:#fbf2e9;fill-opacity:1;stroke:none;stroke-width:2.64583325;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers" style="fill:#fbf2e9;fill-opacity:1;stroke:none;stroke-width:2.64583325;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.5;paint-order:stroke fill markers;opacity:0.75"
inkscape:export-xdpi="88.125404" inkscape:export-xdpi="88.125404"
inkscape:export-ydpi="88.125404" /> inkscape:export-ydpi="88.125404" />
<g <g
@ -152,11 +152,14 @@
transform="matrix(0.97934028,0,0,0.97934028,307.01989,105.84936)" transform="matrix(0.97934028,0,0,0.97934028,307.01989,105.84936)"
inkscape:export-filename="/home/gdott9/button-down.png" inkscape:export-filename="/home/gdott9/button-down.png"
inkscape:export-xdpi="88.125404" inkscape:export-xdpi="88.125404"
inkscape:export-ydpi="88.125404"> inkscape:export-ydpi="88.125404"
style="opacity:0.75">
<g <g
id="g4616"> id="g4616"
style="">
<g <g
id="g4614"> id="g4614"
style="">
<path <path
id="path4612" id="path4612"
d="m 50.000006,40.000002 c -8.285,0 -15,6.718 -15,15 0,8.285 6.715,15 15,15 8.283,0 15,-6.715 15,-15 0,-8.282 -6.717,-15 -15,-15 z m 39.999997,-15 h -12 c -1.649997,0 -3.427997,-1.28 -3.948997,-2.846 l -3.102,-9.309 c -0.523,-1.565 -2.299,-2.845 -3.949,-2.845 h -34 c -1.65,0 -3.428,1.28 -3.949,2.846 l -3.102,9.309 c -0.523,1.565 -2.299,2.845 -3.949,2.845 h -12 c -5.5000005,0 -10.0000004574987,4.5 -10.0000004574987,10 v 45 c 0,5.5 4.4999999574987,10 10.0000004574987,10 h 79.999997 c 5.5,0 9.999997,-4.5 9.999997,-10 v -45 c 0,-5.5 -4.499997,-10 -9.999997,-10 z m -39.999997,55 c -13.807,0 -25,-11.193 -25,-25 0,-13.806 11.193,-25 25,-25 13.805,0 25,11.194 25,25 0,13.807 -11.195,25 -25,25 z m 36.499997,-38.007 c -1.932,0 -3.5,-1.566 -3.5,-3.5 0,-1.932 1.568,-3.5 3.5,-3.5 1.934,0 3.5,1.568 3.5,3.5 0,1.934 -1.567,3.5 -3.5,3.5 z" d="m 50.000006,40.000002 c -8.285,0 -15,6.718 -15,15 0,8.285 6.715,15 15,15 8.283,0 15,-6.715 15,-15 0,-8.282 -6.717,-15 -15,-15 z m 39.999997,-15 h -12 c -1.649997,0 -3.427997,-1.28 -3.948997,-2.846 l -3.102,-9.309 c -0.523,-1.565 -2.299,-2.845 -3.949,-2.845 h -34 c -1.65,0 -3.428,1.28 -3.949,2.846 l -3.102,9.309 c -0.523,1.565 -2.299,2.845 -3.949,2.845 h -12 c -5.5000005,0 -10.0000004574987,4.5 -10.0000004574987,10 v 45 c 0,5.5 4.4999999574987,10 10.0000004574987,10 h 79.999997 c 5.5,0 9.999997,-4.5 9.999997,-10 v -45 c 0,-5.5 -4.499997,-10 -9.999997,-10 z m -39.999997,55 c -13.807,0 -25,-11.193 -25,-25 0,-13.806 11.193,-25 25,-25 13.805,0 25,11.194 25,25 0,13.807 -11.195,25 -25,25 z m 36.499997,-38.007 c -1.932,0 -3.5,-1.566 -3.5,-3.5 0,-1.932 1.568,-3.5 3.5,-3.5 1.934,0 3.5,1.568 3.5,3.5 0,1.934 -1.567,3.5 -3.5,3.5 z"
@ -165,46 +168,64 @@
</g> </g>
</g> </g>
<g <g
id="g4618" /> id="g4618"
style="" />
<g <g
id="g4620" /> id="g4620"
style="" />
<g <g
id="g4622" /> id="g4622"
style="" />
<g <g
id="g4624" /> id="g4624"
style="" />
<g <g
id="g4626" /> id="g4626"
style="" />
<g <g
id="g4628" /> id="g4628"
style="" />
<g <g
id="g4630" /> id="g4630"
style="" />
<g <g
id="g4632" /> id="g4632"
style="" />
<g <g
id="g4634" /> id="g4634"
style="" />
<g <g
id="g4636" /> id="g4636"
style="" />
<g <g
id="g4638" /> id="g4638"
style="" />
<g <g
id="g4640" /> id="g4640"
style="" />
<g <g
id="g4642" /> id="g4642"
style="" />
<g <g
id="g4644" /> id="g4644"
style="" />
<g <g
id="g4646" /> id="g4646"
style="" />
</g> </g>
<g <g
transform="matrix(0.97934028,0,0,0.97934028,324.38029,-58.617656)" transform="matrix(0.97934028,0,0,0.97934028,324.38029,-58.617656)"
id="g4711" id="g4711"
inkscape:export-filename="/home/gdott9/button-up.png" inkscape:export-filename="/home/gdott9/button-up.png"
inkscape:export-xdpi="88.125404" inkscape:export-xdpi="88.125404"
inkscape:export-ydpi="88.125404"> inkscape:export-ydpi="88.125404"
style="opacity:0.75">
<g <g
id="g4679"> id="g4679"
style="">
<g <g
id="g4677"> id="g4677"
style="">
<path <path
style="fill:#cccccc" style="fill:#cccccc"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
@ -213,35 +234,50 @@
</g> </g>
</g> </g>
<g <g
id="g4681" /> id="g4681"
style="" />
<g <g
id="g4683" /> id="g4683"
style="" />
<g <g
id="g4685" /> id="g4685"
style="" />
<g <g
id="g4687" /> id="g4687"
style="" />
<g <g
id="g4689" /> id="g4689"
style="" />
<g <g
id="g4691" /> id="g4691"
style="" />
<g <g
id="g4693" /> id="g4693"
style="" />
<g <g
id="g4695" /> id="g4695"
style="" />
<g <g
id="g4697" /> id="g4697"
style="" />
<g <g
id="g4699" /> id="g4699"
style="" />
<g <g
id="g4701" /> id="g4701"
style="" />
<g <g
id="g4703" /> id="g4703"
style="" />
<g <g
id="g4705" /> id="g4705"
style="" />
<g <g
id="g4707" /> id="g4707"
style="" />
<g <g
id="g4709" /> id="g4709"
style="" />
</g> </g>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 10 KiB