sometimes-useful modal shit

modal.css

.overlay {
  display: none;
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 20;
}

.request-modal {
  display: none;
  width: 400px;
  position: relative;
  margin: 90px auto 0 auto;
  background: #fff;
  padding: 20px;
  z-index: 25;
  border-radius: 5px;
}

modal.js

 $("#trigger").click(function(e){
    e.preventDefault();
    $(".overlay").fadeIn();
    $(".modal").show();
  });

  $(".overlay").click(function(e){
    if (!($(e.target).parents(".modal").length > 0)) {
      $(this).fadeOut();
    }
  });

  $(".modal").click(function(e){
    e.stopPropagation();
  })