mirror of
https://gitee.com/bitdance-team/chrome-extension
synced 2025-01-12 14:48:13 +08:00
147 lines
2.5 KiB
CSS
147 lines
2.5 KiB
CSS
/* jquery.Jcrop.min.css v0.9.12 (build:20140524) */
|
|
.jcrop-holder {
|
|
direction: ltr;
|
|
text-align: left;
|
|
-ms-touch-action: none;
|
|
}
|
|
.jcrop-hline,
|
|
.jcrop-vline {
|
|
background-color: #fff;
|
|
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;
|
|
}
|
|
.jcrop-tracker {
|
|
height: 100%;
|
|
width: 100%;
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
.jcrop-handle {
|
|
background-color: #333;
|
|
border: 1px #eee 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;
|
|
}
|
|
.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-light .jcrop-hline,
|
|
.jcrop-light .jcrop-vline {
|
|
background: #fff;
|
|
filter: alpha(opacity=70) !important;
|
|
opacity: 0.7 !important;
|
|
}
|
|
.jcrop-light .jcrop-handle {
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
background-color: #000;
|
|
border-color: #fff;
|
|
border-radius: 3px;
|
|
}
|
|
.jcrop-dark .jcrop-hline,
|
|
.jcrop-dark .jcrop-vline {
|
|
background: #000;
|
|
filter: alpha(opacity=70) !important;
|
|
opacity: 0.7 !important;
|
|
}
|
|
.jcrop-dark .jcrop-handle {
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
background-color: #fff;
|
|
border-color: #000;
|
|
border-radius: 3px;
|
|
}
|
|
.solid-line .jcrop-hline,
|
|
.solid-line .jcrop-vline {
|
|
background: #fff;
|
|
}
|
|
.jcrop-holder img,
|
|
img.jcrop-preview {
|
|
max-width: none;
|
|
}
|