1 /* jquery.Jcrop.css v0.9.12 - MIT License */
3 The outer-most container in a typical Jcrop instance
4 If you are having difficulty with formatting related to styles
5 on a parent element, place any fixes here or in a like selector
7 You can also style this element if you want to add a border, etc
8 A better method for styling can be seen below with .jcrop-light
9 (Add a class to the holder and style elements for that extended class)
14 /* IE10 touch compatibility */
15 -ms-touch-action: none;
17 /* Selection Border */
20 background: #ffffff url("Jcrop.gif");
26 width: 1px !important;
32 height: 1px !important;
38 /* Invisible click targets */
42 /* "turn off" link highlight */
43 -webkit-tap-highlight-color: transparent;
44 /* disable callout, image save panel */
45 -webkit-touch-callout: none;
46 /* disable cut copy paste */
47 -webkit-user-select: none;
49 /* Selection Handles */
51 background-color: #333333;
52 border: 1px #eeeeee solid;
81 .jcrop-handle.ord-nw {
87 .jcrop-handle.ord-ne {
93 .jcrop-handle.ord-se {
99 .jcrop-handle.ord-sw {
106 .jcrop-dragbar.ord-n,
107 .jcrop-dragbar.ord-s {
111 .jcrop-dragbar.ord-e,
112 .jcrop-dragbar.ord-w {
116 .jcrop-dragbar.ord-n {
119 .jcrop-dragbar.ord-s {
123 .jcrop-dragbar.ord-e {
127 .jcrop-dragbar.ord-w {
130 /* The "jcrop-light" class/extension */
131 .jcrop-light .jcrop-vline,
132 .jcrop-light .jcrop-hline {
134 filter: alpha(opacity=70) !important;
135 opacity: .70!important;
137 .jcrop-light .jcrop-handle {
138 -moz-border-radius: 3px;
139 -webkit-border-radius: 3px;
140 background-color: #000000;
141 border-color: #ffffff;
144 /* The "jcrop-dark" class/extension */
145 .jcrop-dark .jcrop-vline,
146 .jcrop-dark .jcrop-hline {
148 filter: alpha(opacity=70) !important;
149 opacity: 0.7 !important;
151 .jcrop-dark .jcrop-handle {
152 -moz-border-radius: 3px;
153 -webkit-border-radius: 3px;
154 background-color: #ffffff;
155 border-color: #000000;
158 /* Simple macro to turn off the antlines */
159 .solid-line .jcrop-vline,
160 .solid-line .jcrop-hline {
163 /* Fix for twitter bootstrap et al. */