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

549.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.css2019-03-29 23:55:02 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype17.css2021-04-15 08:11:12 +0000

549.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1020
Changed9323
Inserted00
Removed18

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

549.4 Active regular expressions

No regular expressions were active.

549.5 Comparison detail

1 .cms-index-index .page-header.type17 { 1 .page-header.type17 .header-col > * {margin-left: .875rem;}
2     position: absolute; 2 .page-header.type17 .header-col > *:first-child {margin-left: 0;}
3     left: 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-left: 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 {
8     border: 0; 8   font-size: 27px;
9 } 9   display: block;
10 .page-header.type17 
{
    
11     position: relative;    
12     border-top: none;    
13     background-color: #1e1e1e;    
14 } 10 }
15 .page-header.type17 .logo {
 11 .page-header.type17 .main-panel-top {display: none;}
16     margin: 0; 12 .page-header.type17 .search-area {width: auto;}
17     float: left; 13 .page-header.type17 .search-area a.search-toggle-icon {font-size: 20.5px;width: 40px;top:1px;}
18     display: inline-block; 14 .page-header.type17 .search-area a.search-toggle-icon i::before {font-weight: 600;}
19     position: relative; 15 .page-header.type17 .search-area .minisearch .actions button {width: 46px;}
20     z-index: 4; 16 .page-header.type17 .search-category {right: 46px !important;}
    17 .page-header.type17 .minicart-wrapper .action.showcart {min-width: 32px;justify-content: center;}
    18 .page-header.type17 .minicart-wrapper .action.showcart .minicart-icon {font-size: 27px;}
    19 .page-header.type17 .minicart-wrapper .action.showcart::after {display: none;}
    20 .page-header.type17 .minicart-wrapper .action.showcart .counter.qty {right: -5px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);}
    21 @media (max-width:991px){
    22   .page-header.type17 .header-main .header-left {flex: inherit;min-width: auto;}
    23   .page-header.type17 .header-main .header-center {padding: 0;}
21 } 24 }
22 .page-header.type17.sticky-header .header.content > .logo { 25 @media only screen and (max-width:575px){
23     display: none; 26   .page-header.type17 .my-account {display: none;}
    27   .page-header.type17 .search-area a.search-toggle-icon { width: 30px; }
    28   .page-header.type17 .search-area .block.block-search {right: -90px;}
24 } 29 }
25 @media (min-width: 768px) { 30 @media (min-width:992px) {
26     .page-header.type17 .header
.content {
 31 
.page-header.type17 .header-main .header-left {padding: 0;text-align: left;}
27         padding: 25px 15px; 32 .page-header.type17 .header-main .header-right {padding: 22px 0;text-align: right;}
28         text-align: left; 33 
.page-header.type17 .nav-sections {width: 100%;}
29     } 34 
.page-header.type17 .navigation:not(.side-megamenu) {padding: 0;position: static;}
30     .page-header.type17 .nav-sections {
 35 .page-header.type17 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
31         display: block; 36 
.page-header.type17 .navigation:not(.side-megamenu) 
.level0 {margin: 0 5px 0 0;}
32         position: relative; 37 
.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-right: 35%; text-align: right;    
38     }    
39     .page-header.type17.sticky-header .navigation > ul {    
40         padding-right: 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: left;    
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: right;    
55         padding: 5px 0;    
56         z-index: 5;    
57         margin-left: 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-left: 20px;    
73     }    
74     .page-header.type17 .top-links-icon {    
75         display: inline-block;    
76         vertical-align: middle;    
77         font-size: 11px;    
78         padding: 7px 20px 7px 0;    
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;    
87         font-weight: 400;    
88         letter-spacing: 0.025em;    
89     }    
90     .page-header.type17 .top-links-icon a:hover {text-decoration: none;}    
91     .page-header.type17 .top-links-icon:before {    
92         content: "\f807";    
93         display: block;    
94         position: absolute;    
95         right: 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         right: 0;    
106         z-index: 9;    
107         background-color: #fff!important;    
108         border-radius: 3px;    
109         margin: 0;    
110         padding: 5px 0;    
111         text-align: right;    
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: right;    
119         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: left;    
138         font-size: 13px; 38   font-size: 13px;
139         vertical-align: middle; 39   font-weight: 700;
140     } 40   line-height: 20px;
141     .page-header.type17 .header.panel .search-area { 41   letter-spacing: 0;
142         display: none; 42   padding: 45px 10px 45px 10px;
143         vertical-align: middle;    
144         padding-left: 15px;    
145         position: relative;    
146     }    
147     .page-header.type17 .header.panel .search-area > a {    
148         color: #fff;    
149         padding-right: 6px;    
150         display: block;    
151     }    
152     .page-header.type17 .header.panel .block-search {    
153         display: none;    
154         position: absolute;    
155         right: -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         right: 5px;    
166         height: 45px;    
167         border-left: 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; 43   text-transform: uppercase;
177         text-align: left;    
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 } 44 }
186 @media (max-width: 991px) { 45 .page-header.type17 .navigation:not(.side-megamenu) .level0 .level-top::before {content: "";position: absolute;width: 100%;height: 3px;top: 0;left: 0;opacity: 0;}
187     .page-header.type17 .custom-block { 46 .page-header.type17 .navigation:not(.side-megamenu) .level0:hover .level-top::before {opacity: 1;}
188         display: none; 47 .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
189     } 48 .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;}
190     .page-header.type17 .header.panel .switcher { 49 .page-header .sw-megamenu.navigation li.level0 .submenu .container {max-width: 100%;}
191         padding-right: 0; 50 .page-header.type17.sticky-header .header-main .header-left,.page-header.type17.sticky-header .header-main .header-right {padding: 0;}
192     } 51 .page-header.type17 .navigation:not(.side-megamenu) .level0.parent .level-top::after {display: none;}
193     .page-header.type17 .
header
.panel {
 52 
.page-header.type17
.sticky-header .logo {max-width: 100px;}
194         margin-left: 0; 53 
.page-header.type17
.sticky-header .logo img {
195     } 54   transform: scale(.8);
196     .page-header.type17 .top-links-area { 55   transform-origin: left center;
197         margin-left: 10px;    
198     }    
199 } 56 }
200 @media (max-width: 767px) { 57 .page-header.type17.sticky-header .nav-sections {position: static !important; width: auto !important;box-shadow: none;}
201     .page-header.type17 .logo { 58 
.page-header.type17
.sticky-header .header-main {
202         height: 40px; 59   position: fixed;
203         float: left; 60   left: 0;
204         margin: 10px 0; 61   right: 0;
205     } 62   margin-left: 0;
206     .page-header.type17 .logo img { 63   margin-right: 0;
207         height: 40px; 64   box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);
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         right: 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: right;    
230         margin-right:-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         right:-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: right;    
248         margin-right: 15px;    
249         margin-top: 17px;    
250     }    
251     .page-header.type17 .nav-toggle {    
252         float: right;    
253         margin-right: 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 
.page-header.type17.sticky-header .navigation:not(.side-megamenu) 
.level0 
.level-top {padding-top: 30px;padding-bottom: 30px;}
263     header.page-header.type17.sticky-header .nav-sections { 67 .page-header.type17.sticky-header .minicart-wrapper {position: static;transform: none;}
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 } 68 }
276 @media (min-width: 768px) and (max-width: 991px) { 69 @media (min-width:992px) and (max-width: 1440px) {
277     .page-header.type17.header-newskin .navigation
 .level0 > .level-top {
 70 
.page-header.type17
 .navigation:not(.side-megamenu) .level0 
.level-top {padding: 35px 7px 35px 7px;}
278         padding: 0 5px;    
279     }    
280 } 71 }

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