diff options
Diffstat (limited to 'themes/default/js/plugins/jquery.Jcrop.css')
| -rw-r--r-- | themes/default/js/plugins/jquery.Jcrop.css | 103 |
1 files changed, 77 insertions, 26 deletions
diff --git a/themes/default/js/plugins/jquery.Jcrop.css b/themes/default/js/plugins/jquery.Jcrop.css index 073e22746..1d5ccc580 100644 --- a/themes/default/js/plugins/jquery.Jcrop.css +++ b/themes/default/js/plugins/jquery.Jcrop.css @@ -1,35 +1,86 @@ -/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ -.jcrop-holder { text-align: left; } +/* jquery.Jcrop.css v0.9.10 - MIT License */ -.jcrop-vline, .jcrop-hline -{ - font-size: 0px; - position: absolute; - background: white url('Jcrop.gif') top left repeat; +/* + 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; } -.jcrop-vline { height: 100%; width: 1px !important; } -.jcrop-hline { width: 100%; height: 1px !important; } -.jcrop-vline.right { right: 0px; } -.jcrop-hline.bottom { bottom: 0px; } -.jcrop-handle { - font-size: 1px; - width: 7px !important; - height: 7px !important; - border: 1px #eee solid; - background-color: #333; + +/* 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 */ } -.jcrop-tracker { width: 100%; height: 100%; } +/* 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;} -.custom .jcrop-vline, -.custom .jcrop-hline +/* The "jcrop-light" class/extension */ +.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline { - background: yellow; + background:#FFF; + filter:Alpha(opacity=70)!important; + opacity:.70!important; } -.custom .jcrop-handle +.jcrop-light .jcrop-handle { - border-color: black; - background-color: #C7BB00; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; + -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; } |