543. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:36 +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.

543.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype14.css2019-09-11 17:44:16 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype14.css2021-04-06 08:18:28 +0000

543.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged612
Changed5251
Inserted00
Removed1159

543.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

543.4 Active regular expressions

No regular expressions were active.

543.5 Comparison detail

1 header.page-header.type14 { 1 .main-panel-top {display: none;}
2     background-color: #fff; 2 .page-header.type14 .header-main .header-row .header-center {flex: none;}
3     position: relative; 3 .page-header.type14 .main-panel-top .container,.page-header.type14 .header.content,.page-header.type14 .header-bottom .header-row,.porto-block-html-top {max-width: 100%;padding-left: 20px;padding-right: 20px;}
4     border: 0; 4 .page-header.type14 .header-main .header-row .header-right > * {margin-left: .875rem;width: auto;}
5     z-index: 4; 5 .page-header.type14 .header-main .header-row .header-right > *:first-child {margin-left: 0;}
    6 .page-header.type14 .minicart-wrapper .action.showcart::after {display: none;}
    7 .page-header.type14 .minicart-wrapper .action.showcart .counter.qty {right: -5px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);}
    8 .page-header.type14 .header-bottom {border-top: 1px solid rgba(0,0,0,.06);}
    9 .page-header.type14 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
    10 .page-header.type14 .header-contact .wishlist i {font-size: 27px;display: block;margin: 0;}
    11 .page-header.type14 .minicart-wrapper .action.showcart {min-width: 32px;justify-content: center;}
    12 .page-header.type14 .search-area a.search-toggle-icon {width: auto;color: #222529;font-size: 1.1428em;}
    13 .page-header.type14 .search-area a.search-toggle-icon i::before {font-weight: 600;}
    14 .page-header.type14 .search-area a.search-toggle-icon .search-text {display: inline-block;font-size: .8125em;font-weight: 700;text-transform: uppercase;margin-left: 3.5px;}
    15 .page-header.type14 .search-area .minisearch .actions button {width: 46px;}
    16 .page-header.type14 .search-category {right: 46px !important;}
    17 .page-header.type14 .search-area.show-icon .block.block-search {right: -17px;max-width: 400px;}
    18 .page-header.type14 .panel.header .switcher {font-size: .8571em;color: #999;}
    19 .page-header.type14 .switcher:first-child .options .action.toggle {padding-left: 0;}
    20 .header-bottom .header-row .header-center,.header-bottom .header-row .header-right,.header-bottom .header-row .header-left {padding: 0;}
    21 @media (max-width:991px){
    22   .page-header.type14 .header-main .header-row .header-center {padding-left: 0;padding-right: 0;}
    23   .page-header.type14 .custom-block,.page-header.type14 .header-main .header-left,.page-header.type14 .header-bottom .header-left{display: none;}
6 } 24 }
7 header.page-header.type14 .header.content { 25 @media only screen and (max-width:575px){
8     padding: 24px 85px; 26   .page-header.type14 .search-area a.search-toggle-icon {font-size: 1.5em;}
9     max-height: 120px; 27   .page-header.type14 .search-area a.search-toggle-icon .search-text {display: none;}
10     display: flex;    
11     align-items: center;    
12 } 28 }
13 header.page-header.type14 .header.content > .logo { 29 @media (min-width:992px) {
14     display: block; 30   
.page-header.type14 .header-main .header-row .header-center {padding: 15px;}
15     padding: 0 15px; 31   .page-header.type14 .header-main .header-row .header-right {padding-top: 15px;padding-bottom: 15px;}
16     margin: 0 50px 0 0; 32   .page-header.type14.sticky-header .header-bottom .header-row {position: fixed; top:0;width: 100%;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);background: #fff;}
17     z-index: 6; 33   
.page-header.sticky-header.type14 .nav-sections {position: static !important;box-shadow: none;}
18 } 34   .page-header.type14 .navigation {padding: 0;max-width: 100%;}
19 header.page-header.type14 .logo img { 35   .page-header.type14 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
20     max-height: 57px; 36   .page-header.type14 .navigation:not(.side-megamenu) .level0 {margin-right: 1px;}
21     width: auto; 37   
.page-header.type14 .navigation:not(.side-megamenu) 
.level0 .level-top {
22 } 38     font-size: 13px;
23 header.page-header.type14 .panel.header {    
24     padding: 0;    
25     width: auto;    
26     flex: auto;    
27     text-align: right;    
28     min-width: 138px;    
29 }    
30 header.page-header.type14 .nav-sections {    
31     flex: auto;    
32 }    
33 header.page-header.type14 .panel.header .search-area {    
34     display: inline-block;    
35     vertical-align: middle;    
36     position: relative;    
37 }    
38 header.page-header.type14 .panel.header .search-area > a, header.page-header.type14 .top-links-icon > a {    
39     font-size: 15px;    
40 }    
41 header.page-header.type14 .search-area .search-toggle-icon span {    
42     display: none;    
43 }    
44 header.page-header.type14 .panel.header .block-search {    
45     display: none;    
46     position: absolute;    
47     top: 100%;    
48     right: -30px;    
49     left: auto;    
50     width: 300px;    
51     margin: 0;    
52     margin-top: 15px;    
53     border: 5px solid rgba(0,0,0,0.1);    
54     border-radius: 50px;    
55     overflow: hidden;    
56 }    
57 header.page-header.type14 .block-search input {    
58     min-width: 300px;    
59     border: 0;    
60 }    
61 header.page-header.type14 .block-search .action.search {    
62     width: 40px;    
63     text-align: center;    
64     color: #000;    
65 }    
66 header.page-header.type14 .block-header-customer-login {    
67     border: 0;    
68     margin-top: 20px;    
69 }    
70 header.page-header.type14 .block-header-customer-login button {    
71     font-family: "Oswald";    
72     letter-spacing: 1px;    
73     text-transform: uppercase;    
74     font-size: 12px;    
75 }    
76 header.page-header.type14 .block-header-customer-login input {    
77     font-family: "Oswald";    
78     font-weight: 400;    
79     letter-spacing: 1px;    
80     font-size: 12px;    
81     color: #000;    
82 }    
83 header.page-header.type14 .block-header-customer-login:before {    
84     border-bottom-color: #fff;    
85     top: -10px;    
86 }    
87 header.page-header.type14 .top-links-area {    
88     display: inline-block;    
89     vertical-align: middle;    
90     position: relative;    
91 }    
92 header.page-header.type14 .top-links-icon > a > span {    
93     display: none;    
94 }    
95 header.page-header.type14 .minicart-wrapper {    
96     display: inline-block;    
97     vertical-align: middle;    
98     margin: 0;    
99     margin-left: 7px;    
100 }    
101 header.page-header.type14 .minicart-wrapper .action.showcart .counter.qty {    
102     position: static;    
103     margin: 0;    
104     line-height: 1;    
105     vertical-align: middle;    
106     height: auto;    
107     padding: 0;    
108     color: #000;    
109     width: auto;    
110     font-weight: 600;    
111     font-size: 10px;    
112     min-width: 0;    
113 }    
114 header.page-header.type14 .panel.header > * {    
115     text-align: left;    
116 }    
117 .page-header.type14 .switcher .options .action.toggle.active:hover:after {    
118     color: #000;    
119 }    
120 header.page-header.type14 a.my-wishlist {    
121     font-size: 15px;    
122     display: inline-block;    
123     vertical-align: middle;    
124 }    
125 header.page-header.type14 .panel.header .search-area, header.page-header.type14 .top-links-area, header.page-header.type14 a.my-wishlist {    
126     margin: 0 7px;    
127 }    
128 header.page-header.type14 .minicart-wrapper .action.showcart:before {    
129     content: '\e87f';    
130     font-size: 18px;    
131     font-weight: 600;    
132     display: inline-block;    
133     vertical-align: middle;    
134     line-height: 20px;    
135 }    
136 @media (min-width: 768px) {    
137     header.page-header.type14 .panel.header
 .switcher {
    
138         margin-right: 15px;    
139         height: auto;    
140         float: none;    
141         display: none;    
142     }    
143     header.page-header.type14 .switcher strong {    
144         color: #000;    
145         line-height: 1;    
146         text-transform: uppercase;    
147         vertical-align: middle;    
148     }    
149     header.page-header.type14 .switcher .options .action.toggle:after {    
150         line-height: 12px;    
151         color: #000;    
152         vertical-align: middle;    
153     }    
154     header.page-header.type14 .switcher .options {    
155         font-size: 12px;    
156         display: block;    
157     }    
158     header.page-header.
type14 .nav-sections {
    
159         border: 0;    
160         display: block;    
161         padding: 10px 0;    
162     }    
163     header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu {    
164         border: 0;    
165         margin-top: 20px !important;    
166         padding: 20px;    
167     }    
168     header.page-header.type14 .sw-megamenu.navigation li.level0.classic > .submenu {    
169         border: 0;    
170         margin-top: 20px !important;    
171     }    
172     header.page-header.type14 .sw-megamenu.navigation li.level0.classic .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {    
173         padding: 5px 0;    
174     }    
175     header.page-header.type14 .nav-sections-item-content > .navigation {    
176         z-index: initial;    
177         margin-top: -1px;    
178         position: static;    
179     }    
180     header.page-header.type14 .nav-sections-item-content > .navigation > ul {    
181         position: static;    
182     }    
183     header.page-header.type14 .navigation
 li.level0 > a {		    
184         height: 30px;    
185         line-height: 30px;    
186         color: #141a1f;    
187         font-family: "Open Sans";    
188         font-weight: 700; 39     font-weight: 700;
189         font-size: 12px; 40     line-height: 13px;
190         letter-spacing: -0.5px; 41     letter-spacing: 
0
;
191         padding: 0 10px; 42     color: #222529;
192     } 43     padding: 23px 16px 24px 16px;
193     header.page-header.type14 .navigation li.level0.parent > a:after {    
194         line-height: 30px;    
195     }    
196     header.page-header.type14 .navigation li.level0.parent > a {    
197         position: relative;    
198     } 44   }
199     header.page-header.type14 .
navigation li.level0.parent > a:before {		 45   
.page-header
 .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
200         content: ""; 46   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {
201         width: 10px; 47       color: #333;
202         height: 10px;    
203         border: 5px solid transparent;    
204         border-bottom-color: #fff;    
205         position: absolute;    
206         left: 50%;    
207         margin-left: -10px;    
208         top: 100%;    
209         margin-top: 10px;    
210         visibility: hidden;    
211         opacity: 0;    
212         transition: 0.2s opacity;    
213     } 48   }
214     header.page-header.type14 .navigation li.level0.parent:hover > a:before {    
215         visibility: visible;    
216         opacity: 1;    
217     }    
218     header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu:before, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu:before, header.page-header.type14 .sw-megamenu.navigation li.level0.classic > .submenu:before {    
219         width: 100%;    
220         height: 20px;    
221         content: "";    
222         display: block;    
223         position: absolute;    
224         top: -20px;    
225         left: 0;    
226     }    
227     header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a:hover > span, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a:hover > span {    
228         text-decoration: none;    
229     }    
230     header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu a {    
231         padding: 10px;    
232     }    
233     header.page-header.type14 .navigation .level0.classic .submenu li:hover > a {    
234         background-color: #000;    
235         color: #fff;    
236     }    
237     header.page-header.type14 .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {    
238         top: -5px;    
239     }    
240     header.page-header.type14 .switcher .options ul.dropdown {    
241         margin-top: 20px;    
242     }    
243     .page-header.type14 .top-links-area > .links {    
244         display: none;    
245         position: absolute;    
246         right: -30px;    
247         z-index: 9;    
248         background-color: #fff!important;    
249         border-radius: 3px;    
250         margin: 0;    
251         padding: 5px 0;    
252         text-align: right;    
253         border: 1px solid #ccc;    
254         min-width: 150px;    
255         top: 100%;    
256         margin-top: 15px;    
257     }    
258     .page-header.type14 .top-links-area .links > li {    
259         display: block;    
260         margin: 0;    
261         text-align: left;    
262         text-transform: uppercase;    
263         line-height: 19px;    
264     
265     }    
266     .page-header.type14 .top-links-area .links > li > a,    
267     .page-header.type14 .top-links-area .links > li > span {    
268         color: #777 !important;    
269         white-space: nowrap;    
270         padding: 0 10px;    
271         display: block;    
272         transition: all .2s;    
273         font-weight: 400;    
274         font-size: 11px;    
275     }    
276 }    
277 @media (min-width: 1440px) {    
278     header.page-header.type14 .nav-sections {    
279         margin-top: 2px;    
280     }    
281 }    
282 @media (max-width: 1899px) {    
283     header.page-header.type14 .header.content {    
284         padding-left: 55px;    
285         padding-right: 55px;    
286     }    
287     header.page-header.type14 .header.content > .logo {    
288         margin-right: 10px;    
289     }    
290 }    
291 @media (max-width:1679px) {    
292     header.page-header.type14 .navigation li.level0 > a {    
293         padding: 0 10px;    
294     }    
295 }    
296 @media (max-width: 767px) {    
297     header.page-header.type14 .header.content {    
298         padding: 25px 15px;    
299     }    
300     header.page-header.type14 .nav-toggle {    
301         line-height: 1;    
302         margin-right: 7px;    
303         display: inline-block;    
304         vertical-align: middle;    
305         float: none;    
306     }    
307     header.page-header.type14 .nav-toggle:before {    
308         color: #000;    
309         font-size: 17px;    
310     }    
311     header.page-header.type14 .panel.header {    
312         pointer-events: all;    
313     }    
314     header.page-header.type14 .search-area .search-toggle-icon {    
315         display: none;    
316     }    
317     header.page-header.type14 .panel.header .block-search {    
318         display: block;    
319         position: relative;    
320         top: 0;    
321         width: auto;    
322         right: 0;    
323         border: 0;    
324         overflow: visible;    
325         margin: 0;    
326     }    
327     header.page-header.type14 .block-search .label {    
328         line-height: 1;    
329     }    
330     header.page-header.type14 .block-search .label:before {    
331         font-size: 15px;    
332         line-height: 1;    
333         margin: 0;    
334     }    
335     header.page-header.type14 .block-search .label.active:before {    
336         color: #fff;    
337     }    
338     header.page-header.type14 .block-search input {    
339         position: absolute;    
340         right: -5px;    
341         top: -6px;    
342         margin: 0;    
343         left: auto;    
344         opacity: 0;    
345         filter:alpha(opacity=0);    
346         pointer-events: none;    
347     }    
348     header.page-header.type14 .block-search .label.active + .control input {    
349         position: absolute;    
350         display: block;    
351         opacity: 1;    
352         filter:alpha(opacity=100);    
353         pointer-events: all;    
354         z-index: 1;    
355     }    
356     header.page-header.type14 .navigation li.level0 > a {    
357         padding: 13px 36px 13px 15px;    
358     }    
359     header.page-header.type14 .block-search input {    
360         min-width: 200px;    
361     }    
362 }    
363 @media (min-width: 1680px) {    
364     header.page-header.type14 .header.content > .logo {    
365         margin-right: 80px;    
366     }    
367 }    
368 header.page-header.type14 .search-category select {    
369     color: #ccc;    
370     font-family: 'Oswald';    
371     text-transform: uppercase;    
372     letter-spacing: 1px;    
373 } 49 }

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