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

550.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/headertype17.rtl.css2019-10-30 10:34:02 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype17.rtl.css2021-04-15 08:11:04 +0000

550.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged918
Changed8264
Inserted00
Removed165

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

550.4 Active regular expressions

No regular expressions were active.

550.5 Comparison detail

1 .cms-index-index .page-header.type17 { 1 .page-header.type17 .header-col > * {margin-right: .875rem;}
2     position: absolute; 2 .page-header.type17 .header-col > *:first-child {margin-right: 0;}
3     right: 0; 3 .page-header.type17 .header-main .header-left,.page-header.type17 .header-main .header-right {flex: 1;}
4     top: 0; 4 .page-header.type17 .header-main .header-center {flex: inherit;padding: 0 15px;}
5     width: 100%; 5 .page-header.type17 .logo {margin-right: 0;}
6     z-index: 9; 6 .page-header.type17 .my-account {padding: 0 .125rem;}
7     background: transparent; 7 .page-header.type17 .my-account i,.page-header.type17 .wishlist i {font-size: 27px;display: block;}
8     border: 0; 8 .page-header.type17 .main-panel-top {display: none;}
9 } 9 .page-header.type17 .search-area {width: auto;}
10 .page-header.type17 { 10 .page-header.type17 .search-area a.search-toggle-icon {font-size: 20.5px;width: 40px;top:1px;}
11     position: relative; 11 .page-header.type17 .search-area a.search-toggle-icon i::before {font-weight: 600;}
12     border-top: none; 12 .page-header.type17 .search-area .minisearch .actions button {width: 46px;}
13     background-color: #1e1e1e; 13 .page-header.type17 .search-category {left: 46px !important;}
14 } 14 .page-header.type17 .minicart-wrapper .action.showcart {min-width: 32px;justify-content: center;}
15 .page-header.type17 .logo { 15 .page-header.type17 .minicart-wrapper .action.showcart .minicart-icon {font-size: 27px;}
16     margin: 0; 16 .page-header.type17 .minicart-wrapper .action.showcart::after {display: none;}
17     float: right; 17 .page-header.type17 .minicart-wrapper .action.showcart .counter.qty {left: -5px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);}
18     display: inline-block; 18 @media (max-width:991px){
19     position: relative; 19   .page-header.type17 .header-main .header-left {flex: inherit;min-width: auto;}
20     z-index: 4; 20   .page-header.type17 .header-main .header-center {padding: 0;}
21 } 21 }
22 .page-header.type17.sticky-header .header.content > .logo { 22 @media only screen and (max-width:575px){
23     display: none; 23   .page-header.type17 .my-account {display: none;}
    24   .page-header.type17 .search-area a.search-toggle-icon { width: 30px; }
    25   .page-header.type17 .search-area .block.block-search {left: -90px;}
24 } 26 }
25 @media (min-width: 768px) { 27 @media (min-width:992px) {
26     .page-header.type17 .header
.content {
 28 
.page-header.type17 .header-main .header-left {padding: 0;text-align: left;}
27         padding: 25px 15px; 29 .page-header.type17 .header-main .header-right {padding: 22px 0;text-align: right;}
28         text-align: right; 30 
.page-header.type17 .nav-sections {width: 100%;}
29     } 31 
.page-header.type17 .navigation:not(.side-megamenu) {padding: 0;position: static;}
30     .page-header.type17 .nav-sections {
 32 .page-header.type17 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
31         display: block; 33 
.page-header.type17 .navigation:not(.side-megamenu) 
.level0 {margin: 0 0 0 5px;}
32         position: relative; 34 
.page-header.type17 .navigation:not(.side-megamenu) 
.level0 
.level-top {
33         width: 100%;    
34         z-index: 4;    
35     }    
36     .page-header.type17 .navigation
 > ul {		    
37         padding-left: 35%; text-align: left;    
38     }    
39     .page-header.type17.sticky-header .navigation > ul {    
40         padding-left: 90px;    
41     }    
42     header.page-header.sticky-header.type21 .nav-sections {    
43         background-color: #fff;    
44     }    
45     .page-header.type17 .navigation
 li.level0 {
    
46         color: #161616;    
47         text-align: right;    
48     }    
49     .page-header.type17 .navigation
 li.level0 > .level-top {		    
50         font-family: 'Oswald';    
51     }    
52     .page-header.type17 .header.panel {    
53         position: relative;    
54         float: left;    
55         padding: 5px 0;    
56         z-index: 5;    
57         margin-right: 20px;    
58         max-width: none;    
59         width: auto;    
60     }    
61     .page-header.type17 .header.panel .top-panel,.page-header.type17 .header.panel .bottom-panel {    
62         display: inline-block;    
63         vertical-align: middle;    
64     }    
65     body.layout-fullwidth .page-header.type17 .header.panel .top-panel {    
66         display: inline-block;    
67         vertical-align: middle;    
68     }    
69     .page-header.type17 .top-links-area {    
70         position: relative;    
71         display: inline-block;    
72         margin-right: 20px;    
73     }    
74     .page-header.type17 .top-links-icon {    
75         display: inline-block;    
76         vertical-align: middle;    
77         font-size: 11px;    
78         padding: 7px 0 7px 20px;    
79         position: relative;    
80         color: #fff;    
81         text-transform: uppercase;    
82     }    
83     .page-header.type17 .top-links-icon a {    
84         font-family: 'Oswald';    
85         color: #fff;    
86         font-size: 13px; 35   font-size: 13px;
87         font-weight: 400; 36   font-weight: 700;
88         letter-spacing: 0.025em; 37   line-height: 20px;
89     } 38   letter-spacing: 0;
90     .page-header.type17 .top-links-icon a:hover {text-decoration: none;} 39   padding: 45px 10px 45px 10px;
91     .page-header.type17 .top-links-icon:before {    
92         content: "\f807";    
93         display: block;    
94         position: absolute;    
95         left: 3px;    
96         top: 50%;    
97         font-family: "porto-icons";    
98         margin-top: -10px;    
99         font-size: 16px;    
100         -webkit-font-smoothing: antialiased;    
101     }    
102     .page-header.type17 .top-links-area > .links {    
103         display: none;    
104         position: absolute;    
105         left: 0;    
106         z-index: 9;    
107         background-color: #fff!important;    
108         border-radius: 3px;    
109         margin: 0;    
110         padding: 5px 0;    
111         text-align: left;    
112         border: 1px solid #ccc;    
113         min-width: 150px;    
114     }    
115     .page-header.type17 .top-links-area .links > li {    
116         display: block;    
117         margin: 0;    
118         text-align: left;    
119         text-transform: uppercase; 40   text-transform: uppercase;
120         line-height: 19px;    
121     
122     }    
123     .page-header.type17 .top-links-area .links > li > a,    
124     .page-header.type17 .top-links-area .links > li > span {    
125         color: #777 !important;    
126         white-space: nowrap;    
127         padding: 0 10px;    
128         display: block;    
129         transition: all .2s;    
130         font-weight: 400;    
131         font-size: 11px;    
132     }    
133     .page-header.type17 .custom-block {    
134         font-family: 'Oswald';    
135         font-weight: 400;    
136         display: inline-block;    
137         text-align: right;    
138         font-size: 13px;    
139         vertical-align: middle;    
140     }    
141     .page-header.type17 .header.panel .search-area {    
142         display: none;    
143         vertical-align: middle;    
144         padding-right: 15px;    
145         position: relative;    
146     }    
147     .page-header.type17 .header.panel .search-area > a {    
148         color: #fff;    
149         padding-left: 6px;    
150         display: block;    
151     }    
152     .page-header.type17 .header.panel .block-search {    
153         display: none;    
154         position: absolute;    
155         left: -20px;    
156         top: 100%;    
157         margin-top: 20px;    
158     }    
159     .page-header.type17 .header.panel .block-search input {    
160         height: 45px;    
161         border-radius: 25px;    
162         border: 5px solid #ccc;    
163     }    
164     .page-header.type17 .header.panel .block-search .action.search {    
165         left: 5px;    
166         height: 45px;    
167         border-right: 1px solid #ccc;    
168         width: 40px;    
169     }    
170     .page-header.type17 .header.panel .switcher {    
171         float: none;    
172         padding: 5px 10px;    
173         height: 24px;    
174         border-radius: 3px;    
175         color: #fff;    
176         text-transform: uppercase;    
177         text-align: right;    
178     }    
179     .page-header.type17 .header.panel .switcher strong {    
180         font-family: 'Oswald';    
181         font-size: 13px;    
182         font-weight: 400;    
183         letter-spacing: 0.025em;    
184     }    
185 } 41 }
186 @media (max-width: 991px) { 42 .page-header.type17 .navigation:not(.side-megamenu) .level0 .level-top::before {content: "";position: absolute;width: 100%;height: 3px;top: 0;right: 0;opacity: 0;}
187     .page-header.type17 .custom-block { 43 .page-header.type17 .navigation:not(.side-megamenu) .level0:hover .level-top::before {opacity: 1;}
188         display: none; 44 .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
189     } 45 .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;}
190     .page-header.type17 .
header.panel .switcher {		 46 .page-header .sw-megamenu.navigation li.level0 .submenu .container {max-width: 100%;}
191         padding-left: 0; 47 .page-header.type17.sticky-header .header-main .header-left,.page-header.type17.sticky-header .header-main .header-right {padding: 0;}
192     } 48 .page-header.type17 .navigation:not(.side-megamenu) .level0.parent .level-top::after {display: none;}
193     .page-header.type17 .header.panel { 49 .page-header.type17.sticky-header .logo {max-width: 100px;}
    50 
.page-header.type17
.sticky-header .logo img {
    51   transform: scale(.8);
    52   transform-origin: right center;
    53 
}
    54 .page-header.type17.sticky-header .nav-sections {position: static !important; width: auto !important;box-shadow: none;}
    55 
.page-header.type17
.sticky-header
 .header-main {
    56   position: fixed;
    57   
left: 0;
    58   right: 0;
    59   margin-left: 0;
194         margin-right: 0; 60   margin-right: 0;
195     } 61   box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);
196     .page-header.type17 .top-links-area {    
197         margin-right: 10px;    
198     }    
199 } 62 }
200 @media (max-width: 767px) { 63 .page-header.type17.sticky-header .navigation:not(.side-megamenu) .level0 .level-top {padding-top: 30px;padding-bottom: 30px;}
201     .page-header.type17 .logo { 64 
.page-header.type17.sticky-header .minicart-wrapper {position: static;transform: none;}
202         height: 40px;    
203         float: right;    
204         margin: 10px 0;    
205     }    
206     .page-header.type17 .logo img {    
207         height: 40px;    
208         width: auto;    
209     }    
210     .page-header.type17 .header.panel {    
211         position: relative;    
212     }    
213     .page-header.type17 .top-panel:after {    
214         content: "";    
215         display: block;    
216         clear: both;    
217     }    
218     .page-header.type17 .bottom-panel {    
219         position: absolute;    
220         left: 10px;    
221         top: 8px;    
222     }    
223     .page-header.type17
 .minicart-wrapper {
    
224         position: relative;    
225         top: auto;    
226         right: auto;    
227         left: auto;    
228         margin: 0;    
229         float: left;    
230         margin-left:-17px;    
231     }    
232     .page-header.type17 .minicart-wrapper .action.showcart:before,    
233     .page-header.type17 .minicart-wrapper .action.showcart.active:before {    
234         font-size: 28px;    
235         line-height: 40px;    
236     }    
237     .page-header.type17 .minicart-wrapper .block-minicart {    
238         left:-7px;    
239     }    
240     .page-header.type17 .minicart-wrapper .action.showcart {    
241         line-height: 40px;    
242     }    
243     .page-header.type17 .search-toggle-icon {    
244         display: none;    
245     }    
246     .page-header.type17 .block-search .label {    
247         float: left;    
248         margin-left: 15px;    
249         margin-top: 17px;    
250     }    
251     .page-header.type17 .nav-toggle {    
252         float: left;    
253         margin-left: 55px;    
254     }    
255     .page-header.type17 .top-links-area, .page-header.type17 .custom-block {    
256         display: none;    
257     }    
258     .page-header.type17 .block-search .label:before, .page-header.type17 .nav-toggle:before {    
259         font-size: 18px;    
260     }    
261 } 65 }
262 @media (min-width: 768px) { 66 
@media (min-width:992px) and (max-width: 1440px) {
263     header.page-header.type17.sticky-header .nav-sections { 67 
.page-header.type17
 .navigation:not(.side-megamenu) .level0 
.level-top {padding: 35px 7px 35px 7px;}
264         background-color: transparent;    
265         position: static !important;    
266         pointer-events: none;    
267     }    
268     .page-header.type17 .navigation li.level0 > .level-top {    
269         line-height: 38px;    
270     }    
271     header.page-header.type17.sticky-header .navigation li.level0 > .level-top {    
272         color: #fff;    
273         line-height: 27px;    
274     }    
275 }@media (min-width: 768px) and (max-width: 991px) {    
276     .page-header.type17.header-newskin .navigation
 .level0 > .level-top {
    
277         padding: 0 5px;    
278     }    
279 } 68 }

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