560. Araxis Merge File Comparison Report

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

560.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/headertype21.rtl.css2019-11-01 13:46:38 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype21.rtl.css2019-11-01 13:46:38 +0000

560.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1670
Changed00
Inserted00
Removed00

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

560.4 Active regular expressions

No regular expressions were active.

560.5 Comparison detail

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