Adjustments to the Commons icon in Media Viewer

To achieve consistency with the icons in the Media Viewer panel,
the following has been adjusted:
- Colors onf the "share" icon to match the rest of the icons (updated to the new gray values of Agora).
- Size of the Commons icon has been adjusted both in the SVG file and when it is added in the LESS/CSS. Due to the different aspect ratio of this icon, extra spacing has been added to make it visually fit.

Change-Id: Ic14a869ea96ea1a8202c9988f0c5d330ba3e9a70
This commit is contained in:
Pau Giner 2014-04-09 14:52:54 +02:00
parent c42f5425f9
commit a5c146dc19
4 changed files with 40 additions and 93 deletions

View file

@ -1,32 +1,30 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">
<g id="g4939_2_" transform="matrix(1.052195,0,0,1.052195,-7.7556,-16.09329)">
<path id="path4653_2_" fill="#777777" d="M44.6,85.1c-6.6-0.2-12.7-3.2-17-8.2c-3.6-4.2-5.5-9.5-5.5-15.1c0-5.6,1.9-10.9,5.6-15.2
c0.5-0.6,1.7-1.8,1.8-1.8c0,0,1.4,1.4,3.1,3.1l3.1,3.1l0.9-0.8c0.5-0.5,0.9-0.8,0.9-0.8c0,0,0.6,1.9,1.8,6.4c0,0,0,0.1-0.1,0.1
c0,0-5.9-1.6-6.3-1.7c0,0-0.1,0-0.1,0c0,0,0.4-0.4,0.8-0.9c0.5-0.5,0.8-0.9,0.8-0.9c0-0.1-1.5-1.6-1.5-1.6c0,0-0.4,0.5-0.8,0.9
c-1.9,2.4-3.1,5.4-3.4,8.4c-0.1,0.8-0.1,0.9,0,1c0.1,0,2.1,0,2.2,0c0,0,0-0.3,0-1.2c0-1.2,0-1.2,0.1-1.2c0.1,0,5.7,3.3,5.7,3.3
c0,0,0,0.1-0.1,0.1C36.5,62,31,65.1,31,65.1c0,0,0-0.5,0-1.2l0-1.2h-1.1h-1.1l0,0.3c0,0.6,0.2,1.7,0.4,2.5c0.5,2.4,1.6,4.6,3.1,6.5
c0.3,0.3,0.8,1,0.8,1c0,0,1.6-1.5,1.6-1.6c0,0-0.4-0.4-0.8-0.9c-0.5-0.5-0.8-0.9-0.8-0.9c0-0.1,6.4-1.8,6.4-1.7
c0,0-1.7,6.4-1.7,6.4c0,0-0.3-0.3-0.9-0.8c-0.5-0.5-0.9-0.9-0.9-0.9c-0.1,0-1.6,1.5-1.5,1.6c0,0.1,0.6,0.6,1.1,0.9
c1.9,1.4,4.1,2.5,6.5,3c0.8,0.2,1.9,0.3,2.5,0.4l0.3,0v-1.1v-1.1l-1.2,0c-0.8,0-1.2,0-1.2,0c0-0.1,3.3-5.8,3.3-5.8
c0,0,3.3,5.7,3.3,5.8c0,0-0.4,0-1.2,0l-1.2,0v1.1v1.1l0.3,0c0.6,0,1.7-0.2,2.5-0.4c2.4-0.5,4.6-1.6,6.5-3c0.4-0.3,1-0.8,1.1-0.9
s-1.5-1.6-1.5-1.6c0,0-0.4,0.4-0.9,0.9c-0.5,0.5-0.9,0.8-0.9,0.8c0-0.1-1.7-6.4-1.7-6.4c0,0,6.4,1.7,6.4,1.7c0,0-0.3,0.3-0.8,0.9
c-0.5,0.5-0.8,0.9-0.8,0.9c0,0.1,1.5,1.6,1.6,1.6c0.1,0,0.6-0.6,0.8-1c1.5-1.9,2.5-4.2,3.1-6.5c0.2-0.8,0.3-1.9,0.3-2.5l0-0.3H61
h-1.1l0,1.2c0,0.7,0,1.2,0,1.2c0,0-5.5-3.1-5.7-3.3c0,0-0.1-0.1-0.1-0.1c0,0,5.6-3.3,5.7-3.3c0.1,0,0.1,0,0.1,1.2
c0,0.9,0,1.2,0,1.2c0,0,2.1,0.1,2.2,0c0,0,0-0.1,0-1c-0.3-3-1.5-6-3.4-8.4c-0.4-0.5-0.8-0.9-0.8-0.9c0,0-1.5,1.5-1.5,1.5
c0,0,0.4,0.4,0.8,0.9c0.5,0.5,0.8,0.9,0.8,0.9c0,0,0,0-0.1,0.1c-0.4,0.1-6.3,1.7-6.3,1.7c0,0-0.1,0,0-0.1c1.2-4.4,1.7-6.3,1.8-6.4
c0,0,0.4,0.3,0.9,0.8l0.9,0.8l0.8-0.8c0.4-0.4,0.8-0.8,0.8-0.8c0,0-0.5-0.4-0.9-0.7c-0.9-0.6-1.5-0.8-4.4-2c-2-0.8-3-1.3-4.2-2.1
c-2.6-1.8-4.3-4.1-5.4-7.4c-0.1-0.4-0.5-1.6-0.5-1.6c0-0.1-0.2,0-1.6,0.5C38,36.7,37.3,37,37.1,37c-0.3,0-0.4-0.1-0.2-0.3
c0.1-0.2,0.2-0.3,0.5-0.7c0.7-0.9,1.3-1.7,2-3.1c1.2-2.2,2.4-5.2,3.4-8.6c0.3-1,0.7-2.3,0.8-2.6c0-0.1,0-0.2,0.1-0.2
c0,0,2.9,4.9,4.3,7.2c2.7,4.8,3.9,7.3,3.6,7.5c-0.1,0.1-0.2,0-0.7-0.5c-0.7-0.7-1.1-0.9-1.8-1.2c-0.3-0.1-0.8-0.2-1.1-0.2
c-0.3,0-0.3,0-0.2,0.4c0.4,1.6,1.1,2.8,2,3.6c0.9,0.9,2,1.5,4.8,2.6c2.2,0.9,3.6,1.6,4.8,2.4c1,0.7,1.8,1.3,2.6,2.2
c5,5.1,7.3,12,6.5,19.1c-0.7,6.2-4,11.8-8.9,15.6c-2.8,2.1-5.9,3.6-9.3,4.3C48.5,84.9,46.4,85.1,44.6,85.1z"/>
<path id="path4697_2_" fill="#777777" d="M44.9,69.6c-1.2-0.1-2-0.3-2.9-0.8c-0.9-0.4-1.5-0.9-2.2-1.6c-1.1-1.2-1.9-2.6-2.1-4.3
c-0.1-0.6-0.1-1.7,0-2.2c0.1-0.8,0.3-1.5,0.6-2.1c1.1-2.4,3.3-4.1,6-4.5c0.3,0,0.5-0.1,1.1-0.1c0.6,0,0.9,0,1.1,0.1
c2.7,0.4,4.9,2.1,6,4.5c0.3,0.7,0.5,1.3,0.6,2.1c0.1,0.5,0.1,1.7,0,2.2c-0.1,0.8-0.3,1.5-0.7,2.2C52,66,51.6,66.6,51,67.2
c-0.7,0.7-1.3,1.2-2.2,1.6c-1.1,0.5-2.1,0.8-3.3,0.8C45.3,69.6,45,69.6,44.9,69.6z"/>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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="100%"
height="100%"
viewBox="0 0 80 80"
id="Layer_1"
xml:space="preserve"><metadata
id="metadata10"><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="defs8" />
<g
transform="matrix(1.2578616,0,0,1.2578616,-17.079061,-27.044023)"
id="g4939_2_">
<path
d="M 44.6,85.1 C 38,84.9 31.9,81.9 27.6,76.9 24,72.7 22.1,67.4 22.1,61.8 c 0,-5.6 1.9,-10.9 5.6,-15.2 0.5,-0.6 1.7,-1.8 1.8,-1.8 0,0 1.4,1.4 3.1,3.1 l 3.1,3.1 0.9,-0.8 c 0.5,-0.5 0.9,-0.8 0.9,-0.8 0,0 0.6,1.9 1.8,6.4 0,0 0,0.1 -0.1,0.1 0,0 -5.9,-1.6 -6.3,-1.7 0,0 -0.1,0 -0.1,0 0,0 0.4,-0.4 0.8,-0.9 0.5,-0.5 0.8,-0.9 0.8,-0.9 0,-0.1 -1.5,-1.6 -1.5,-1.6 0,0 -0.4,0.5 -0.8,0.9 -1.9,2.4 -3.1,5.4 -3.4,8.4 -0.1,0.8 -0.1,0.9 0,1 0.1,0 2.1,0 2.2,0 0,0 0,-0.3 0,-1.2 0,-1.2 0,-1.2 0.1,-1.2 0.1,0 5.7,3.3 5.7,3.3 0,0 0,0.1 -0.1,0.1 -0.1,-0.1 -5.6,3 -5.6,3 0,0 0,-0.5 0,-1.2 l 0,-1.2 h -1.1 -1.1 l 0,0.3 c 0,0.6 0.2,1.7 0.4,2.5 0.5,2.4 1.6,4.6 3.1,6.5 0.3,0.3 0.8,1 0.8,1 0,0 1.6,-1.5 1.6,-1.6 0,0 -0.4,-0.4 -0.8,-0.9 -0.5,-0.5 -0.8,-0.9 -0.8,-0.9 0,-0.1 6.4,-1.8 6.4,-1.7 0,0 -1.7,6.4 -1.7,6.4 0,0 -0.3,-0.3 -0.9,-0.8 C 36.4,73 36,72.6 36,72.6 c -0.1,0 -1.6,1.5 -1.5,1.6 0,0.1 0.6,0.6 1.1,0.9 1.9,1.4 4.1,2.5 6.5,3 0.8,0.2 1.9,0.3 2.5,0.4 l 0.3,0 v -1.1 -1.1 l -1.2,0 c -0.8,0 -1.2,0 -1.2,0 0,-0.1 3.3,-5.8 3.3,-5.8 0,0 3.3,5.7 3.3,5.8 0,0 -0.4,0 -1.2,0 l -1.2,0 v 1.1 1.1 l 0.3,0 c 0.6,0 1.7,-0.2 2.5,-0.4 2.4,-0.5 4.6,-1.6 6.5,-3 0.4,-0.3 1,-0.8 1.1,-0.9 0.1,-0.1 -1.5,-1.6 -1.5,-1.6 0,0 -0.4,0.4 -0.9,0.9 -0.5,0.5 -0.9,0.8 -0.9,0.8 0,-0.1 -1.7,-6.4 -1.7,-6.4 0,0 6.4,1.7 6.4,1.7 0,0 -0.3,0.3 -0.8,0.9 -0.5,0.5 -0.8,0.9 -0.8,0.9 0,0.1 1.5,1.6 1.6,1.6 0.1,0 0.6,-0.6 0.8,-1 1.5,-1.9 2.5,-4.2 3.1,-6.5 0.2,-0.8 0.3,-1.9 0.3,-2.5 l 0,-0.3 H 61 59.9 l 0,1.2 c 0,0.7 0,1.2 0,1.2 0,0 -5.5,-3.1 -5.7,-3.3 0,0 -0.1,-0.1 -0.1,-0.1 0,0 5.6,-3.3 5.7,-3.3 0.1,0 0.1,0 0.1,1.2 0,0.9 0,1.2 0,1.2 0,0 2.1,0.1 2.2,0 0,0 0,-0.1 0,-1 -0.3,-3 -1.5,-6 -3.4,-8.4 -0.4,-0.5 -0.8,-0.9 -0.8,-0.9 0,0 -1.5,1.5 -1.5,1.5 0,0 0.4,0.4 0.8,0.9 0.5,0.5 0.8,0.9 0.8,0.9 0,0 0,0 -0.1,0.1 -0.4,0.1 -6.3,1.7 -6.3,1.7 0,0 -0.1,0 0,-0.1 1.2,-4.4 1.7,-6.3 1.8,-6.4 0,0 0.4,0.3 0.9,0.8 l 0.9,0.8 0.8,-0.8 c 0.4,-0.4 0.8,-0.8 0.8,-0.8 0,0 -0.5,-0.4 -0.9,-0.7 -0.9,-0.6 -1.5,-0.8 -4.4,-2 -2,-0.8 -3,-1.3 -4.2,-2.1 -2.6,-1.8 -4.3,-4.1 -5.4,-7.4 -0.1,-0.4 -0.5,-1.6 -0.5,-1.6 0,-0.1 -0.2,0 -1.6,0.5 -1.8,0.9 -2.5,1.2 -2.7,1.2 -0.3,0 -0.4,-0.1 -0.2,-0.3 0.1,-0.2 0.2,-0.3 0.5,-0.7 0.7,-0.9 1.3,-1.7 2,-3.1 1.2,-2.2 2.4,-5.2 3.4,-8.6 0.3,-1 0.7,-2.3 0.8,-2.6 0,-0.1 0,-0.2 0.1,-0.2 0,0 2.9,4.9 4.3,7.2 2.7,4.8 3.9,7.3 3.6,7.5 -0.1,0.1 -0.2,0 -0.7,-0.5 -0.7,-0.7 -1.1,-0.9 -1.8,-1.2 -0.3,-0.1 -0.8,-0.2 -1.1,-0.2 -0.3,0 -0.3,0 -0.2,0.4 0.4,1.6 1.1,2.8 2,3.6 0.9,0.9 2,1.5 4.8,2.6 2.2,0.9 3.6,1.6 4.8,2.4 1,0.7 1.8,1.3 2.6,2.2 5,5.1 7.3,12 6.5,19.1 -0.7,6.2 -4,11.8 -8.9,15.6 -2.8,2.1 -5.9,3.6 -9.3,4.3 -1.8,0.4 -3.9,0.6 -5.7,0.6 z"
id="path4653_2_"
style="fill:#777777" />
<path
d="m 44.9,69.6 c -1.2,-0.1 -2,-0.3 -2.9,-0.8 -0.9,-0.4 -1.5,-0.9 -2.2,-1.6 -1.1,-1.2 -1.9,-2.6 -2.1,-4.3 -0.1,-0.6 -0.1,-1.7 0,-2.2 0.1,-0.8 0.3,-1.5 0.6,-2.1 1.1,-2.4 3.3,-4.1 6,-4.5 0.3,0 0.5,-0.1 1.1,-0.1 0.6,0 0.9,0 1.1,0.1 2.7,0.4 4.9,2.1 6,4.5 0.3,0.7 0.5,1.3 0.6,2.1 0.1,0.5 0.1,1.7 0,2.2 -0.1,0.8 -0.3,1.5 -0.7,2.2 -0.4,0.9 -0.8,1.5 -1.4,2.1 -0.7,0.7 -1.3,1.2 -2.2,1.6 -1.1,0.5 -2.1,0.8 -3.3,0.8 -0.2,0 -0.5,0 -0.6,0 z"
id="path4697_2_"
style="fill:#777777" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View file

@ -1,44 +1,19 @@
<?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"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="64"
height="64"
viewBox="0 0 64 55.069767"
id="Untitled-Page%201"
xml:space="preserve"
inkscape:version="0.48.3.1 r9886"
sodipodi:docname="use.svg"><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="4.285473"
inkscape:cx="32"
inkscape:cy="27.534883"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="0"
inkscape:current-layer="Untitled-Page%201" /><metadata
xml:space="preserve"><metadata
id="metadata13"><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 /></cc:Work></rdf:RDF></metadata><defs
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs11">
@ -48,10 +23,8 @@
id="g3794"><path
d="m 31.3284,31.6165 -25.8488,0 0,-23.2165 9.6181,0 L 23.071,3.1055 0,3.1055 0,37 l 36.71,0 0,-14.6324 -5.3816,5.2664 0,3.9825 z"
id="path5"
style="fill:#929497;fill-opacity:1"
inkscape:connector-curvature="0" /><path
style="fill:#777777;fill-opacity:1" /><path
d="m 31.2556,16.2772 0,6.9754 L 43,11.6255 31.2556,0 l 0,5.8172 C 13.2909,5.9335 13.6449,23.2526 13.6449,23.2526 c 0,0 6.3986,-8.7048 17.6107,-6.9754 l 0,0 z"
id="path7"
style="fill:#929497;fill-opacity:1"
inkscape:connector-curvature="0" /></g>
style="fill:#777777;fill-opacity:1" /></g>
</svg>

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -1,5 +1,4 @@
<?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/"
@ -7,46 +6,21 @@
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"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="64"
height="64"
viewBox="0 0 64 55.069767"
id="Untitled-Page%201"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="use-rtl.svg"><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview8"
showgrid="false"
inkscape:zoom="4.285473"
inkscape:cx="32"
inkscape:cy="27.534883"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="0"
inkscape:current-layer="Untitled-Page%201" /><metadata
xml:space="preserve"><metadata
id="metadata13"><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 /></cc:Work></rdf:RDF></metadata><defs
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs11" /><g
transform="matrix(-1.4883721,0,0,1.4883721,64,0)"
id="g3794"><path
d="m 31.3284,31.6165 -25.8488,0 0,-23.2165 9.6181,0 L 23.071,3.1055 0,3.1055 0,37 l 36.71,0 0,-14.6324 -5.3816,5.2664 0,3.9825 z"
id="path5"
style="fill:#929497;fill-opacity:1"
inkscape:connector-curvature="0" /><path
style="fill:#777777;fill-opacity:1" /><path
d="m 31.2556,16.2772 0,6.9754 L 43,11.6255 31.2556,0 l 0,5.8172 C 13.2909,5.9335 13.6449,23.2526 13.6449,23.2526 c 0,0 6.3986,-8.7048 17.6107,-6.9754 l 0,0 z"
id="path7"
style="fill:#929497;fill-opacity:1"
inkscape:connector-curvature="0" /></g></svg>
style="fill:#777777;fill-opacity:1" /></g></svg>

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -69,6 +69,8 @@
.mw-mmv-stripe-button-commons:before {
/* @embed */
background-image: url(img/commons_gray.svg);
padding: 1px;
top: -1px;
}
// for othe repos than Wikimedia Commons we manipulate :before dynamically from JS