You are here

Home » API reference » Image Editor 7

custom_overlay.css in Image Editor 7 

div.imageeditor-external {
  background-color: #696969;
  opacity: 0.8;
  filter: alpha(opacity=80);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
}
div.imageeditor-modal {
  background-color: #ffffff;
  border: 1px solid #2c2c2c;
  position: fixed;
  top: 40px;
  left: 40px;
  z-index: 99999;
}
.imageeditor-iframe {
  border: 1px solid #b1b1b1;
  frameborder: 0;
  background-color: #606060;
  display: block;
}
div.imageeditor-close {
  background: url(images/close.png) no-repeat;
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 0px;
  right: -26px;
  cursor: pointer;
  opacity: 1.0;
  filter: alpha(opacity=100);
  z-index: 99999;
}

File

plugins/overlay/custom/custom_overlay.css
View source 
  1. div.imageeditor-external {

  2.   background-color: #696969;

  3.   opacity: 0.8;

  4.   filter: alpha(opacity=80);

  5.   width: 100%;

  6.   height: 100%;

  7.   position: fixed;

  8.   top: 0;

  9.   left: 0;

  10.   z-index: 99998;

  11. }

  12. div.imageeditor-modal {

  13.   background-color: #ffffff;

  14.   border: 1px solid #2c2c2c;

  15.   position: fixed;

  16.   top: 40px;

  17.   left: 40px;

  18.   z-index: 99999;

  19. }

  20. .imageeditor-iframe {

  21.   border: 1px solid #b1b1b1;

  22.   frameborder: 0;

  23.   background-color: #606060;

  24.   display: block;

  25. }

  26. div.imageeditor-close {

  27.   background: url(images/close.png) no-repeat;

  28.   width: 26px;

  29.   height: 26px;

  30.   position: absolute;

  31.   bottom: 0px;

  32.   right: -26px;

  33.   cursor: pointer;

  34.   opacity: 1.0;

  35.   filter: alpha(opacity=100);

  36.   z-index: 99999;

  37. }