Changes

Line 1: Line 1:  +
== Using a gear badge to represent customized code ==
 +
 
{| border=1 cellpadding=3 style="border: 1px solid white; border-collapse: collapse; background: #282828;"
 
{| border=1 cellpadding=3 style="border: 1px solid white; border-collapse: collapse; background: #282828;"
 
  |-style="background:#282828; color: white;"
 
  |-style="background:#282828; color: white;"
 
! [[File:customize-gear_badge.svg]] !! [[File:customize-gear_badge_outline.svg]]
 
! [[File:customize-gear_badge.svg]] !! [[File:customize-gear_badge_outline.svg]]
 +
|}
 +
 +
The first one is an all white gear, the same used in "view source".  The second has an outline, that may work better in general for any activity icon.
 +
 +
The following needs to be done programmatically:
 +
 +
* reduce activity icon by 71,43% (that reduction makes strokes of 3.5 pixels look as 2.5 pixels)
 +
* put activity icon on the top left corner, with a margin of 2 pixels
 +
* put gear badge on the bottom right corner, with a margin of 2 pixels
 +
 +
:I think you can add a border without changing the shape of the gear itself as per the example below. --[[User:Walter|Walter]] 12:54, 12 August 2011 (EDT)
 +
 +
{| border=1 cellpadding=3 style="border: 1px solid white; border-collapse: collapse; background: #282828;"
 +
|-style="background:#282828; color: white;"
 +
! [[File:customize-gear_badge-alt.svg]]
 
|}
 
|}