/* jquery.Jcrop.css v0.9.10 - MIT License */ /* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles on a parent element, place any fixes here or in a like selector You can also style this element if you want to add a border, etc A better method for styling can be seen below with .jcrop-light (Add a class to the holder and style elements for that extended class) */ .jcrop-holder { direction: ltr; text-align: left; } /* These styles define the border lines */ .jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;} .jcrop-vline{height:100%;width:1px!important;} .jcrop-hline{height:1px!important;width:100%;} .jcrop-vline.right{right:0;} .jcrop-hline.bottom{bottom:0;} /* Handle style - size is set by Jcrop handleSize option (currently) */ .jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;} /* This style is used for invisible click targets */ .jcrop-tracker { height: 100%; width: 100%; -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */ -webkit-touch-callout: none; /* disable callout, image save panel */ -webkit-user-select: none; /* disable cut copy paste */ } /* Positioning of handles and drag bars */ .jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;} .jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;} .jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;} .jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;} .jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;} .jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;} .jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;} .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;} .jcrop-dragbar.ord-n{margin-top:-4px;} .jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;} .jcrop-dragbar.ord-e{margin-right:-4px;right:0;} .jcrop-dragbar.ord-w{margin-left:-4px;} /* The "jcrop-light" class/extension */ .jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline { background:#FFF; filter:Alpha(opacity=70)!important; opacity:.70!important; } .jcrop-light .jcrop-handle { -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#000; border-color:#FFF; border-radius:3px; } /* The "jcrop-dark" class/extension */ .jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline { background:#000; filter:Alpha(opacity=70)!important; opacity:.7!important; } .jcrop-dark .jcrop-handle { -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#FFF; border-color:#000; border-radius:3px; } /* Fix for twitter bootstrap et al. */ .jcrop-holder img,img.jcrop-preview{ max-width: none; }