Skip to content

Commit fe6c12c

Browse files
tapmodotapmodo
committed
Update Jcrop CSS - now built using LESS
1 parent 88e29c3 commit fe6c12c

File tree

2 files changed

+152
-72
lines changed

2 files changed

+152
-72
lines changed

‎css/jquery.Jcrop.css

+145-66
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
/* jquery.Jcrop.css v0.9.10 - MIT License */
2-
1+
/* jquery.Jcrop.css v0.9.12 - MIT License */
32
/*
43
The outer-most container in a typical Jcrop instance
54
If you are having difficulty with formatting related to styles
@@ -13,74 +12,154 @@
1312
direction: ltr;
1413
text-align: left;
1514
}
16-
17-
/* These styles define the border lines */
18-
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;}
19-
.jcrop-vline{height:100%;width:1px!important;}
20-
.jcrop-hline{height:1px!important;width:100%;}
21-
.jcrop-vline.right{right:0;}
22-
.jcrop-hline.bottom{bottom:0;}
23-
24-
/* Handle style - size is set by Jcrop handleSize option (currently) */
25-
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
26-
27-
/* This style is used for invisible click targets */
28-
.jcrop-tracker
29-
{
30-
height: 100%;
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;
3131
width: 100%;
32-
-webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
33-
-webkit-touch-callout: none; /* disable callout, image save panel */
34-
-webkit-user-select: none; /* disable cut copy paste */
3532
}
36-
37-
/* Positioning of handles and drag bars */
38-
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
39-
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
40-
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
41-
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
42-
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
43-
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
44-
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
45-
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
46-
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
47-
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
48-
.jcrop-dragbar.ord-n{margin-top:-4px;}
49-
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
50-
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
51-
.jcrop-dragbar.ord-w{margin-left:-4px;}
52-
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+
}
53128
/* The "jcrop-light" class/extension */
54-
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline
55-
{
56-
background:#FFF;
57-
filter:Alpha(opacity=70)!important;
58-
opacity:.70!important;
59-
}
60-
.jcrop-light .jcrop-handle
61-
{
62-
-moz-border-radius:3px;
63-
-webkit-border-radius:3px;
64-
background-color:#000;
65-
border-color:#FFF;
66-
border-radius:3px;
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;
67141
}
68-
69142
/* The "jcrop-dark" class/extension */
70-
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline
71-
{
72-
background:#000;
73-
filter:Alpha(opacity=70)!important;
74-
opacity:.7!important;
75-
}
76-
.jcrop-dark .jcrop-handle
77-
{
78-
-moz-border-radius:3px;
79-
-webkit-border-radius:3px;
80-
background-color:#FFF;
81-
border-color:#000;
82-
border-radius:3px;
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;
83160
}
84-
85161
/* Fix for twitter bootstrap et al. */
86-
.jcrop-holder img,img.jcrop-preview{ max-width: none; }
162+
.jcrop-holder img,
163+
img.jcrop-preview {
164+
max-width: none;
165+
}

‎css/jquery.Jcrop.min.css

+7-6
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
1+
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
22
.jcrop-holder{direction:ltr;text-align:left;}
3-
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;}
3+
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
44
.jcrop-vline{height:100%;width:1px!important;}
5-
.jcrop-hline{height:1px!important;width:100%;}
65
.jcrop-vline.right{right:0;}
6+
.jcrop-hline{height:1px!important;width:100%;}
77
.jcrop-hline.bottom{bottom:0;}
8-
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
98
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
9+
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
1010
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
1111
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
1212
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
@@ -21,8 +21,9 @@
2121
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
2222
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
2323
.jcrop-dragbar.ord-w{margin-left:-4px;}
24-
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;}
24+
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
2525
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
26-
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
26+
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
2727
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
28+
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
2829
.jcrop-holder img,img.jcrop-preview{max-width:none;}

0 commit comments

Comments
 (0)