You are here

Home » API reference » Imagefield Crop 7.3

jquery.Jcrop.css in Imagefield Crop 7.3

Same filename and directory in other branches
  1. 6 Jcrop/css/jquery.Jcrop.css
  2. 7 Jcrop/css/jquery.Jcrop.css
  3. 7.2 Jcrop/css/jquery.Jcrop.css
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.imagefield-crop-cropbox { float:left;}

.jcrop-preview-wrapper{
  display: none;
}

.jcrop-preview-wrapper.active{
  display: block;
}

.cropbox {
  display: none ;
}

.preset{
  border-bottom: dashed 1px #000;
}
.preset.active{
  border-bottom: solid 1px #000;
}
.preset.error{
  color: red;
}

.field-type-imagefield-crop  div.item-list ul li{
  float: left;
}
.field-type-imagefield-crop  div.item-list{
  border-style: none;
  margin: 0;
}
.field-type-imagefield-crop  div.imagefield-crop-preview{
  clear: left;
}

.field-type-imagefield-crop  .imagefield-crop-widget{
  margin-bottom: 10px;
}

File

Jcrop/css/jquery.Jcrop.css
View source 
  1. /* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */

  2. .jcrop-holder { text-align: left; }

  3. 

  4. .jcrop-vline, .jcrop-hline

  5. {

  6. 	font-size: 0;

  7. 	position: absolute;

  8. 	background: white url('Jcrop.gif') top left repeat;

  9. }

  10. .jcrop-vline { height: 100%; width: 1px !important; }

  11. .jcrop-hline { width: 100%; height: 1px !important; }

  12. .jcrop-handle {

  13. 	font-size: 1px;

  14. 	width: 7px !important;

  15. 	height: 7px !important;

  16. 	border: 1px #eee solid;

  17. 	background-color: #333;

  18. 	*width: 9px;

  19. 	*height: 9px;

  20. }

  21. 

  22. .jcrop-tracker { width: 100%; height: 100%; }

  23. 

  24. .custom .jcrop-vline,

  25. .custom .jcrop-hline

  26. {

  27. 	background: yellow;

  28. }

  29. .custom .jcrop-handle

  30. {

  31. 	border-color: black;

  32. 	background-color: #C7BB00;

  33. 	-moz-border-radius: 3px;

  34. 	-webkit-border-radius: 3px;

  35. }

  36. .imagefield-crop-cropbox { float:left;}

  37. 

  38. .jcrop-preview-wrapper{

  39.   display: none;

  40. }

  41. 

  42. .jcrop-preview-wrapper.active{

  43.   display: block;

  44. }

  45. 

  46. .cropbox {

  47.   display: none ;

  48. }

  49. 

  50. .preset{

  51.   border-bottom: dashed 1px #000;

  52. }

  53. .preset.active{

  54.   border-bottom: solid 1px #000;

  55. }

  56. .preset.error{

  57.   color: red;

  58. }

  59. 

  60. .field-type-imagefield-crop  div.item-list ul li{

  61.   float: left;

  62. }

  63. .field-type-imagefield-crop  div.item-list{

  64.   border-style: none;

  65.   margin: 0;

  66. }

  67. .field-type-imagefield-crop  div.imagefield-crop-preview{

  68.   clear: left;

  69. }

  70. 

  71. .field-type-imagefield-crop  .imagefield-crop-widget{

  72.   margin-bottom: 10px;

  73. }