GSoC/GCI Archive
Google Code-in 2014 Wikimedia Foundation

Change Reference Tooltips to use standard gear icon for preferences

completed by: Albert221

mentors: Matthew Flaschen

Change the Reference Tooltips Wikipedia gadget (CSS, JS) to use  You will probably need to crop it.  It must use SVG in supported browsers, but still render (using PNG) in older browsers.

Currently, only a PNG is used.  Change it to the Gear_icon.svg image, and use the technique given at / (you will not be able to actually use the mixin).

The code files you need to start from are given as the first two links of this description (CSS, JS).

You are not required to actually edit those pages or submit your work on Gerrit (since this is outside the scope of Gerrit).  You can test your code as a user script (login then visit and; you can also submit it by linking to these pages (with Special:MyPage replaced with User:YourUserName).

If you need to upload images (e.g. a resized or cropped SVG and/or PNG), you can use .  Be sure to cite the original image (Gear_icon.svg) you based your work on and copy the license information.

Please read before starting.

Students are required to read Wikimedia's general instructions first.