You are here

Home » API reference » EPSA Crop - Image Cropping 7.2

epsacrop.css in EPSA Crop - Image Cropping 7.2

Same filename and directory in other branches
  1. 8.2 css/epsacrop.css
  2. 6.2 css/epsacrop.css
  3. 6 css/epsacrop.css
.ui-front {
  z-index: 1002;
}
.epsacrop-edit-crop-link {
  display:inline;
  margin-left:200px;
}
.epsacrop-global{
  /* width:850px;
  height:571px; */
  /* border:1px solid red; */
  position:relative;
}
.epsacrop-global img {
  max-width: none;
}
.epsacrop-image-crop {
  border:1px solid #999999;
  background-color:#DADADA;
  padding:2px;
  z-index:9;
  float:left;
}
.epsacrop-presets-menu ul.epsacrop-presets-menu-ul{
  margin:0; padding:0;
  list-style:none;
  float:left;
  z-index:10;
}
.epsacrop-presets-menu ul.epsacrop-presets-menu-ul li {
  background: none;
  padding: 0; margin: 0;
}

.epsacrop-presets-menu ul.epsacrop-presets-menu-ul li a{
  color:#212121;
  text-decoration:none;
  background-color:#DADADA;
  padding:5px; margin:0 0 3px 0;
  border:1px solid #999999;
  border-left:none;
  width:auto;
  color:#212121;
  display:block;
}
.epsacrop-presets-menu ul.epsacrop-presets-menu-ul li a.selected{
  color:#212121;
  text-decoration:none;
  background-color:#EFEFEF;
  padding:5px; margin:0 0 3px 0;
  border:1px solid #999999;
  border-left:none;
  width:auto;
  color:#212121;
  display:block;
}
.epsacrop-preview{
  width:100px;
  height:100px;
  /* border:1px solid green; */
  float:right;
  /* padding:30px 50px 0 0; */
  overflow:hidden;
  /* position:absolute;
  right:0; bottom:250px; */
}
#edit-epsacropcoords-wrapper, #edit-epsacropscalled-wrapper {
   display:none;
}

File

css/epsacrop.css
View source 
  1. .ui-front {

  2.   z-index: 1002;

  3. }

  4. .epsacrop-edit-crop-link {

  5.   display:inline;

  6.   margin-left:200px;

  7. }

  8. .epsacrop-global{

  9.   /* width:850px;

  10.   height:571px; */

  11.   /* border:1px solid red; */

  12.   position:relative;

  13. }

  14. .epsacrop-global img {

  15.   max-width: none;

  16. }

  17. .epsacrop-image-crop {

  18.   border:1px solid #999999;

  19.   background-color:#DADADA;

  20.   padding:2px;

  21.   z-index:9;

  22.   float:left;

  23. }

  24. .epsacrop-presets-menu ul.epsacrop-presets-menu-ul{

  25.   margin:0; padding:0;

  26.   list-style:none;

  27.   float:left;

  28.   z-index:10;

  29. }

  30. .epsacrop-presets-menu ul.epsacrop-presets-menu-ul li {

  31.   background: none;

  32.   padding: 0; margin: 0;

  33. }

  34. 

  35. .epsacrop-presets-menu ul.epsacrop-presets-menu-ul li a{

  36.   color:#212121;

  37.   text-decoration:none;

  38.   background-color:#DADADA;

  39.   padding:5px; margin:0 0 3px 0;

  40.   border:1px solid #999999;

  41.   border-left:none;

  42.   width:auto;

  43.   color:#212121;

  44.   display:block;

  45. }

  46. .epsacrop-presets-menu ul.epsacrop-presets-menu-ul li a.selected{

  47.   color:#212121;

  48.   text-decoration:none;

  49.   background-color:#EFEFEF;

  50.   padding:5px; margin:0 0 3px 0;

  51.   border:1px solid #999999;

  52.   border-left:none;

  53.   width:auto;

  54.   color:#212121;

  55.   display:block;

  56. }

  57. .epsacrop-preview{

  58.   width:100px;

  59.   height:100px;

  60.   /* border:1px solid green; */

  61.   float:right;

  62.   /* padding:30px 50px 0 0; */

  63.   overflow:hidden;

  64.   /* position:absolute;

  65.   right:0; bottom:250px; */

  66. }

  67. #edit-epsacropcoords-wrapper, #edit-epsacropscalled-wrapper {

  68.    display:none;

  69. }