You are here

Home » API reference » EPSA Crop - Image Cropping 8.2

epsacrop.css in EPSA Crop - Image Cropping 8.2

Same filename and directory in other branches
  1. 6.2 css/epsacrop.css
  2. 6 css/epsacrop.css
  3. 7.2 css/epsacrop.css
.epsacrop-edit-crop-link {
  display:inline;
  margin-left:200px;
}
.epsacrop-global{
  /* width:850px;
  height:571px; */
  /* border:1px solid red; */
  position:relative;
}
.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:100px;
  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:100px;
  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. .epsacrop-edit-crop-link {

  2.   display:inline;

  3.   margin-left:200px;

  4. }

  5. .epsacrop-global{

  6.   /* width:850px;

  7.   height:571px; */

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

  9.   position:relative;

  10. }

  11. .epsacrop-image-crop {

  12.   border:1px solid #999999;

  13.   background-color:#DADADA;

  14.   padding:2px;

  15.   z-index:9;

  16.   float:left;

  17. }

  18. .epsacrop-presets-menu ul.epsacrop-presets-menu-ul{

  19.   margin:0; padding:0;

  20.   list-style:none;

  21.   float:left;

  22.   z-index:10;

  23. }

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

  25.   background: none;

  26.   padding: 0; margin: 0;  

  27. }

  28. 

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

  30.   color:#212121;

  31.   text-decoration:none;

  32.   background-color:#DADADA;

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

  34.   border:1px solid #999999;

  35.   border-left:none;

  36.   width:100px;

  37.   color:#212121;

  38.   display:block;

  39. }

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

  41.   color:#212121;

  42.   text-decoration:none;

  43.   background-color:#EFEFEF;

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

  45.   border:1px solid #999999;

  46.   border-left:none;

  47.   width:100px;

  48.   color:#212121;

  49.   display:block;

  50. }

  51. .epsacrop-preview{

  52.   width:100px;

  53.   height:100px;

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

  55.   float:right;

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

  57.   overflow:hidden;

  58.   /* position:absolute;

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

  60. }

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

  62.    display:none;

  63. }