text: // Ripple Effect
  // by Craig Tuttle
  // http://codepen.io/Craigtut/pen/dIfzv
  
  (function (window, $) {
    $(function () {
      $('.ripple, .button, .tabs-title').click(function (event) {
  
        var btnOffset = $(this).offset(),
            xPos = event.pageX - btnOffset.left,
            yPos = event.pageY - btnOffset.top;
  
        var $div = $('<div/>', { class: 'ripple-effect' });
  
        var $ripple = $('.ripple-effect');
  
        $ripple.css('height', $(this).height());
        $ripple.css('width', $(this).height());
  
        $div.css({
          top: yPos - ($ripple.height() / 2),
          left: xPos - ($ripple.width() / 2),
          background: $(this).data('ripple-color')
        }).appendTo($(this));
  
        window.setTimeout(function () {
          $div.remove();
        }, 2000);
  
      });
    });
  })(window, jQuery);
  