You are here

Home » API reference » Imagefield Crop 6

jquery.Jcrop.css in Imagefield Crop 6

Same filename and directory in other branches
  1. 7.3 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;
}

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. }