|
1094
|
1 /* jquery.Jcrop.css v0.9.12 - MIT License */
|
|
|
2 /*
|
|
|
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
|
|
|
6
|
|
|
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)
|
|
|
10 */
|
|
|
11 .jcrop-holder {
|
|
|
12 direction: ltr;
|
|
|
13 text-align: left;
|
|
|
14 }
|
|
|
15 /* Selection Border */
|
|
|
16 .jcrop-vline,
|
|
|
17 .jcrop-hline {
|
|
|
18 background: #ffffff url("Jcrop.gif");
|
|
|
19 font-size: 0;
|
|
|
20 position: absolute;
|
|
|
21 }
|
|
|
22 .jcrop-vline {
|
|
|
23 height: 100%;
|
|
|
24 width: 1px !important;
|
|
|
25 }
|
|
|
26 .jcrop-vline.right {
|
|
|
27 right: 0;
|
|
|
28 }
|
|
|
29 .jcrop-hline {
|
|
|
30 height: 1px !important;
|
|
|
31 width: 100%;
|
|
|
32 }
|
|
|
33 .jcrop-hline.bottom {
|
|
|
34 bottom: 0;
|
|
|
35 }
|
|
|
36 /* Invisible click targets */
|
|
|
37 .jcrop-tracker {
|
|
|
38 height: 100%;
|
|
|
39 width: 100%;
|
|
|
40 /* "turn off" link highlight */
|
|
|
41 -webkit-tap-highlight-color: transparent;
|
|
|
42 /* disable callout, image save panel */
|
|
|
43 -webkit-touch-callout: none;
|
|
|
44 /* disable cut copy paste */
|
|
|
45 -webkit-user-select: none;
|
|
|
46 }
|
|
|
47 /* Selection Handles */
|
|
|
48 .jcrop-handle {
|
|
|
49 background-color: #333333;
|
|
|
50 border: 1px #eeeeee solid;
|
|
|
51 width: 7px;
|
|
|
52 height: 7px;
|
|
|
53 font-size: 1px;
|
|
|
54 }
|
|
|
55 .jcrop-handle.ord-n {
|
|
|
56 left: 50%;
|
|
|
57 margin-left: -4px;
|
|
|
58 margin-top: -4px;
|
|
|
59 top: 0;
|
|
|
60 }
|
|
|
61 .jcrop-handle.ord-s {
|
|
|
62 bottom: 0;
|
|
|
63 left: 50%;
|
|
|
64 margin-bottom: -4px;
|
|
|
65 margin-left: -4px;
|
|
|
66 }
|
|
|
67 .jcrop-handle.ord-e {
|
|
|
68 margin-right: -4px;
|
|
|
69 margin-top: -4px;
|
|
|
70 right: 0;
|
|
|
71 top: 50%;
|
|
|
72 }
|
|
|
73 .jcrop-handle.ord-w {
|
|
|
74 left: 0;
|
|
|
75 margin-left: -4px;
|
|
|
76 margin-top: -4px;
|
|
|
77 top: 50%;
|
|
|
78 }
|
|
|
79 .jcrop-handle.ord-nw {
|
|
|
80 left: 0;
|
|
|
81 margin-left: -4px;
|
|
|
82 margin-top: -4px;
|
|
|
83 top: 0;
|
|
|
84 }
|
|
|
85 .jcrop-handle.ord-ne {
|
|
|
86 margin-right: -4px;
|
|
|
87 margin-top: -4px;
|
|
|
88 right: 0;
|
|
|
89 top: 0;
|
|
|
90 }
|
|
|
91 .jcrop-handle.ord-se {
|
|
|
92 bottom: 0;
|
|
|
93 margin-bottom: -4px;
|
|
|
94 margin-right: -4px;
|
|
|
95 right: 0;
|
|
|
96 }
|
|
|
97 .jcrop-handle.ord-sw {
|
|
|
98 bottom: 0;
|
|
|
99 left: 0;
|
|
|
100 margin-bottom: -4px;
|
|
|
101 margin-left: -4px;
|
|
|
102 }
|
|
|
103 /* Dragbars */
|
|
|
104 .jcrop-dragbar.ord-n,
|
|
|
105 .jcrop-dragbar.ord-s {
|
|
|
106 height: 7px;
|
|
|
107 width: 100%;
|
|
|
108 }
|
|
|
109 .jcrop-dragbar.ord-e,
|
|
|
110 .jcrop-dragbar.ord-w {
|
|
|
111 height: 100%;
|
|
|
112 width: 7px;
|
|
|
113 }
|
|
|
114 .jcrop-dragbar.ord-n {
|
|
|
115 margin-top: -4px;
|
|
|
116 }
|
|
|
117 .jcrop-dragbar.ord-s {
|
|
|
118 bottom: 0;
|
|
|
119 margin-bottom: -4px;
|
|
|
120 }
|
|
|
121 .jcrop-dragbar.ord-e {
|
|
|
122 margin-right: -4px;
|
|
|
123 right: 0;
|
|
|
124 }
|
|
|
125 .jcrop-dragbar.ord-w {
|
|
|
126 margin-left: -4px;
|
|
|
127 }
|
|
|
128 /* The "jcrop-light" class/extension */
|
|
|
129 .jcrop-light .jcrop-vline,
|
|
|
130 .jcrop-light .jcrop-hline {
|
|
|
131 background: #ffffff;
|
|
|
132 filter: alpha(opacity=70) !important;
|
|
|
133 opacity: .70!important;
|
|
|
134 }
|
|
|
135 .jcrop-light .jcrop-handle {
|
|
|
136 -moz-border-radius: 3px;
|
|
|
137 -webkit-border-radius: 3px;
|
|
|
138 background-color: #000000;
|
|
|
139 border-color: #ffffff;
|
|
|
140 border-radius: 3px;
|
|
|
141 }
|
|
|
142 /* The "jcrop-dark" class/extension */
|
|
|
143 .jcrop-dark .jcrop-vline,
|
|
|
144 .jcrop-dark .jcrop-hline {
|
|
|
145 background: #000000;
|
|
|
146 filter: alpha(opacity=70) !important;
|
|
|
147 opacity: 0.7 !important;
|
|
|
148 }
|
|
|
149 .jcrop-dark .jcrop-handle {
|
|
|
150 -moz-border-radius: 3px;
|
|
|
151 -webkit-border-radius: 3px;
|
|
|
152 background-color: #ffffff;
|
|
|
153 border-color: #000000;
|
|
|
154 border-radius: 3px;
|
|
|
155 }
|
|
|
156 /* Simple macro to turn off the antlines */
|
|
|
157 .solid-line .jcrop-vline,
|
|
|
158 .solid-line .jcrop-hline {
|
|
|
159 background: #ffffff;
|
|
|
160 }
|
|
|
161 /* Fix for twitter bootstrap et al. */
|
|
|
162 .jcrop-holder img,
|
|
|
163 img.jcrop-preview {
|
|
|
164 max-width: none;
|
|
|
165 }
|
