pgwmodal.css

/**
 * PgwModal - Version 2.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
body.pgwModalOpen {
    overflow: hidden;
}

#pgwModalBackdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
}

#pgwModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index : 9010;
    overflow-x: auto;
    overflow-y: scroll;
    text-align: center;
}

#pgwModal .pm-container {
    margin: 10px;
}

#pgwModal .pm-body {
    display: inline-block;
    max-width: 800px;
    min-width: 300px;
    position: relative;
    width: 100%;
    z-index: 9020;
    margin-top: 10px;
}

/**
 * NOTICE:
 * If you want to update the modal rendering, please only edit the content below.
 * And if you update a class name, remember to specify it in the plugin configuration.
 * Please don't change the class names prefixed by "pm-".
 */

.pgwModalBackdrop {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwModal .pm-body {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0px 5px 5px #555;
    box-shadow: 0 0px 5px 5px #555;
}

.pgwModal .pm-title {
    background: #e5e5e5;
    padding: 5px 0 6px;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 5px 5px 0 0;
    font-size: 1rem;
    min-height: 25px;
}

.pgwModal .pm-content {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: left;
}

.pgwModal .pm-close {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 15px;
}

.pgwModal .pm-close span.pm-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=);
    display: block;
    height: 20px;
    width: 20px;
}