|
|
@@ -0,0 +1,165 @@ |
|
|
|
/* 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 |
|
|
|
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; |
|
|
|
} |
|
|
|
/* Selection Border */ |
|
|
|
.jcrop-vline, |
|
|
|
.jcrop-hline { |
|
|
|
background: #ffffff 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%; |
|
|
|
} |
|
|
|
.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: #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: #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; |
|
|
|
} |