Styling moved to CSS + center/resize() removed

README.md

@@ -153,14 +153,6 @@ Similar to how links can be automatically bound to open modals, they can be boun
 
 _(Note that modals loaded with AJAX are removed from the DOM when closed)._
 
-# Resizing
-
-There's really no need to manually resize modals, since the default styles don't specify a fixed height; modals will expand vertically (like a normal HTML element) to fit their contents.
-
-However, when this occurs, you will probably want to at least re-center the modal in the viewport:
-
- $.modal.resize()
-
 # Checking current state
 
 Use `$.modal.isActive()` to check if a modal is currently being displayed.
@@ -170,9 +162,6 @@ Use `$.modal.isActive()` to check if a modal is currently being displayed.
 These are the supported options and their default values:
 
  $.modal.defaults = {
-  overlay: "#000", // Overlay color
-  opacity: 0.75, // Overlay opacity
-  zIndex: 1, // Overlay z-index.
   escapeClose: true, // Allows the user to close the modal by pressing `ESC`
   clickClose: true, // Allows the user to close the modal by clicking the overlay
   closeText: 'Close', // Text content for the close <a> tag.

jquery.modal.js

@@ -80,14 +80,7 @@
 
  block: function() {
  this.$elm.trigger($.modal.BEFORE_BLOCK, [this._ctx()]);
- this.blocker = $('<div class="jquery-modal blocker"></div>').css({
- top: 0, right: 0, bottom: 0, left: 0,
- width: "100%", height: "100%",
- position: "fixed",
- overflow: "auto",
- zIndex: this.options.zIndex,
- "text-align": "center"
- });
+ this.blocker = $('<div class="jquery-modal blocker"></div>');
  this.$body.css('overflow','hidden');
  this.$body.append(this.blocker);
  if(this.options.doFade) {
@@ -119,7 +112,6 @@
  }
  this.$elm.addClass(this.options.modalClass + ' current');
  this.$elm.appendTo(this.blocker);
- this.center();
  if(this.options.doFade) {
  this.$elm.css('opacity',0).animate({opacity: 1}, this.options.fadeDuration);
  } else {
@@ -158,24 +150,12 @@
  if (this.spinner) this.spinner.remove();
  },
 
- center: function() {
- this.$elm.css({
- display: "inline-block",
- "vertical-align": "middle",
- position: "relative",
- zIndex: this.options.zIndex + 1
- });
- },
-
  //Return context for custom events
  _ctx: function() {
  return { elm: this.$elm, blocker: this.blocker, options: this.options };
  }
  };
 
- //resize is alias for center for now
- $.modal.prototype.resize = $.modal.prototype.center;
-
  $.modal.close = function(event) {
  if (!current) return;
  if (event) event.preventDefault();
@@ -196,9 +176,6 @@
  }
 
  $.modal.defaults = {
- overlay: "#000",
- opacity: 0.75,
- zIndex: 1,
  escapeClose: true,
  clickClose: true,
  closeText: 'Close',