31bace8cfd
This won't run properly if other scripts stop javascript execution before it's time to crop (such as in the Bookmark plugin, which when writing this hasn't been migrated to Jquery 2.x - so it stops on a '.die' call). Some images were cleaned up from the theme/base/images/illustrations too.
168 lines
3.3 KiB
CSS
168 lines
3.3 KiB
CSS
/* 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;
|
|
/* IE10 touch compatibility */
|
|
-ms-touch-action: none;
|
|
}
|
|
/* 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;
|
|
}
|