eSales Media Git repositories
Browse code

Readded jbox files in public folder

Benjamin Roth authored on22/02/2023 21:56:38
Showing1 changed files
public/plugins/jBox.Image.css
History View file @b006422
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,201 @@
1 
+.jBox-Image .jBox-container {
2 
+  background-color: transparent;
3 
+}
4 
+
5 
+.jBox-Image .jBox-content {
6 
+  padding: 0;
7 
+  width: 100%;
8 
+  height: 100%;
9 
+}
10 
+
11 
+.jBox-image-container {
12 
+  background: center center no-repeat;
13 
+  position: absolute;
14 
+  width: 100%;
15 
+  height: 100%;
16 
+  opacity: 0;
17 
+}
18 
+
19 
+.jBox-image-label-wrapper {
20 
+  position: absolute;
21 
+  top: 100%;
22 
+  left: 0;
23 
+  right: 0;
24 
+  height: 40px;
25 
+  z-index: 100;
26 
+  display: flex;
27 
+}
28 
+
29 
+.jBox-image-label-container {
30 
+  position: relative;
31 
+  flex: 1;
32 
+}
33 
+
34 
+.jBox-image-label {
35 
+  box-sizing: border-box;
36 
+  position: absolute;
37 
+  left: 0;
38 
+  bottom: 0;
39 
+  width: 100%;
40 
+  text-align: center;
41 
+  color: #fff;
42 
+  padding: 8px 12px;
43 
+  font-size: 15px;
44 
+  line-height: 24px;
45 
+  transition: opacity .36s;
46 
+  opacity: 0;
47 
+  z-index: 0;
48 
+  pointer-events: none;
49 
+}
50 
+
51 
+.jBox-image-label.expanded {
52 
+  background: #000;
53 
+}
54 
+
55 
+.jBox-image-label:not(.expanded) {
56 
+  text-overflow: ellipsis;
57 
+  white-space: nowrap;
58 
+  overflow: hidden;
59 
+}
60 
+
61 
+.jBox-image-label.active {
62 
+  opacity: 1;
63 
+  pointer-events: all;
64 
+}
65 
+
66 
+@media (max-width: 600px) {
67 
+  .jBox-image-label {
68 
+    font-size: 13px;
69 
+  }
70 
+}
71 
+
72 
+.jBox-image-pointer-next,
73 
+.jBox-image-pointer-prev {
74 
+  flex-shrink: 0;
75 
+  width: 40px;
76 
+  height: 40px;
77 
+  cursor: pointer;
78 
+  opacity: .8;
79 
+  transition: opacity .2s;
80 
+  background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
81 
+  background-size: 11px auto;
82 
+  user-select: none;
83 
+  z-index: 1;
84 
+}
85 
+
86 
+.jBox-image-pointer-next:hover,
87 
+.jBox-image-pointer-prev:hover {
88 
+  opacity: 1;
89 
+}
90 
+
91 
+.jBox-image-pointer-next {
92 
+  transform: scaleX(-1);
93 
+}
94 
+
95 
+.jBox-image-counter-container {
96 
+  flex-shrink: 0;
97 
+  white-space: nowrap;
98 
+  height: 40px;
99 
+  line-height: 40px;
100 
+  font-size: 13px;
101 
+  color: #fff;
102 
+  text-align: right;
103 
+  display: none;
104 
+}
105 
+
106 
+.jBox-image-has-counter .jBox-image-counter-container {
107 
+  display: block;
108 
+}
109 
+
110 
+.jBox-overlay.jBox-overlay-Image {
111 
+  background: #000;
112 
+}
113 
+
114 
+.jBox-image-not-found {
115 
+  background: #000;
116 
+}
117 
+
118 
+.jBox-image-not-found:before {
119 
+  content: '';
120 
+  box-sizing: border-box;
121 
+  display: block;
122 
+  width: 80px;
123 
+  height: 80px;
124 
+  margin-top: -40px;
125 
+  margin-left: -40px;
126 
+  position: absolute;
127 
+  top: 50%;
128 
+  left: 50%;
129 
+  border: 5px solid #222;
130 
+  border-radius: 50%;
131 
+}
132 
+
133 
+.jBox-image-not-found:after {
134 
+  content: '';
135 
+  display: block;
136 
+  box-sizing: content-box;
137 
+  z-index: auto;
138 
+  width: 6px;
139 
+  height: 74px;
140 
+  margin-top: -37px;
141 
+  margin-left: -3px;
142 
+  position: absolute;
143 
+  top: 50%;
144 
+  left: 50%;
145 
+  background: #222;
146 
+  transform: rotateZ(45deg);
147 
+  transform-origin: 50% 50% 0;
148 
+}
149 
+
150 
+.jBox-image-download-button-wrapper {
151 
+  position: absolute;
152 
+  top: -40px;
153 
+  right: 35px;
154 
+  height: 40px;
155 
+  display: flex;
156 
+  cursor: pointer;
157 
+  opacity: .8;
158 
+  transition: opacity .2s;
159 
+}
160 
+
161 
+.jBox-image-download-button-wrapper:hover {
162 
+  opacity: 1;
163 
+}
164 
+
165 
+.jBox-image-download-button-icon {
166 
+  width: 40px;
167 
+  height: 40px;
168 
+  background: center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);
169 
+  background-size: 60%;
170 
+}
171 
+
172 
+.jBox-image-download-button-text {
173 
+  white-space: nowrap;
174 
+  line-height: 40px;
175 
+  padding: 0 10px 0 0;
176 
+  color: #fff;
177 
+  font-size: 14px;
178 
+}
179 
+
180 
+@keyframes jBoxImageLoading {
181 
+  to {
182 
+    transform: rotate(360deg);
183 
+  }
184 
+}
185 
+
186 
+.jBox-image-loading:before {
187 
+  content: '';
188 
+  position: absolute;
189 
+  top: 50%;
190 
+  left: 50%;
191 
+  width: 32px;
192 
+  height: 32px;
193 
+  margin-top: -16px;
194 
+  margin-left: -16px;
195 
+  border: 4px solid #333;
196 
+  border-bottom-color: #666;
197 
+  animation: jBoxImageLoading 1.2s linear infinite;
198 
+  border-radius: 50%;
199 
+}
200 
+
201 
+/*# sourceMappingURL=jBox.Image.css.map */
Browse code

Add platform independent npm postinstall script

Benjamin Roth authored on22/02/2023 21:54:52
Showing1 changed files
public/plugins/jBox.Image.css
History View file @e11d2e4
1 1 
deleted file mode 100644
... ... 
@@ -1,201 +0,0 @@
1 
-.jBox-Image .jBox-container {
2 
-  background-color: transparent;
3 
-}
4 
-
5 
-.jBox-Image .jBox-content {
6 
-  padding: 0;
7 
-  width: 100%;
8 
-  height: 100%;
9 
-}
10 
-
11 
-.jBox-image-container {
12 
-  background: center center no-repeat;
13 
-  position: absolute;
14 
-  width: 100%;
15 
-  height: 100%;
16 
-  opacity: 0;
17 
-}
18 
-
19 
-.jBox-image-label-wrapper {
20 
-  position: absolute;
21 
-  top: 100%;
22 
-  left: 0;
23 
-  right: 0;
24 
-  height: 40px;
25 
-  z-index: 100;
26 
-  display: flex;
27 
-}
28 
-
29 
-.jBox-image-label-container {
30 
-  position: relative;
31 
-  flex: 1;
32 
-}
33 
-
34 
-.jBox-image-label {
35 
-  box-sizing: border-box;
36 
-  position: absolute;
37 
-  left: 0;
38 
-  bottom: 0;
39 
-  width: 100%;
40 
-  text-align: center;
41 
-  color: #fff;
42 
-  padding: 8px 12px;
43 
-  font-size: 15px;
44 
-  line-height: 24px;
45 
-  transition: opacity .36s;
46 
-  opacity: 0;
47 
-  z-index: 0;
48 
-  pointer-events: none;
49 
-}
50 
-
51 
-.jBox-image-label.expanded {
52 
-  background: #000;
53 
-}
54 
-
55 
-.jBox-image-label:not(.expanded) {
56 
-  text-overflow: ellipsis;
57 
-  white-space: nowrap;
58 
-  overflow: hidden;
59 
-}
60 
-
61 
-.jBox-image-label.active {
62 
-  opacity: 1;
63 
-  pointer-events: all;
64 
-}
65 
-
66 
-@media (max-width: 600px) {
67 
-  .jBox-image-label {
68 
-    font-size: 13px;
69 
-  }
70 
-}
71 
-
72 
-.jBox-image-pointer-next,
73 
-.jBox-image-pointer-prev {
74 
-  flex-shrink: 0;
75 
-  width: 40px;
76 
-  height: 40px;
77 
-  cursor: pointer;
78 
-  opacity: .8;
79 
-  transition: opacity .2s;
80 
-  background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
81 
-  background-size: 11px auto;
82 
-  user-select: none;
83 
-  z-index: 1;
84 
-}
85 
-
86 
-.jBox-image-pointer-next:hover,
87 
-.jBox-image-pointer-prev:hover {
88 
-  opacity: 1;
89 
-}
90 
-
91 
-.jBox-image-pointer-next {
92 
-  transform: scaleX(-1);
93 
-}
94 
-
95 
-.jBox-image-counter-container {
96 
-  flex-shrink: 0;
97 
-  white-space: nowrap;
98 
-  height: 40px;
99 
-  line-height: 40px;
100 
-  font-size: 13px;
101 
-  color: #fff;
102 
-  text-align: right;
103 
-  display: none;
104 
-}
105 
-
106 
-.jBox-image-has-counter .jBox-image-counter-container {
107 
-  display: block;
108 
-}
109 
-
110 
-.jBox-overlay.jBox-overlay-Image {
111 
-  background: #000;
112 
-}
113 
-
114 
-.jBox-image-not-found {
115 
-  background: #000;
116 
-}
117 
-
118 
-.jBox-image-not-found:before {
119 
-  content: '';
120 
-  box-sizing: border-box;
121 
-  display: block;
122 
-  width: 80px;
123 
-  height: 80px;
124 
-  margin-top: -40px;
125 
-  margin-left: -40px;
126 
-  position: absolute;
127 
-  top: 50%;
128 
-  left: 50%;
129 
-  border: 5px solid #222;
130 
-  border-radius: 50%;
131 
-}
132 
-
133 
-.jBox-image-not-found:after {
134 
-  content: '';
135 
-  display: block;
136 
-  box-sizing: content-box;
137 
-  z-index: auto;
138 
-  width: 6px;
139 
-  height: 74px;
140 
-  margin-top: -37px;
141 
-  margin-left: -3px;
142 
-  position: absolute;
143 
-  top: 50%;
144 
-  left: 50%;
145 
-  background: #222;
146 
-  transform: rotateZ(45deg);
147 
-  transform-origin: 50% 50% 0;
148 
-}
149 
-
150 
-.jBox-image-download-button-wrapper {
151 
-  position: absolute;
152 
-  top: -40px;
153 
-  right: 35px;
154 
-  height: 40px;
155 
-  display: flex;
156 
-  cursor: pointer;
157 
-  opacity: .8;
158 
-  transition: opacity .2s;
159 
-}
160 
-
161 
-.jBox-image-download-button-wrapper:hover {
162 
-  opacity: 1;
163 
-}
164 
-
165 
-.jBox-image-download-button-icon {
166 
-  width: 40px;
167 
-  height: 40px;
168 
-  background: center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);
169 
-  background-size: 60%;
170 
-}
171 
-
172 
-.jBox-image-download-button-text {
173 
-  white-space: nowrap;
174 
-  line-height: 40px;
175 
-  padding: 0 10px 0 0;
176 
-  color: #fff;
177 
-  font-size: 14px;
178 
-}
179 
-
180 
-@keyframes jBoxImageLoading {
181 
-  to {
182 
-    transform: rotate(360deg);
183 
-  }
184 
-}
185 
-
186 
-.jBox-image-loading:before {
187 
-  content: '';
188 
-  position: absolute;
189 
-  top: 50%;
190 
-  left: 50%;
191 
-  width: 32px;
192 
-  height: 32px;
193 
-  margin-top: -16px;
194 
-  margin-left: -16px;
195 
-  border: 4px solid #333;
196 
-  border-bottom-color: #666;
197 
-  animation: jBoxImageLoading 1.2s linear infinite;
198 
-  border-radius: 50%;
199 
-}
200 
-
201 
-/*# sourceMappingURL=jBox.Image.css.map */
Browse code

Initial commit

Benjamin Roth authored on12/01/2023 00:53:30
Showing1 changed files
public/plugins/jBox.Image.css
History View file @74542d7
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,201 @@
1 
+.jBox-Image .jBox-container {
2 
+  background-color: transparent;
3 
+}
4 
+
5 
+.jBox-Image .jBox-content {
6 
+  padding: 0;
7 
+  width: 100%;
8 
+  height: 100%;
9 
+}
10 
+
11 
+.jBox-image-container {
12 
+  background: center center no-repeat;
13 
+  position: absolute;
14 
+  width: 100%;
15 
+  height: 100%;
16 
+  opacity: 0;
17 
+}
18 
+
19 
+.jBox-image-label-wrapper {
20 
+  position: absolute;
21 
+  top: 100%;
22 
+  left: 0;
23 
+  right: 0;
24 
+  height: 40px;
25 
+  z-index: 100;
26 
+  display: flex;
27 
+}
28 
+
29 
+.jBox-image-label-container {
30 
+  position: relative;
31 
+  flex: 1;
32 
+}
33 
+
34 
+.jBox-image-label {
35 
+  box-sizing: border-box;
36 
+  position: absolute;
37 
+  left: 0;
38 
+  bottom: 0;
39 
+  width: 100%;
40 
+  text-align: center;
41 
+  color: #fff;
42 
+  padding: 8px 12px;
43 
+  font-size: 15px;
44 
+  line-height: 24px;
45 
+  transition: opacity .36s;
46 
+  opacity: 0;
47 
+  z-index: 0;
48 
+  pointer-events: none;
49 
+}
50 
+
51 
+.jBox-image-label.expanded {
52 
+  background: #000;
53 
+}
54 
+
55 
+.jBox-image-label:not(.expanded) {
56 
+  text-overflow: ellipsis;
57 
+  white-space: nowrap;
58 
+  overflow: hidden;
59 
+}
60 
+
61 
+.jBox-image-label.active {
62 
+  opacity: 1;
63 
+  pointer-events: all;
64 
+}
65 
+
66 
+@media (max-width: 600px) {
67 
+  .jBox-image-label {
68 
+    font-size: 13px;
69 
+  }
70 
+}
71 
+
72 
+.jBox-image-pointer-next,
73 
+.jBox-image-pointer-prev {
74 
+  flex-shrink: 0;
75 
+  width: 40px;
76 
+  height: 40px;
77 
+  cursor: pointer;
78 
+  opacity: .8;
79 
+  transition: opacity .2s;
80 
+  background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
81 
+  background-size: 11px auto;
82 
+  user-select: none;
83 
+  z-index: 1;
84 
+}
85 
+
86 
+.jBox-image-pointer-next:hover,
87 
+.jBox-image-pointer-prev:hover {
88 
+  opacity: 1;
89 
+}
90 
+
91 
+.jBox-image-pointer-next {
92 
+  transform: scaleX(-1);
93 
+}
94 
+
95 
+.jBox-image-counter-container {
96 
+  flex-shrink: 0;
97 
+  white-space: nowrap;
98 
+  height: 40px;
99 
+  line-height: 40px;
100 
+  font-size: 13px;
101 
+  color: #fff;
102 
+  text-align: right;
103 
+  display: none;
104 
+}
105 
+
106 
+.jBox-image-has-counter .jBox-image-counter-container {
107 
+  display: block;
108 
+}
109 
+
110 
+.jBox-overlay.jBox-overlay-Image {
111 
+  background: #000;
112 
+}
113 
+
114 
+.jBox-image-not-found {
115 
+  background: #000;
116 
+}
117 
+
118 
+.jBox-image-not-found:before {
119 
+  content: '';
120 
+  box-sizing: border-box;
121 
+  display: block;
122 
+  width: 80px;
123 
+  height: 80px;
124 
+  margin-top: -40px;
125 
+  margin-left: -40px;
126 
+  position: absolute;
127 
+  top: 50%;
128 
+  left: 50%;
129 
+  border: 5px solid #222;
130 
+  border-radius: 50%;
131 
+}
132 
+
133 
+.jBox-image-not-found:after {
134 
+  content: '';
135 
+  display: block;
136 
+  box-sizing: content-box;
137 
+  z-index: auto;
138 
+  width: 6px;
139 
+  height: 74px;
140 
+  margin-top: -37px;
141 
+  margin-left: -3px;
142 
+  position: absolute;
143 
+  top: 50%;
144 
+  left: 50%;
145 
+  background: #222;
146 
+  transform: rotateZ(45deg);
147 
+  transform-origin: 50% 50% 0;
148 
+}
149 
+
150 
+.jBox-image-download-button-wrapper {
151 
+  position: absolute;
152 
+  top: -40px;
153 
+  right: 35px;
154 
+  height: 40px;
155 
+  display: flex;
156 
+  cursor: pointer;
157 
+  opacity: .8;
158 
+  transition: opacity .2s;
159 
+}
160 
+
161 
+.jBox-image-download-button-wrapper:hover {
162 
+  opacity: 1;
163 
+}
164 
+
165 
+.jBox-image-download-button-icon {
166 
+  width: 40px;
167 
+  height: 40px;
168 
+  background: center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);
169 
+  background-size: 60%;
170 
+}
171 
+
172 
+.jBox-image-download-button-text {
173 
+  white-space: nowrap;
174 
+  line-height: 40px;
175 
+  padding: 0 10px 0 0;
176 
+  color: #fff;
177 
+  font-size: 14px;
178 
+}
179 
+
180 
+@keyframes jBoxImageLoading {
181 
+  to {
182 
+    transform: rotate(360deg);
183 
+  }
184 
+}
185 
+
186 
+.jBox-image-loading:before {
187 
+  content: '';
188 
+  position: absolute;
189 
+  top: 50%;
190 
+  left: 50%;
191 
+  width: 32px;
192 
+  height: 32px;
193 
+  margin-top: -16px;
194 
+  margin-left: -16px;
195 
+  border: 4px solid #333;
196 
+  border-bottom-color: #666;
197 
+  animation: jBoxImageLoading 1.2s linear infinite;
198 
+  border-radius: 50%;
199 
+}
200 
+
201 
+/*# sourceMappingURL=jBox.Image.css.map */