Using FontAwesome for Reddit icon

diff --git a/com.woltlab.wcf/templates/shareButtons.tpl b/com.woltlab.wcf/templates/shareButtons.tpl
index 4fb7654dfc30e853377a39672e09df20c7c967cb..1369f32420d99c402611fab8f7f0b2749b23be94 100644 (file)
--- a/com.woltlab.wcf/templates/shareButtons.tpl
+++ b/com.woltlab.wcf/templates/shareButtons.tpl
@@ -23,7 +23,7 @@
                </li>
                <li class="jsShareReddit">
                        <a>
-                               <img class="jsTooltip" src="{$__wcf->getPath()}icon/reddit.svg" alt="{lang}wcf.message.share.reddit{/lang}" title="{lang}wcf.message.share.reddit{/lang}" />
+                               <span class="icon icon32 fa-reddit-square jsTooltip" title="{lang}wcf.message.share.reddit{/lang}"></span>
                                <span class="invisible">{lang}wcf.message.share.reddit{/lang}</span>
                        </a>
                        <span class="badge" style="display: none">0</span>

diff --git a/wcfsetup/install/files/icon/reddit.svg b/wcfsetup/install/files/icon/reddit.svg
deleted file mode 100644 (file)
index 11bd9d5..0000000
--- a/wcfsetup/install/files/icon/reddit.svg
+++ /dev/null
@@ -1,44 +0,0 @@
-<?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

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 303b2878f1cdfe55c4e0039cfdd34a3166e14507..ddf4d371ccbe9d016071ea257a46dbc2bc3f3f3d 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -897,6 +897,12 @@ li:nth-child(2n+1) .message {
                }
        }
        
+       .jsShareReddit {
+               > a > .icon {
+                       color: rgb(255, 69, 0);
+               }
+       }
+       
        .jsShareReddit {
                > a > img {
                        width: 24px;