anchor.diff:        size = 20
         left = ((hist.selected_opinion_value + 1)/2) * BODY_WIDTH + 20 + size/2
   
  +      css_triangle = 
  +        width: 0
  +        height: 0
  +        borderTop: "#{size}px solid transparent"
  +        borderBottom: "#{size}px solid transparent"
  +        borderLeft: "#{size}px solid #{considerit_yellow}"
  +        position: 'relative'
  +        transform: 'rotate(270deg) scaleX(1.5)'
  +        left: left
  +        top: -35
  +
  +      css.crossbrowserify css_triangle
         DIV 
  -        style: 
  -          width: 0
  -          height: 0
  -          borderTop: "#{size}px solid transparent"
  -          borderBottom: "#{size}px solid transparent"
  -          borderLeft: "#{size}px solid #{considerit_yellow}"
  -          position: 'relative'
  -          transform: 'rotate(270deg) scaleX(1.5)'
  -          left: left
  -          top: -35
  +        style: css_triangle
           DIV
             style:
               width: 0
  
positive.code:       height: size
        transform: "translateY(-#{(size - hist.avatar_size)/2}px) translateX(-#{(size - hist.avatar_size)/2}px)"
        zIndex: 9
      # 3) The style of an unselected avatar when some other avatar(s) is selected
      unselected_avatar_style = 
        opacity: .3
  
negative.code:     save @local
  
    movingThroughHistogram : (ev) -> 
      return if @root.proposal_mode == 'crafting'
  
      # We can calculate the mouse_opinion_value (the slider value about which we will select opinions)
      # based on the mouse offset within the histogram element.
      h_x = @getDOMNode().getBoundingClientRect().left + window.pageXOffset
  