287. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:21 +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.

287.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype21.css2019-11-01 13:46:34 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype21.css2021-06-14 10:27:22 +0000

287.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged36
Changed3383
Inserted00
Removed00

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

287.4 Active regular expressions

No regular expressions were active.

287.5 Comparison detail

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

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