スタイル変更をしているJavaScriptコードを特定したい

前提・実現したいこと

モーダルウィンドウのスタイル変更をしているJavaScriptコードが埋め込まれたぺージの分析をしています。

どこに書かれたコードで制御しているのかを知りたいのですが、その特定ができないでおります。

Chromeのディベロッパーコンソールなどで、そのあたり分析することは可能でしょうか？

該当のソースコード

該当のモーダルウィンドウのスタイル指定を調べると下記のような指定が確認できます。

element.style {
    display: block;
    position: fixed;
    opacity: 1;
    z-index: 11000;
    left: 50%;
    margin-left: -202px;
    top: 100px;
}

試したこと

具体的には、上記のtop: 100px;の数値を変えたいので、
制御元と思われる「jquery.leanModal.min.js」内の「top:100,」の部分を「top:50,」にしてみたのですが、変わりませんでした。

◆ jquery.leanModal.min.jsのソース

(function ($) {
  $.fn.extend({
    leanModal: function (options) {
      var defaults = {
        top: 100,
        overlay: 0.5,
        closeButton: null
      };
      var overlay = $("<div id='lean_overlay'></div>");
      $("body").append(overlay);
      options = $.extend(defaults, options);
      return this.each(function () {
        var o = options;
        $(this).click(function (e) {
          var modal_id = $(this).attr("href");
          $("#lean_overlay").click(function () {
            close_modal(modal_id)
          });
          $(o.closeButton).click(function () {
            close_modal(modal_id)
          });
          var modal_height = $(modal_id).outerHeight();
          var modal_width = $(modal_id).outerWidth();
          $("#lean_overlay").css({
            "display": "block",
            opacity: 0
          });
          $("#lean_overlay").fadeTo(200, o.overlay);
          $(modal_id).css({
            "display": "block",
            "position": "fixed",
            "opacity": 0,
            "z-index": 11000,
            "left": 50 + "%",
            "margin-left": -(modal_width / 2) + "px",
            "top": o.top + "px"
          });
          $(modal_id).fadeTo(200, 1);
          e.preventDefault()
        })
      });

      function close_modal(modal_id) {
        $("#lean_overlay").fadeOut(200);
        $(modal_id).css({
          "display": "none"
        })
      }
    }
  })
})(jQuery);