107. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-11-23 04:31:27 +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.

107.1 Files compared

#LocationFileLast Modified
1/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme 4.0.6/pub/media/porto/web/css/headertype15.rtl.css2023-02-14 12:42:11 +0000
2/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme 4.0.7/pub/media/porto/web/css/headertype15.rtl.css2023-02-14 12:42:11 +0000

107.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1196
Changed00
Inserted00
Removed00

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

107.4 Active regular expressions

No regular expressions were active.

107.5 Comparison detail

1 .page-header.type15 .header-main .header-left,.page-header.type15 .header-main .header-right {padding-top: 15px;padding-bottom: 15px;} 1 .page-header.type15 .header-main .header-left,.page-header.type15 .header-main .header-right {padding-top: 15px;padding-bottom: 15px;}
2 .page-header .panel.wrapper {position: relative;} 2 .page-header .panel.wrapper {position: relative;}
3 .page-header .panel.wrapper .header-right > * {margin-right: .875rem;margin-left: 0;} 3 .page-header .panel.wrapper .header-right > * {margin-right: .875rem;margin-left: 0;}
4 .page-header.type15 .main-panel-top {display: none;} 4 .page-header.type15 .main-panel-top {display: none;}
5 .page-header.type15 .main-panel-top .panel.header+.gap {height: 1.6em;} 5 .page-header.type15 .main-panel-top .panel.header+.gap {height: 1.6em;}
6 .page-header.type15 .panel.header .switcher {margin-right: 0;margin-right: .875rem;} 6 .page-header.type15 .panel.header .switcher {margin-right: 0;margin-right: .875rem;}
7 .page-header.type15 .panel.header .switcher:first-child {margin-right: 0;} 7 .page-header.type15 .panel.header .switcher:first-child {margin-right: 0;}
8 .page-header.type15 .main-panel-top .share-links a {width: 26px;height: 26px;margin: 0 1px;display: inline-block;} 8 .page-header.type15 .main-panel-top .share-links a {width: 26px;height: 26px;margin: 0 1px;display: inline-block;}
9 .page-header.type15 .main-panel-top .separator {height: 1.6em;border-right: 1px solid rgba(255,255,255,.09);display: inline-block;vertical-align: middle;} 9 .page-header.type15 .main-panel-top .separator {height: 1.6em;border-right: 1px solid rgba(255,255,255,.09);display: inline-block;vertical-align: middle;}
10 .page-header.type15 .header-main .header.content {max-width: 100%;padding-left: 20px;padding-right: 20px;} 10 .page-header.type15 .header-main .header.content {max-width: 100%;padding-left: 20px;padding-right: 20px;}
11 .page-header.type15 .header-main .separator {border-right: 1px solid rgba(0,0,0,.04);height: 1.5em;} 11 .page-header.type15 .header-main .separator {border-right: 1px solid rgba(0,0,0,.04);height: 1.5em;}
12 .page-header.type15 .header-main .header-right > *{margin-right: .875rem;} 12 .page-header.type15 .header-main .header-right > *{margin-right: .875rem;}
13 .page-header.type15 .header-main .header-right > *:first-child {margin-right: 0;} 13 .page-header.type15 .header-main .header-right > *:first-child {margin-right: 0;}
14 .page-header.type15 .custom-block {white-space: nowrap;} 14 .page-header.type15 .custom-block {white-space: nowrap;}
15 .page-header.type15 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;} 15 .page-header.type15 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
16 .page-header.type15 .header-contact .wishlist {margin-right: .5rem;height: 30px;} 16 .page-header.type15 .header-contact .wishlist {margin-right: .5rem;height: 30px;}
17 .page-header.type15 .header-contact .wishlist i {font-size: 28px;display: block;margin: 0;} 17 .page-header.type15 .header-contact .wishlist i {font-size: 28px;display: block;margin: 0;}
18 .page-header.type15 .minicart-wrapper {height: 28px;} 18 .page-header.type15 .minicart-wrapper {height: 28px;}
19 .page-header.type15 .minicart-wrapper .action.showcart {min-width: 32px;justify-content: center;} 19 .page-header.type15 .minicart-wrapper .action.showcart {min-width: 32px;justify-content: center;}
20 .page-header.type15 .minicart-wrapper .action.showcart::after {display: none;} 20 .page-header.type15 .minicart-wrapper .action.showcart::after {display: none;}
21 .page-header.type15 .minicart-wrapper .action.showcart .counter.qty {left: -5px;top: -4px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);} 21 .page-header.type15 .minicart-wrapper .action.showcart .counter.qty {left: -5px;top: -4px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);}
22 .page-header.type15 .nav-sections .navigation {padding-left: 0;padding-right: 0;position: static;} 22 .page-header.type15 .nav-sections .navigation {padding-left: 0;padding-right: 0;position: static;}
23 .page-header.type15 .nav-sections .navigation .container {padding-right: 10px;padding-left: 10px;} 23 .page-header.type15 .nav-sections .navigation .container {padding-right: 10px;padding-left: 10px;}
24 .page-header.type15 .search-area.show-icon a.search-toggle-icon i::before {font-weight: 600;} 24 .page-header.type15 .search-area.show-icon a.search-toggle-icon i::before {font-weight: 600;}
25 .nav-toggle {padding-left: 1px;margin-left: 0;} 25 .nav-toggle {padding-left: 1px;margin-left: 0;}
26 @media (min-width:1670px){ 26 @media (min-width:1670px){
27   .page-header.type15 .header-main .header-right {flex: 1;flex-wrap: nowrap;padding-right: 1.75rem;} 27   .page-header.type15 .header-main .header-right {flex: 1;flex-wrap: nowrap;padding-right: 1.75rem;}
28 } 28 }
29 @media (min-width:992px) and (max-width:1669px){ 29 @media (min-width:992px) and (max-width:1669px){
30   .page-header.type15 .header-main .header-left {flex: 1;} 30   .page-header.type15 .header-main .header-left {flex: 1;}
31 } 31 }
32 @media (min-width: 1440px) { 32 @media (min-width: 1440px) {
33 .page-header.type15 .header-main .header-left .logo {margin-left: 1rem;} 33 .page-header.type15 .header-main .header-left .logo {margin-left: 1rem;}
34 } 34 }
35 @media (min-width:992px){ 35 @media (min-width:992px){
36   .page-header.type15 .header-main .header-left > * {margin-right: .875rem;} 36   .page-header.type15 .header-main .header-left > * {margin-right: .875rem;}
37   .page-header.type15 .header-main .header-left > *:first-child{margin-right: 0;} 37   .page-header.type15 .header-main .header-left > *:first-child{margin-right: 0;}
38   .page-header.type15 .header-main .header-right .separator {margin-right: 2em;margin-left: 1em;} 38   .page-header.type15 .header-main .header-right .separator {margin-right: 2em;margin-left: 1em;}
39   .page-header.type15 .logo {min-width: 111px;margin-right: 0 !important;} 39   .page-header.type15 .logo {min-width: 111px;margin-right: 0 !important;}
40   .page-header.type15 .search-area:not(.show-icon) .block.block-search {border: none;} 40   .page-header.type15 .search-area:not(.show-icon) .block.block-search {border: none;}
41   .page-header.type15 .block-search input,.page-header.type15 .search-category {height: 48px;font-style: italic;} 41   .page-header.type15 .block-search input,.page-header.type15 .search-category {height: 48px;font-style: italic;}
42   .page-header.type15 .search-category {left: 51px !important;} 42   .page-header.type15 .search-category {left: 51px !important;}
43   .page-header.type15 .search-category:after {line-height: 48px;} 43   .page-header.type15 .search-category:after {line-height: 48px;}
44   .page-header.type15 .search-category select {max-width: 95px;} 44   .page-header.type15 .search-category select {max-width: 95px;}
45   .page-header.type15 .search-area .minisearch .actions button {width: 52px;line-height: 48px;height: 48px;color: #222529;} 45   .page-header.type15 .search-area .minisearch .actions button {width: 52px;line-height: 48px;height: 48px;color: #222529;}
46   .page-header.type15.sticky-header .logo {min-width: 100px;max-width: 100px;} 46   .page-header.type15.sticky-header .logo {min-width: 100px;max-width: 100px;}
47   .page-header.type15.sticky-header .logo img {transform: scale(.8);transform-origin: right center;} 47   .page-header.type15.sticky-header .logo img {transform: scale(.8);transform-origin: right center;}
48   .page-header.type15.sticky-header .nav-sections {position: static !important; box-shadow: none;width: auto !important;} 48   .page-header.type15.sticky-header .nav-sections {position: static !important; box-shadow: none;width: auto !important;}
49   .page-header.type15.sticky-header .header-main {position: fixed; right: 0;top: 0; background: #fff;width: 100%;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);} 49   .page-header.type15.sticky-header .header-main {position: fixed; right: 0;top: 0; background: #fff;width: 100%;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);}
50   .page-header.type15.sticky-header .header-main .header-left, .page-header.type15.sticky-header .header-main .header-right {padding-top: 9.5px;padding-bottom: 9.5px;} 50   .page-header.type15.sticky-header .header-main .header-left, .page-header.type15.sticky-header .header-main .header-right {padding-top: 9.5px;padding-bottom: 9.5px;}
51   .page-header.type15.sticky-header .minicart-wrapper {position: relative;right: 0;} 51   .page-header.type15.sticky-header .minicart-wrapper {position: relative;right: 0;}
52   .page-header.type15 .sticky-logo {margin-top: 10px;padding-right: 10px;} 52   .page-header.type15 .sticky-logo {margin-top: 10px;padding-right: 10px;}
53   .page-header.type15 .header.panel > .header.links {display: flex;align-items: center;} 53   .page-header.type15 .header.panel > .header.links {display: flex;align-items: center;}
54   .page-header.type15 .header.panel > .header.links > li > a {padding-top: 8px;padding-bottom: 8px;padding-right: 16px;padding-left: 8px;text-transform: none;} 54   .page-header.type15 .header.panel > .header.links > li > a {padding-top: 8px;padding-bottom: 8px;padding-right: 16px;padding-left: 8px;text-transform: none;}
55   .page-header.type15 .nav-sections {display: flex;align-items: center;} 55   .page-header.type15 .nav-sections {display: flex;align-items: center;}
56   .page-header.type15 .nav-sections .nav-sections-items {flex: 0 0 100%;} 56   .page-header.type15 .nav-sections .nav-sections-items {flex: 0 0 100%;}
57   .page-header.type15 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;} 57   .page-header.type15 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
58   .page-header.type15 .navigation:not(.side-megamenu) .level0 {margin-left: 1px;} 58   .page-header.type15 .navigation:not(.side-megamenu) .level0 {margin-left: 1px;}
59   .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {font-size: 13px;font-weight: 600;line-height: 13px;letter-spacing: 0;padding: 30px 16px 30px 16px;} 59   .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {font-size: 13px;font-weight: 600;line-height: 13px;letter-spacing: 0;padding: 30px 16px 30px 16px;}
60   .page-header.type15.sticky-header .navigation:not(.side-megamenu) .level0 .level-top {padding-top: 20px;padding-bottom: 20px;} 60   .page-header.type15.sticky-header .navigation:not(.side-megamenu) .level0 .level-top {padding-top: 20px;padding-bottom: 20px;}
61   .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a, 61   .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
62   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #000;} 62   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #000;}
63   .sw-megamenu.navigation li.level0.classic .submenu a,.sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a {font-weight: 600;} 63   .sw-megamenu.navigation li.level0.classic .submenu a,.sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a {font-weight: 600;}
64   .page-header.type15 .search-area.show-icon .block.block-search {min-width: 380px;} 64   .page-header.type15 .search-area.show-icon .block.block-search {min-width: 380px;}
65 } 65 }
66 @media (min-width:992px) and (max-width: 1615px) { 66 @media (min-width:992px) and (max-width: 1615px) {
67 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top { 67 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {
68     padding: 20px 10px 20px 10px; 68     padding: 20px 10px 20px 10px;
69 } 69 }
70 } 70 }
71 @media (max-width: 1575px) { 71 @media (max-width: 1575px) {
72   .page-header.type15 .header-main .header-right > *,.page-header.type15 .header-main .header-right .separator{margin-right: .875rem;margin-left: 0;} 72   .page-header.type15 .header-main .header-right > *,.page-header.type15 .header-main .header-right .separator{margin-right: .875rem;margin-left: 0;}
73   .page-header.type15 .header-main .header-left > * {margin-right: .375rem;} 73   .page-header.type15 .header-main .header-left > * {margin-right: .375rem;}
74 } 74 }
75 @media (min-width:992px) and (max-width: 1219px) { 75 @media (min-width:992px) and (max-width: 1219px) {
76 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top { 76 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {
77     padding: 20px 6px 20px 6px; 77     padding: 20px 6px 20px 6px;
78     font-size: 12px; 78     font-size: 12px;
79 } 79 }
80 } 80 }
81 @media (min-width:992px) and (max-width: 1199px) { 81 @media (min-width:992px) and (max-width: 1199px) {
82 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top { 82 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {
83     padding: 20px 10px 20px 10px; 83     padding: 20px 10px 20px 10px;
84 } 84 }
85 .page-header.type15 .menu-custom-block, .page-header.type15 .sections.nav-sections + .separator { 85 .page-header.type15 .menu-custom-block, .page-header.type15 .sections.nav-sections + .separator {
86   display: none; 86   display: none;
87 } 87 }
88 } 88 }
89 @media (max-width:991px){ 89 @media (max-width:991px){
90   .page-header.type15 .custom-block,.page-header.type15 .header-main .separator {display: none;} 90   .page-header.type15 .custom-block,.page-header.type15 .header-main .separator {display: none;}
91   .page-header.type15 .header-contact .wishlist {margin-right: 0;} 91   .page-header.type15 .header-contact .wishlist {margin-right: 0;}
92   .page-header.type15 .logo {margin-right: .875rem !important;} 92   .page-header.type15 .logo {margin-right: .875rem !important;}
93   .page-header.type15 .header-main .header-left > * {margin-right: 0;} 93   .page-header.type15 .header-main .header-left > * {margin-right: 0;}
94   .page-header.type15 .search-area .search-toggle-icon {width: 30px;} 94   .page-header.type15 .search-area .search-toggle-icon {width: 30px;}
95 } 95 }
96 @media only screen and (max-width:767px){ 96 @media only screen and (max-width:767px){
97   .page-header.type15 .main-panel-top .separator {display: none;} 97   .page-header.type15 .main-panel-top .separator {display: none;}
98 } 98 }