You are here

Home » API reference » Imagefield Crop 5

imagefield_crop.css in Imagefield Crop 5

Same filename and directory in other branches
  1. 6 imagefield_crop.css
/* $Id */

body{margin: 0;padding: 0;height: 100%;}


.imagefield-crop-wrapper{height: 100%;background-color: #ccc;/*position:relative (FF bug?) */)}
  .resizeMe{position: absolute;cursor: move;background-position: 0 0;background-repeat: no-repeat;border: 1px dashed black;}
    .resizeSE,.resizeE,.resizeNE,.resizeN,.resizeNW,.resizeW,.resizeSW,.resizeS{position: absolute;width: 8px;height: 8px;background-color: #333;border: 1px solid #fff;overflow: hidden;}
    .resizeSE{bottom: -10px;right: -10px;cursor: se-resize;}
    .resizeE {top: 50%;right: -10px;margin-top: -5px;cursor: e-resize;}
    .resizeNE{top: -10px;right: -10px;cursor: ne-resize;}
    .resizeN {top: -10px;left: 50%;margin-left: -5px;cursor: n-resize;}
    .resizeNW{top: -10px;left: -10px;cursor: nw-resize;}
    .resizeW {top: 50%;left: -10px;margin-top: -5px;cursor: w-resize;}
    .resizeSW{left: -10px;bottom: -10px;cursor: sw-resize;}
    .resizeS{bottom: -10px;left: 50%;margin-left: -5px;cursor: s-resize;}
  .image-crop-container{position: absolute;top: 50%;left: 50%;width: 320px;height: 240px;background-color: #ccc;background-repeat: no-repeat;opacity:.2;filter: alpha(opacity=20);-moz-opacity: 0.2;}
  .imagefield-crop-preview{position:relative;background:url(images/img_bg.gif) repeat left top;margin:4px;border:1px solid #000;}
  .imagefield-crop-image-preview { border:1px solid #000 }

File

imagefield_crop.css
View source 
  1. /* $Id */

  2. 

  3. body{margin: 0;padding: 0;height: 100%;}

  4. 

  5. 

  6. .imagefield-crop-wrapper{height: 100%;background-color: #ccc;/*position:relative (FF bug?) */)}

  7.   .resizeMe{position: absolute;cursor: move;background-position: 0 0;background-repeat: no-repeat;border: 1px dashed black;}

  8.     .resizeSE,.resizeE,.resizeNE,.resizeN,.resizeNW,.resizeW,.resizeSW,.resizeS{position: absolute;width: 8px;height: 8px;background-color: #333;border: 1px solid #fff;overflow: hidden;}

  9.     .resizeSE{bottom: -10px;right: -10px;cursor: se-resize;}

  10.     .resizeE {top: 50%;right: -10px;margin-top: -5px;cursor: e-resize;}

  11.     .resizeNE{top: -10px;right: -10px;cursor: ne-resize;}

  12.     .resizeN {top: -10px;left: 50%;margin-left: -5px;cursor: n-resize;}

  13.     .resizeNW{top: -10px;left: -10px;cursor: nw-resize;}

  14.     .resizeW {top: 50%;left: -10px;margin-top: -5px;cursor: w-resize;}

  15.     .resizeSW{left: -10px;bottom: -10px;cursor: sw-resize;}

  16.     .resizeS{bottom: -10px;left: 50%;margin-left: -5px;cursor: s-resize;}

  17.   .image-crop-container{position: absolute;top: 50%;left: 50%;width: 320px;height: 240px;background-color: #ccc;background-repeat: no-repeat;opacity:.2;filter: alpha(opacity=20);-moz-opacity: 0.2;}

  18.   .imagefield-crop-preview{position:relative;background:url(images/img_bg.gif) repeat left top;margin:4px;border:1px solid #000;}

  19.   .imagefield-crop-image-preview { border:1px solid #000 }