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

547.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/headertype16.css2018-06-10 17:43:06 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype16.css2021-04-12 07:57:24 +0000

547.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged510
Changed5270
Inserted00
Removed00

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

547.4 Active regular expressions

No regular expressions were active.

547.5 Comparison detail

1 .page-header.type16 .logo { 1 .page-header.type16 .main-panel-top {display: none;}
2     margin: 28px 0; 2 .page-header .header-col > *, .page-header.type16 .header-contact > * {margin-left: .875rem;}
    3 .page-header .header-col > *:first-child, .page-header.type16 .header-contact > *:first-child {margin-left: 0;}
    4 .page-header.type16 .header-main .header-left {display: flex;align-items: center;}
    5 .page-header.type16 .header-contact {display: inline-flex;align-items: center;}
    6 .page-header.type16 .header-contact .wishlist {top: -1px;position: relative;}
    7 .page-header.type16 .header-contact .wishlist i {font-size: 28px;display: block;margin: 0;}
    8 .page-header.type16 .custom-block {display: flex;align-items: center;}
    9 .page-header.type16 .custom-block > * {margin-left: .875rem;}
    10 .page-header.type16 .custom-block > *:first-child {margin-left: 0;}
    11 .page-header.type16 .separator {
    12     height: 1.75em;
    13     border-left: 1px solid rgba(0,0,0,.04);
    14     border-color: rgba(0,0,0,.06);
3 } 15 }
4 .page-header.type16 .minicart-wrapper 
{
 16 .page-header.type16 .minicart-wrapper .action.showcart::after {display: none;}
5     position: absolute; 17 .page-header.type16 .minicart-wrapper .action.showcart {min-width: 32px; justify-content: center;}
6     top: 50%; 18 .page-header.type16 .minicart-wrapper .action.showcart .counter.qty {right: -5px;top: -4px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);background-color: #ec7200;}
7     right: 15px; 19 
8     margin-top: -20px; 20 @media (max-width:991px){
9     width: 58px; 21   .page-header.type16 .header-main .header-left {flex: 1;}
    22   .page-header.type16 .logo {margin-left: 0;}
    23   .page-header.type16 .search-area {margin-left: auto;width: auto;}
    24   .page-header.type16 .custom-block {display: none;}
10 } 25 }
11 .page-header.type16 .minicart-wrapper .action.showcart { 26 @media (max-width: 575px) {
12     position: relative; 27 .page-header.type16 .search-area .block.block-search {right: -93px;}
13     padding: 0 25px 0 0;    
14     line-height: 37px;    
15     color: #606669;    
16 } 28 }
17 .page-header.type16 .minicart-wrapper .action.showcart:before, 29 @media (min-width:992px) {
18 .page-header.type16 .minicart-wrapper .action.showcart.active:before { 30 .page-header.type16 .header-main .header-left, .page-header.type16 .header-main .header-right {padding-top: 25px;padding-bottom: 25px;}
19     font-size: 33px; 31 .page-header.type16 .header-main .header-left {flex: 1;}
20     line-height: 40px; 32 .page-header.type16 .header-main .header-right .separator {margin-left: 2em;margin-right: 1em;}
    33 .page-header.type16 .logo {margin-left: 0;margin-right: 1rem;min-width: 111px;}
    34 .page-header.type16 .block-search input {height: 48px;padding: 0 0 0 25px;font-style: italic;}
    35 .page-header.type16 .search-area .minisearch .actions button {width: 46px;height: 48px;color:#222529;padding-right: 6px;}
    36 .page-header.type16 .search-category {right: 46px !important;height: 48px;}
    37 .page-header.type16 .search-category:after {line-height: 48px;}
    38 .page-header.type16 .navigation:not(.side-megamenu) > ul {display: flex;;overflow-x: auto;overflow-y: hidden;margin-bottom: 20px;-webkit-overflow-scrolling: touch;}
    39 .page-header.type16.sticky-header .navigation:not(.side-megamenu) > ul {margin-bottom: 0;}
    40 .page-header.type16.sticky-header .nav-sections {background-color: transparent;box-shadow: none;}
    41 .page-header.type16 .navigation:not(.side-megamenu) .level0 {max-width: 9.999%;flex: 0 0 9.999%;margin: 0;}
    42 .page-header.type16 .navigation:not(.side-megamenu) .level0 .level-top {height: 100%;width: 100%;text-align: center;font-size: 13px;font-weight: 600;line-height: 16px;letter-spacing: -.13px;color: #fff;padding: 12px 16px 15px 16px;text-transform: capitalize;display: block;}
    43 .page-header.type16 .navigation:not(.side-megamenu) .level0 .level-top > em {display: block;margin: 0 auto 4px;font-size: 1.7em;line-height: 30px;letter-spacing: -.01em;}
    44 .page-header.type16 .navigation:not(.side-megamenu) .level0 .level-top > em.size-lg {font-size: 2.4em;}
    45 .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
    46 .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;}
21 } 47 }
22 .page-header.type16 .minicart-wrapper .action.showcart .counter.qty { 48 @media (min-width: 992px) and (max-width: 1260px) {
23     font-size: 10px; 49 
.page-header.type16 .navigation:not(.side-megamenu) > ul {border-bottom: 5px solid #403f3f;}
24     color: #fff; 50 
.page-header.type16 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar {height: 10px;}
25     background-color: #ed5348; 51 .page-header.type16 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-track {background: #323232;border-radius: 10px;margin: 8px;}
26     right: 19px; 52 .page-header.type16 .navigation:not(.side-megamenu) > ul::-webkit-scrollbar-thumb {background: #6c6a6a;border-radius: 10px;}
27     margin-top: -21px; 53 .page-header.type16 .navigation:not(.side-megamenu) .level0 {max-width: 12.5%;flex: 0 0 12.5%;}
28     line-height: 17px;    
29 }    
30 .page-header.type16 .minicart-wrapper .block-minicart {    
31     right: -15px;    
32 }    
33 .page-header.type16 .minicart-wrapper .block-minicart:before {    
34     right: 49px;    
35 }    
36 .page-header.type16 .minicart-wrapper .block-minicart:after {    
37     right: 48px;    
38 }    
39 .page-header.type16.sticky-header .minicart-wrapper .block-minicart:before {    
40     right: 36px;    
41 }    
42 .page-header.type16.sticky-header .minicart-wrapper .block-minicart:after {    
43     right: 35px;    
44 }    
45 .page-header.type16.sticky-header .minicart-wrapper .action.showcart {    
46     padding-right: 12px;    
47 }    
48 .page-header.type16.sticky-header .minicart-wrapper .action.showcart:after {    
49     display: none;    
50 }    
51 .page-header.type16.sticky-header .minicart-wrapper .action.showcart .counter.qty {    
52     right: 8px;    
53 }    
54 .page-header.type16.sticky-header .minicart-wrapper {    
55     width: auto;    
56 }    
57 .page-header.type16 .nav-toggle {    
58     float: right;    
59     line-height: 62px;    
60 }    
61 @media (min-width: 768px) {    
62     .page-header.type16 {    
63         background-color: #fff;    
64         color: #777;    
65     }    
66     .page-header.type16 > .panel.wrapper {    
67         background-color: #f0f0ed;    
68         color: #777;    
69     }    
70     .page-header.type16 .header.panel {    
71         padding-bottom: 9px;    
72         padding-top: 8px;    
73     }    
74     .page-header.type16 .panel.header .switcher {    
75         padding: 0 15px;    
76         color: #999;    
77         text-transform: uppercase;    
78     }    
79     .page-header.type16 .panel.header .switcher.switcher-currency {    
80         padding-left: 0;    
81     }    
82     .page-header.type16 .header.panel > .header.links {    
83         color: #999;    
84         float: none;    
85         text-align: right;    
86         display: block;    
87     }    
88     .page-header.type16 .header.panel > .header.links > li.compare {    
89         float: left;    
90     }    
91     .page-header.type16 .header.panel > .header.links > li.compare > a {    
92         padding-left: 0;    
93     }    
94     .page-header.type16 .header.panel > .header.links > li > a {    
95         border: none;    
96         letter-spacing: 0.025em;    
97         color: #999;    
98     }    
99     .page-header.type16 .block-search {    
100         margin-left: 55px;    
101     }    
102     .page-header.type16 .block-search input {    
103         background-color: #fff;    
104         color: #777;    
105         border-color: #dbe0e2;    
106     }    
107     .page-header.type16 .block-search .action.search {    
108         padding: 0 13px;    
109     }    
110     .page-header.type16 .block-search .action.search:before {    
111         content: '\e884';    
112         color: #777;    
113     }    
114     .page-header.type16 .custom-block {    
115         height: 40px;    
116         line-height: 1;    
117         position: absolute;    
118         top: 50%;    
119         right: 100px;    
120         margin-top: -20px;    
121         font-size: 11px;    
122         color: #777;    
123         border-right: solid 1px #dde0e2;    
124         padding-right: 35px;    
125     }    
126     .page-header.type16 .custom-block > * {    
127         display: inline-block;    
128         vertical-align: middle;    
129     }    
130     .page-header.type16 .custom-block > a {    
131         font-size: 12px;    
132     }    
133     .page-header.type16 .nav-sections {    
134         background-color: transparent;    
135         color: #777;    
136         margin-bottom: 10px;    
137     }    
138     header.page-header.sticky-header.type16 .nav-sections {    
139         background-color: #fff;    
140     }    
141     .page-header.type16 .navigation
 {
    
142         background-color: transparent;    
143         padding: 0 15px;    
144     }    
145     .page-header.type16 .navigation
 > ul
 {
    
146         padding: 0;    
147         background-color: #f0f0ed;    
148     }    
149     .page-header.type16 .navigation li.level0 {    
150         color: #08c;    
151     }    
152     .page-header.type16 .navigation li.level0 > .level-top {    
153         color: inherit;    
154         padding: 0 20px;    
155         line-height: 42px;    
156         font-size: 12px;    
157         font-weight: 700;    
158         letter-spacing: inherit;    
159     }    
160     .page-header.type16 .navigation li.level0.active, .page-header.type16 .navigation li.level0:hover {    
161         color: #fff;    
162         background-color: #08c;    
163     }    
164 }    
165 @media (max-width: 991px) {    
166     header.page-header.type16.sticky-header .navigation li.level0 > .level-top {    
167         padding: 0 10px;    
168     }    
169 }    
170 @media (max-width: 767px) {    
171     .page-header.type16 .logo {    
172         height: 40px;    
173         float: left;    
174         margin: 10px 0;    
175     }    
176     .page-header.type16 .minicart-wrapper .action.showcart {    
177         padding-right: 0;    
178     }    
179     .page-header.type16 .minicart-wrapper .action.showcart:before, .page-header.type16 .minicart-wrapper .action.showcart.active:before {    
180         font-size: 25px;    
181     }    
182     .page-header.type16 .minicart-wrapper .action.showcart:after {    
183         display: none;    
184     }    
185     .page-header.type16 .minicart-wrapper .action.showcart .counter.qty {    
186         right: -6px;    
187         margin-top: -20px;    
188     }    
189     .page-header.type16 .minicart-wrapper .block-minicart {    
190         right: 0;    
191         min-width: 300px;    
192     }    
193     .page-header.type16 .minicart-wrapper .block-minicart:before {    
194         right: 20px;    
195     }    
196     .page-header.type16 .minicart-wrapper .block-minicart:after {    
197         right: 19px;    
198     }    
199     .page-header.type16 .block-search .label:before {    
200         font-size: 18px;    
201     }    
202     .page-header.type16 .nav-toggle:before {    
203         font-size: 18px;    
204     }    
205     .page-header.type16 .minicart-wrapper {    
206         margin: 11px 0;    
207         position: static;    
208         width: auto;    
209     }    
210     .page-header.type16 .block-search {    
211         float: none;    
212         margin-bottom: 0;    
213     }    
214     .page-header.type16 .block-search .label {    
215         float: right;    
216         margin: 10px 0;    
217         line-height: 40px;    
218         margin-right: 10px;    
219     }    
220     .page-header.type16 .custom-block {    
221         display: none;    
222     }    
223 }    
224 .page-header.type16.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type16.sticky-header .minicart-wrapper .action.showcart.active:before {    
225     font-size: 25px;    
226 } 54 }

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