From 93b44abd9870a88c8d85374ee4c30f6e14b325f7 Mon Sep 17 00:00:00 2001 From: Samuel Giles Date: Wed, 22 Oct 2014 11:14:14 +0100 Subject: [PATCH] Updated jCrop CSS to v0.9.12 --- vendor/assets/stylesheets/jquery.jcrop.css | 213 ++++++++++++++------- 1 file changed, 147 insertions(+), 66 deletions(-) diff --git a/vendor/assets/stylesheets/jquery.jcrop.css b/vendor/assets/stylesheets/jquery.jcrop.css index 1d5ccc5..ea0850e 100644 --- a/vendor/assets/stylesheets/jquery.jcrop.css +++ b/vendor/assets/stylesheets/jquery.jcrop.css @@ -1,5 +1,4 @@ -/* jquery.Jcrop.css v0.9.10 - MIT License */ - +/* jquery.Jcrop.css v0.9.12 - MIT License */ /* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles @@ -12,75 +11,157 @@ .jcrop-holder { direction: ltr; text-align: left; + /* IE10 touch compatibility */ + -ms-touch-action: none; } - -/* 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%; +/* Selection Border */ +.jcrop-vline, +.jcrop-hline { + background: #ffffff image-url('Jcrop.gif'); + font-size: 0; + position: absolute; +} +.jcrop-vline { + height: 100%; + width: 1px !important; +} +.jcrop-vline.right { + right: 0; +} +.jcrop-hline { + height: 1px !important; 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;} - +.jcrop-hline.bottom { + bottom: 0; +} +/* Invisible click targets */ +.jcrop-tracker { + height: 100%; + width: 100%; + /* "turn off" link highlight */ + -webkit-tap-highlight-color: transparent; + /* disable callout, image save panel */ + -webkit-touch-callout: none; + /* disable cut copy paste */ + -webkit-user-select: none; +} +/* Selection Handles */ +.jcrop-handle { + background-color: #333333; + border: 1px #eeeeee solid; + width: 7px; + height: 7px; + font-size: 1px; +} +.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; +} +/* Dragbars */ +.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; +.jcrop-light .jcrop-vline, +.jcrop-light .jcrop-hline { + background: #ffffff; + filter: alpha(opacity=70) !important; + opacity: .70!important; +} +.jcrop-light .jcrop-handle { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background-color: #000000; + border-color: #ffffff; + 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; +.jcrop-dark .jcrop-vline, +.jcrop-dark .jcrop-hline { + background: #000000; + filter: alpha(opacity=70) !important; + opacity: 0.7 !important; +} +.jcrop-dark .jcrop-handle { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background-color: #ffffff; + border-color: #000000; + border-radius: 3px; +} +/* Simple macro to turn off the antlines */ +.solid-line .jcrop-vline, +.solid-line .jcrop-hline { + background: #ffffff; } - /* Fix for twitter bootstrap et al. */ -.jcrop-holder img,img.jcrop-preview{ max-width: none; } +.jcrop-holder img, +img.jcrop-preview { + max-width: none; +} \ No newline at end of file