reddit icon as .svg
authorFirePanther <git@suat.be>
Thu, 26 Dec 2013 14:04:14 +0000 (15:04 +0100)
committerFirePanther <git@suat.be>
Thu, 26 Dec 2013 14:04:14 +0000 (15:04 +0100)
for higher dpi’s, like mobile phones and retina displays.
you can set the background color to #5f99cf if you like, so it would
get the default reddic background.

i’ve created this icon, to avoid copyright issues.

wcfsetup/install/files/icon/reddit.png [deleted file]
wcfsetup/install/files/icon/reddit.svg [new file with mode: 0644]
wcfsetup/install/files/style/message.less

diff --git a/wcfsetup/install/files/icon/reddit.png b/wcfsetup/install/files/icon/reddit.png
deleted file mode 100644 (file)
index e1bcd73..0000000
Binary files a/wcfsetup/install/files/icon/reddit.png and /dev/null differ
diff --git a/wcfsetup/install/files/icon/reddit.svg b/wcfsetup/install/files/icon/reddit.svg
new file mode 100644 (file)
index 0000000..11bd9d5
--- /dev/null
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>\r
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">\r
+       <title>Reddit Logo</title>\r
+       <desc>Reddit Logo for WCF 2.0</desc>\r
+       \r
+       <!--\r
+               @author         Suat Secmen\r
+               @copyright      FirePanther.PRO\r
+               @license        GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+       --> \r
+       \r
+       <defs>\r
+               <style type="text/css">\r
+                       <![CDATA[\r
+                               .surface, .background { fill: #fff; }\r
+                               .stroke { fill: none;stroke: #000; }\r
+                               .eye { fill: #ff4500; }\r
+                       ]]>\r
+               </style>\r
+       </defs>\r
+       <path class="background" d="M16,14c0,1.104-0.896,2-2,2H2c-1.104,0-2-0.896-2-2V2c0-1.104,0.896-2,2-2h12c1.104,0,2,0.896,2,2V14z"/>\r
+       <ellipse class="surface" cx="1.75" cy="7.797" rx="1.425" ry="1.503"/>\r
+       <path d="M1.75,6.619c0.606,0,1.1,0.529,1.1,1.178s-0.494,1.178-1.1,1.178s-1.1-0.528-1.1-1.178S1.144,6.619,1.75,6.619 M1.75,5.969\r
+               C0.784,5.969,0,6.787,0,7.797s0.784,1.828,1.75,1.828S3.5,8.807,3.5,7.797S2.716,5.969,1.75,5.969L1.75,5.969z"/>\r
+       <ellipse class="surface" cx="14.25" cy="7.797" rx="1.425" ry="1.503"/>\r
+       <path d="M14.25,6.619c0.606,0,1.1,0.529,1.1,1.178s-0.493,1.178-1.1,1.178s-1.1-0.528-1.1-1.178S13.644,6.619,14.25,6.619\r
+                M14.25,5.969c-0.967,0-1.75,0.818-1.75,1.828s0.783,1.828,1.75,1.828S16,8.807,16,7.797S15.217,5.969,14.25,5.969L14.25,5.969z"/>\r
+       <path class="surface" d="M8.016,14.519c-3.741,0-6.784-2.055-6.784-4.581c0-2.526,3.043-4.581,6.784-4.581\r
+               c3.741,0,6.784,2.055,6.784,4.581C14.8,12.464,11.757,14.519,8.016,14.519z"/>\r
+       <path d="M8.016,5.681c3.562,0,6.459,1.91,6.459,4.256s-2.897,4.256-6.459,4.256s-6.459-1.909-6.459-4.256S4.454,5.681,8.016,5.681\r
+                M8.016,5.031c-3.926,0-7.109,2.197-7.109,4.906c0,2.71,3.183,4.906,7.109,4.906c3.927,0,7.109-2.196,7.109-4.906\r
+               C15.125,7.228,11.942,5.031,8.016,5.031L8.016,5.031z"/>\r
+       <circle class="surface" cx="13.375" cy="2.75" r="1.3"/>\r
+       <path d="M13.375,1.775c0.538,0,0.975,0.438,0.975,0.975s-0.437,0.975-0.975,0.975S12.4,3.288,12.4,2.75S12.837,1.775,13.375,1.775\r
+                M13.375,1.125c-0.897,0-1.625,0.728-1.625,1.625s0.728,1.625,1.625,1.625S15,3.647,15,2.75S14.272,1.125,13.375,1.125\r
+               L13.375,1.125z"/>\r
+       <polyline class="stroke" stroke-width="0.65" stroke-miterlimit="10" points="8.156,5.125 9.125,1.938 11.906,2.5 "/>\r
+       <circle class="eye" cx="10.363" cy="9.154" r="1.133"/>\r
+       <circle class="eye" cx="5.661" cy="9.154" r="1.133"/>\r
+       <path d="M10.3,11.631c-0.007,0.008-0.862,0.862-2.298,0.869c-1.458-0.007-2.294-0.861-2.302-0.869l-0.449,0.441\r
+               c0.042,0.043,1.055,1.051,2.75,1.059c1.696-0.008,2.704-1.016,2.747-1.059L10.3,11.631z"/>\r
+</svg>\r
index d40f51a101782d6c62398d00e2559f70ddc056e1..2a3847a1f23aecc2110f582a79f67ff45757c987 100644 (file)
@@ -867,8 +867,9 @@ li:nth-child(2n+1) .message {
        
        .jsShareReddit {
                > a > img {
-                       vertical-align: -7px;
-                       padding: 0 4px;
+                       width: 24px;
+                       height: 24px;
+                       margin: 0 4px 4px;
                }
        }
 }