Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

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