325. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:08 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

325.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/fancybox/cssjquery.fancybox.css2014-06-10 09:07:58 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/fancybox/cssjquery.fancybox.css2021-01-20 08:20:38 +0000

325.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged4538
Changed29
Inserted00
Removed11

325.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

325.4 Active regular expressions

No regular expressions were active.

325.5 Comparison detail

1 /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ 1 /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
2 .fancybox-wrap, 2 .fancybox-wrap,
3 .fancybox-skin, 3 .fancybox-skin,
4 .fancybox-outer, 4 .fancybox-outer,
5 .fancybox-inner, 5 .fancybox-inner,
6 .fancybox-image, 6 .fancybox-image,
7 .fancybox-wrap iframe, 7 .fancybox-wrap iframe,
8 .fancybox-wrap object, 8 .fancybox-wrap object,
9 .fancybox-nav, 9 .fancybox-nav,
10 .fancybox-nav span, 10 .fancybox-nav span,
11 .fancybox-tmp 11 .fancybox-tmp
12 { 12 {
13 »       padding: 0; 13 »       padding: 0;
14 »       margin: 0; 14 »       margin: 0;
15 »       border: 0; 15 »       border: 0;
16 »       outline: none; 16 »       outline: none;
17 »       vertical-align: top; 17 »       vertical-align: top;
18 } 18 }
19  19 
20 .fancybox-wrap { 20 .fancybox-wrap {
21 »       position: absolute; 21 »       position: absolute;
22 »       top: 0; 22 »       top: 0;
23 »       left: 0; 23 »       left: 0;
24 »       z-index: 8020; 24 »       z-index: 8020;
25 } 25 }
26  26 
27 .fancybox-skin { 27 .fancybox-skin {
28 »       position: relative; 28 »       position: relative;
29 »       background: #f9f9f9; 29 »       background: #f9f9f9;
30 »       color: #444;    
31 »       text-shadow: none; 30 »       text-shadow: none;
32 »       -webkit-border-radius: 4px; 31 »       -webkit-border-radius: 4px;
33 »          -moz-border-radius: 4px; 32 »          -moz-border-radius: 4px;
34 »               border-radius: 4px; 33 »               border-radius: 4px;
35 } 34 }
36  35 
37 .fancybox-opened { 36 .fancybox-opened {
38 »       z-index: 8030; 37 »       z-index: 8030;
39 } 38 }
40  39 
41 .fancybox-opened .fancybox-skin { 40 .fancybox-opened .fancybox-skin {
42 »       -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 41 »       -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 
.12);
43 »          -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 42 »          -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 
.12);
44 »               box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 43 »               box-shadow: 0 0 50px rgba(0, 0, 0, 
.12);
45 } 44 }
46  45 
47 .fancybox-outer, .fancybox-inner { 46 .fancybox-outer, .fancybox-inner {
48 »       position: relative; 47 »       position: relative;
49 } 48 }
50  49 
51 .fancybox-inner { 50 .fancybox-inner {
52 »       overflow: hidden; 51 »       overflow: hidden;
53 } 52 }
54  53 
55 .fancybox-type-iframe .fancybox-inner { 54 .fancybox-type-iframe .fancybox-inner {
56 »       -webkit-overflow-scrolling: touch; 55 »       -webkit-overflow-scrolling: touch;
57 } 56 }
58  57 
59 .fancybox-error { 58 .fancybox-error {
60 »       color: #444; 59 »       color: #444;
61 »       font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 60 »       font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
62 »       margin: 0; 61 »       margin: 0;
63 »       padding: 15px; 62 »       padding: 15px;
64 »       white-space: nowrap; 63 »       white-space: nowrap;
65 } 64 }
66  65 
67 .fancybox-image, .fancybox-iframe { 66 .fancybox-image, .fancybox-iframe {
68 »       display: block; 67 »       display: block;
69 »       width: 100%; 68 »       width: 100%;
70 »       height: 100%; 69 »       height: 100%;
71 } 70 }
72  71 
73 .fancybox-image { 72 .fancybox-image {
74 »       max-width: 100%; 73 »       max-width: 100%;
75 »       max-height: 100%; 74 »       max-height: 100%;
76 } 75 }
77  76 
78 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 77 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
79 »       background-image: url('images/fancybox_sprite.png'); 78 »       background-image: url('images/fancybox_sprite.png');
80 } 79 }
81  80 
82 #fancybox-loading { 81 #fancybox-loading {
83 »       position: fixed; 82 »       position: fixed;
84 »       top: 50%; 83 »       top: 50%;
85 »       left: 50%; 84 »       left: 50%;
86 »       margin-top: -22px; 85 »       margin-top: -22px;
87 »       margin-left: -22px; 86 »       margin-left: -22px;
88 »       background-position: 0 -108px; 87 »       background-position: 0 -108px;
89 »       opacity: 0.8; 88 »       opacity: 0.8;
90 »       cursor: pointer; 89 »       cursor: pointer;
91 »       z-index: 8060; 90 »       z-index: 8060;
92 } 91 }
93  92 
94 #fancybox-loading div { 93 #fancybox-loading div {
95 »       width: 44px; 94 »       width: 44px;
96 »       height: 44px; 95 »       height: 44px;
97 »       background: url('images/fancybox_loading.gif') center center no-repeat; 96 »       background: url('images/fancybox_loading.gif') center center no-repeat;
98 } 97 }
99  98 
100 .fancybox-close { 99 .fancybox-close {
101 »       position: absolute; 100 »       position: absolute;
102 »       top: -18px; 101 »       top: -18px;
103 »       right: -18px; 102 »       right: -18px;
104 »       width: 36px; 103 »       width: 36px;
105 »       height: 36px; 104 »       height: 36px;
106 »       cursor: pointer; 105 »       cursor: pointer;
107 »       z-index: 8040; 106 »       z-index: 8040;
108 } 107 }
109  108 
110 .fancybox-nav { 109 .fancybox-nav {
111 »       position: absolute; 110 »       position: absolute;
112 »       top: 0; 111 »       top: 0;
113 »       width: 40%; 112 »       width: 40%;
114 »       height: 100%; 113 »       height: 100%;
115 »       cursor: pointer; 114 »       cursor: pointer;
116 »       text-decoration: none; 115 »       text-decoration: none;
117 »       background: transparent url('images/blank.gif'); /* helps IE */ 116 »       background: transparent url('images/blank.gif'); /* helps IE */
118 »       -webkit-tap-highlight-color: rgba(0,0,0,0); 117 »       -webkit-tap-highlight-color: rgba(0,0,0,0);
119 »       z-index: 8040; 118 »       z-index: 8040;
120 } 119 }
121  120 
122 .fancybox-prev { 121 .fancybox-prev {
123 »       left: 0; 122 »       left: 0;
124 } 123 }
125  124 
126 .fancybox-next { 125 .fancybox-next {
127 »       right: 0; 126 »       right: 0;
128 } 127 }
129  128 
130 .fancybox-nav span { 129 .fancybox-nav span {
131 »       position: absolute; 130 »       position: absolute;
132 »       top: 50%; 131 »       top: 50%;
133 »       width: 36px; 132 »       width: 36px;
134 »       height: 34px; 133 »       height: 34px;
135 »       margin-top: -18px; 134 »       margin-top: -18px;
136 »       cursor: pointer; 135 »       cursor: pointer;
137 »       z-index: 8040; 136 »       z-index: 8040;
138 »       visibility: hidden; 137 »       visibility: hidden;
139 } 138 }
140  139 
141 .fancybox-prev span { 140 .fancybox-prev span {
142 »       left: 10px; 141 »       left: 10px;
143 »       background-position: 0 -36px; 142 »       background-position: 0 -36px;
144 } 143 }
145  144 
146 .fancybox-next span { 145 .fancybox-next span {
147 »       right: 10px; 146 »       right: 10px;
148 »       background-position: 0 -72px; 147 »       background-position: 0 -72px;
149 } 148 }
150  149 
151 .fancybox-nav:hover span { 150 .fancybox-nav:hover span {
152 »       visibility: visible; 151 »       visibility: visible;
153 } 152 }
154  153 
155 .fancybox-tmp { 154 .fancybox-tmp {
156 »       position: absolute; 155 »       position: absolute;
157 »       top: -99999px; 156 »       top: -99999px;
158 »       left: -99999px; 157 »       left: -99999px;
159 »       visibility: hidden; 158 »       visibility: hidden;
160 »       max-width: 99999px; 159 »       max-width: 99999px;
161 »       max-height: 99999px; 160 »       max-height: 99999px;
162 »       overflow: visible !important; 161 »       overflow: visible !important;
163 } 162 }
164  163 
165 /* Overlay helper */ 164 /* Overlay helper */
166  165 
167 .fancybox-lock { 166 .fancybox-lock {
168     overflow: hidden !important; 167     overflow: hidden !important;
169     width: auto; 168     width: auto;
170 } 169 }
171  170 
172 .fancybox-lock body { 171 .fancybox-lock body {
173     overflow: hidden !important; 172     overflow: hidden !important;
174 } 173 }
175  174 
176 .fancybox-lock-test { 175 .fancybox-lock-test {
177     overflow-y: hidden !important; 176     overflow-y: hidden !important;
178 } 177 }
179  178 
180 .fancybox-overlay { 179 .fancybox-overlay {
181 »       position: absolute; 180 »       position: absolute;
182 »       top: 0; 181 »       top: 0;
183 »       left: 0; 182 »       left: 0;
184 »       overflow: hidden; 183 »       overflow: hidden;
185 »       display: none; 184 »       display: none;
186 »       z-index: 8010; 185 »       z-index: 8010;
187 »       background: url('images/fancybox_overlay.png'); 186 »       opacity: .8;
    187 »       background: rgba(119,119,119,0.5);
188 } 188 }
189  189 
190 .fancybox-overlay-fixed { 190 .fancybox-overlay-fixed {
191 »       position: fixed; 191 »       position: fixed;
192 »       bottom: 0; 192 »       bottom: 0;
193 »       right: 0; 193 »       right: 0;
194 } 194 }
195  195 
196 .fancybox-lock .fancybox-overlay { 196 .fancybox-lock .fancybox-overlay {
197 »       overflow: auto; 197 »       overflow: auto;
198 »       overflow-y: scroll; 198 »       overflow-y: scroll;
199 } 199 }
200  200 
201 /* Title helper */ 201 /* Title helper */
202  202 
203 .fancybox-title { 203 .fancybox-title {
204 »       visibility: hidden; 204 »       visibility: hidden;
205 »       font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 205 »       font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
206 »       position: relative; 206 »       position: relative;
207 »       text-shadow: none; 207 »       text-shadow: none;
208 »       z-index: 8050; 208 »       z-index: 8050;
209 } 209 }
210  210 
211 .fancybox-opened .fancybox-title { 211 .fancybox-opened .fancybox-title {
212 »       visibility: visible; 212 »       visibility: visible;
213 } 213 }
214  214 
215 .fancybox-title-float-wrap { 215 .fancybox-title-float-wrap {
216 »       position: absolute; 216 »       position: absolute;
217 »       bottom: 0; 217 »       bottom: 0;
218 »       right: 50%; 218 »       right: 50%;
219 »       margin-bottom: -35px; 219 »       margin-bottom: -35px;
220 »       z-index: 8050; 220 »       z-index: 8050;
221 »       text-align: center; 221 »       text-align: center;
222 } 222 }
223  223 
224 .fancybox-title-float-wrap .child { 224 .fancybox-title-float-wrap .child {
225 »       display: inline-block; 225 »       display: inline-block;
226 »       margin-right: -100%; 226 »       margin-right: -100%;
227 »       padding: 2px 20px; 227 »       padding: 2px 20px;
228 »       background: transparent; /* Fallback for web browsers that doesn't support RGBa */ 228 »       background: transparent; /* Fallback for web browsers that doesn't support RGBa */
229 »       background: rgba(0, 0, 0, 0.8); 229 »       background: rgba(0, 0, 0, 0.8);
230 »       -webkit-border-radius: 15px; 230 »       -webkit-border-radius: 15px;
231 »          -moz-border-radius: 15px; 231 »          -moz-border-radius: 15px;
232 »               border-radius: 15px; 232 »               border-radius: 15px;
233 »       text-shadow: 0 1px 2px #222; 233 »       text-shadow: 0 1px 2px #222;
234 »       color: #FFF; 234 »       color: #FFF;
235 »       font-weight: bold; 235 »       font-weight: bold;
236 »       line-height: 24px; 236 »       line-height: 24px;
237 »       white-space: nowrap; 237 »       white-space: nowrap;
238 } 238 }
239  239 
240 .fancybox-title-outside-wrap { 240 .fancybox-title-outside-wrap {
241 »       position: relative; 241 »       position: relative;
242 »       margin-top: 10px; 242 »       margin-top: 10px;
243 »       color: #fff; 243 »       color: #fff;
244 } 244 }
245  245 
246 .fancybox-title-inside-wrap { 246 .fancybox-title-inside-wrap {
247 »       padding-top: 10px; 247 »       padding-top: 10px;
248 } 248 }
249  249 
250 .fancybox-title-over-wrap { 250 .fancybox-title-over-wrap {
251 »       position: absolute; 251 »       position: absolute;
252 »       bottom: 0; 252 »       bottom: 0;
253 »       left: 0; 253 »       left: 0;
254 »       color: #fff; 254 »       color: #fff;
255 »       padding: 10px; 255 »       padding: 10px;
256 »       background: #000; 256 »       background: #000;
257 »       background: rgba(0, 0, 0, .8); 257 »       background: rgba(0, 0, 0, .8);
258 } 258 }
259  259 
260 /*Retina graphics!*/ 260 /*Retina graphics!*/
261 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), 261 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
262 »          only screen and (min--moz-device-pixel-ratio: 1.5), 262 »          only screen and (min--moz-device-pixel-ratio: 1.5),
263 »          only screen and (min-device-pixel-ratio: 1.5){ 263 »          only screen and (min-device-pixel-ratio: 1.5){
264  264 
265 »       #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 265 »       #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
266 »       »       background-image: url('images/fancybox_sprite@2x.png'); 266 »       »       background-image: url('images/fancybox_sprite@2x.png');
267 »       »       background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ 267 »       »       background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
268 »       } 268 »       }
269  269 
270 »       #fancybox-loading div { 270 »       #fancybox-loading div {
271 »       »       background-image: url('images/fancybox_loading@2x.gif'); 271 »       »       background-image: url('images/fancybox_loading@2x.gif');
272 »       »       background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ 272 »       »       background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
273 »       } 273 »       }
274 } 274 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.