jquery.Jcrop.css in Imagefield Crop 7.2
/* 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;
}
File
Jcrop/css/jquery.Jcrop.css
View source
- /* 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;
- }