Login Modal

by ksoncan34

HTML

<html>
<body>
    orem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla vehicula nunc, ac aliquam dolor pretium ut. Fusce euismod pulvinar urna ac elementum. Praesent sit amet tortor a turpis porta posuere. Sed quis egestas quam. Fusce vehicula cursus rutrum. Quisque sed turpis ac lacus aliquet sodales sed vel mauris. Pellentesque sit amet erat in ipsum mattis tempus. Quisque vehicula aliquam quam sed euismod. Fusce varius laoreet orci vel sagittis. Integer eget orci sed magna pharetra varius vel id urna. Vestibulum convallis convallis orci vitae accumsan. Duis dapibus urna eget justo convallis dignissim. Sed a ipsum ac lacus elementum gravida quis sit amet ligula. Aliquam viverra tristique mauris, nec sodales dolor viverra ac.

Cras vitae est at nisi egestas auctor. Donec velit nisl, congue eu molestie non, feugiat at erat. Maecenas ultricies, est quis condimentum lobortis, sapien augue sodales urna, nec sollicitudin ipsum libero ut odio. Integer rutrum commodo sagittis. Nunc faucibus viverra eleifend. Sed tortor leo, rhoncus consequat iaculis eget, pellentesque id arcu. Integer consectetur rutrum nulla quis aliquam. Sed sed ipsum nec risus condimentum rhoncus. Suspendisse sodales ornare sem et condimentum. Aenean non fermentum massa. Mauris non accumsan lorem. Aenean sagittis orci quis ipsum lacinia vel euismod dui ornare.

Nunc dictum ultrices nibh vel venenatis. Vivamus at erat in sem consequat aliquam ac auctor tellus. Etiam non facilisis mauris. Morbi urna dui, dictum nec tincidunt id, fringilla in felis. Aenean vestibulum egestas nulla et tristique. Vestibulum adipiscing sodales mauris, ut euismod arcu viverra vel. In vel enim sapien, et convallis nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Vivamus sollicitudin ligula ac elit sagittis ultricies. Curabitur adipiscing imperdiet urna, a dapibus justo adipiscing sit amet. Etiam quis luctus urna. Aenean malesuada pharetra diam, in dapibus...

JavaScript

// Add the simpleModal css
$('head').append('<style type="text/css">#simplemodal-overlay {background-color:#000; cursor:wait;}' + '#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}' + '#simplemodal-container .simplemodal-data {padding:8px;}#simplemodal-container a {color:#ddd;}' + '#simplemodal-container a.modalCloseImg {background:url(localhost://images/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}' + '</style>');
/*
 * SimpleModal 1.4.3 - jQuery Plugin
 * http://simplemodal.com/
 * Copyright (c) 2012 Eric Martin
 * Licensed under MIT and GPL
 * Date: Sat, Sep 8 2012 07:52:31 -0700
 */
(function(b) {
    "function" === typeof define && define.amd ? define(["jquery"], b) : b(jQuery)
})(function(b) {
    var j = [],
        l = b(document),
        m = b.browser.msie && 6 === parseInt(b.browser.version) && "object" !== typeof window.XMLHttpRequest,
        o = b.browser.msie && 7 === parseInt(b.browser.version),
        n = null,
        k = b(window),
        h = [];
    b.modal = function(a, d) {
        return b.modal.impl.init(a, d)
    };
    b.modal.close = function() {
        b.modal.impl.close()
    };
    b.modal.focus = function(a) {
        b.modal.impl.focus(a)
    };
    b.modal.setContainerDimensions = function() {
        b.modal.impl.setContainerDimensions()
    };
    b.modal.setPosition = function() {
        b.modal.impl.setPosition()
    };
    b.modal.update = function(a, d) {
        b.modal.impl.update(a, d)
    };
    b.fn.modal = function(a) {
        return b.modal.impl.init(this, a)
    };
    b.modal.defaults = {
        appendTo: "body",
        focus: !0,
        opacity: 50,
        overlayId: "simplemodal-overlay",
        overlayCss: {},
        containerId: "simplemodal-container",
        containerCss: {},
        dataId: "simplemodal-data",
        dataCss: {},
  ...