DOMWindowOverlay

overlay.css

/*
 *  HTML (created by javascript) will be like below.  
 *
 *  <div id="DOMWindowOverlay">
 *    <div id="DOMWindow">
 *      <div class="view">
 *        View contents come here.
 *        <div class="close">&times;</div>
 *      </div>
 *    </div>
 *  </div>
 */

#DOMWindowOverlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 998;
  background: rgba(255, 255, 255, 0.75);
  /* overflow-x: auto; */
  /* overflow-y: scroll; */
  display: block;
}
#DOMWindow {
  padding: 0px;
  z-index: 999;
  /* position: absolute; */
  left: 50%;
}

.view {
  position: relative;
  padding: 20px;
  background-color: #fff;
  width: 400px;
}
.close {
  position: absolute;
  top: 10px;
  right: 10px;
}


.rotation {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}