149. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2022-11-18 03:12:12 +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.

149.1 Files compared

#LocationFileLast Modified
1Porto Theme/pub/media/porto/web/css/headertype11.rtl.css2021-03-24 04:02:00 +0000
2Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype11.rtl.css2021-03-24 04:02:00 +0000

149.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1200
Changed00
Inserted00
Removed00

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

149.4 Active regular expressions

No regular expressions were active.

149.5 Comparison detail

1 .main-panel-inner {position: relative;} 1 .main-panel-inner {position: relative;}
2 .page-header.type11 .top-custom-links {border-left: 1px solid #2c3035;margin-left: 1em;padding-left: 1em;font-size: 1em;list-style: none;display: flex;align-items: center;margin-bottom: 0;flex-wrap: wrap;} 2 .page-header.type11 .top-custom-links {border-left: 1px solid #2c3035;margin-left: 1em;padding-left: 1em;font-size: 1em;list-style: none;display: flex;align-items: center;margin-bottom: 0;flex-wrap: wrap;}
3 .page-header.type11 .top-custom-links>li {margin: 0;} 3 .page-header.type11 .top-custom-links>li {margin: 0;}
4 .page-header.type11 .top-custom-links>li.menu-item>a {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;color: inherit;text-transform: uppercase;display: block;line-height: 26px;} 4 .page-header.type11 .top-custom-links>li.menu-item>a {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;color: inherit;text-transform: uppercase;display: block;line-height: 26px;}
5 .page-header .switcher .options ul.dropdown {left: 0;right: auto;} 5 .page-header .switcher .options ul.dropdown {left: 0;right: auto;}
6 .page-header .switcher .options ul.dropdown:before {left: 22px;right: auto;top: -12px;} 6 .page-header .switcher .options ul.dropdown:before {left: 22px;right: auto;top: -12px;}
7 .page-header .switcher .options ul.dropdown:after {left: 21px;right: auto;top: -14px;} 7 .page-header .switcher .options ul.dropdown:after {left: 21px;right: auto;top: -14px;}
8 .page-header.type11 .header-main { background-repeat: no-repeat;background-size: cover;background-position: right top; } 8 .page-header.type11 .header-main { background-repeat: no-repeat;background-size: cover;background-position: right top; }
9 .page-header.type11 .header-row .header-right,.page-header.type11 .header-row .header-left {padding-top: 28px;padding-bottom: 28px;} 9 .page-header.type11 .header-row .header-right,.page-header.type11 .header-row .header-left {padding-top: 28px;padding-bottom: 28px;}
10 .page-header.type11 .panel.wrapper {font-size: 12px;min-height: 56px;flex-wrap: nowrap; font-family: Poppins;} 10 .page-header.type11 .panel.wrapper {font-size: 12px;min-height: 56px;flex-wrap: nowrap; font-family: Poppins;}
11 .page-header.type11 .panel.wrapper a {color: inherit;} 11 .page-header.type11 .panel.wrapper a {color: inherit;}
12 .page-header.type11 .panel.wrapper h5 {font-size: 1.1em;} 12 .page-header.type11 .panel.wrapper h5 {font-size: 1.1em;}
13 .page-header.type11 .header-right > * {margin-right: .875rem;} 13 .page-header.type11 .header-right > * {margin-right: .875rem;}
14 .page-header.type11 .header-right > *:first-child {margin-right: 0;} 14 .page-header.type11 .header-right > *:first-child {margin-right: 0;}
15 .page-header.type11 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;} 15 .page-header.type11 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
16 .page-header.type11 .panel.header .top-links-icon {display: inline-block;padding: 0 .125rem;font-size: 24px;vertical-align: middle;} 16 .page-header.type11 .panel.header .top-links-icon {display: inline-block;padding: 0 .125rem;font-size: 24px;vertical-align: middle;}
17 .page-header.type11 .panel.header .top-links-icon i,.page-header.type11 .header-contact .wishlist i {font-size: 27px;display: block;margin: 0;position: relative;} 17 .page-header.type11 .panel.header .top-links-icon i,.page-header.type11 .header-contact .wishlist i {font-size: 27px;display: block;margin: 0;position: relative;}
18 .page-header.type11 .header-contact p {margin: 0;} 18 .page-header.type11 .header-contact p {margin: 0;}
19 .page-header.type11 .header.panel {display: block; 19 .page-header.type11 .header.panel {display: block;
20 .page-header.type11 .panel.header.show-icon .header.links {left: -4px;margin-top: 10px;font-size: 12px;} 20 .page-header.type11 .panel.header.show-icon .header.links {left: -4px;margin-top: 10px;font-size: 12px;}
21 .page-header.type11 .search-area a.search-toggle-icon {width: 40px;line-height: 42px;} 21 .page-header.type11 .search-area a.search-toggle-icon {width: 40px;line-height: 42px;}
22 .page-header.type11 .search-area a.search-toggle-icon i::before {font-weight: 600;} 22 .page-header.type11 .search-area a.search-toggle-icon i::before {font-weight: 600;}
23 .page-header.type11 .search-area .block.block-search input {height: 40px;font-size: 13px;font-weight: 400;padding: 0 15px 0 15px;} 23 .page-header.type11 .search-area .block.block-search input {height: 40px;font-size: 13px;font-weight: 400;padding: 0 15px 0 15px;}
24 .page-header.type11 .search-area .search-category {line-height: 42px; height: 42px;border-color: rgba(255,255,255,.2);left: 44px !important;} 24 .page-header.type11 .search-area .search-category {line-height: 42px; height: 42px;border-color: rgba(255,255,255,.2);left: 44px !important;}
25 .page-header.type11 .search-area .minisearch .actions button {width: auto;height: 42px;line-height: 42px;font-size: 20px;left: 0;padding: 0 12px;color: inherit;} 25 .page-header.type11 .search-area .minisearch .actions button {width: auto;height: 42px;line-height: 42px;font-size: 20px;left: 0;padding: 0 12px;color: inherit;}
26 .page-header.type11 .panel.header .top-links-icon::after {display: none;} 26 .page-header.type11 .panel.header .top-links-icon::after {display: none;}
27 .page-header.type11 .separator {display: inline-block;height: 2.5em;vertical-align: middle;border-right: 1px solid rgba(153,153,153,.25);} 27 .page-header.type11 .separator {display: inline-block;height: 2.5em;vertical-align: middle;border-right: 1px solid rgba(153,153,153,.25);}
28 .page-header.type11 .minicart-wrapper .action.showcart {min-width: 32px;} 28 .page-header.type11 .minicart-wrapper .action.showcart {min-width: 32px;}
29 .porto-popup-menu .hamburguer-btn {margin: 0 15px;width: 24px;height: 36px;position: relative;cursor: pointer;border: none;background: none;display: inline-block;padding: 0;} 29 .porto-popup-menu .hamburguer-btn {margin: 0 15px;width: 24px;height: 36px;position: relative;cursor: pointer;border: none;background: none;display: inline-block;padding: 0;}
30 .hamburguer-btn .hamburguer span {position: absolute;top: 50%;right: 0;width: 100%;height: 2px;transition: width .3s;transform: translateY(-50%);background: #333;-webkit-backface-visibility: hidden;} 30 .hamburguer-btn .hamburguer span {position: absolute;top: 50%;right: 0;width: 100%;height: 2px;transition: width .3s;transform: translateY(-50%);background: #333;-webkit-backface-visibility: hidden;}
31 .hamburguer-btn .hamburguer span:nth-child(1) {top: 30%;} 31 .hamburguer-btn .hamburguer span:nth-child(1) {top: 30%;}
32 .hamburguer-btn .hamburguer span:nth-child(3) {top: 70%;transition-delay: .2s;} 32 .hamburguer-btn .hamburguer span:nth-child(3) {top: 70%;transition-delay: .2s;}
33 .hamburguer-btn .close {opacity: 0;transition: all .3s;float: left;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;} 33 .hamburguer-btn .close {opacity: 0;transition: all .3s;float: left;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;}
34 .hamburguer-btn .close span {position: absolute;top: 50%;right: 50%;width: 0;height: 1px;background: #333;transition: all .3s;transform-origin: 50% 0;} 34 .hamburguer-btn .close span {position: absolute;top: 50%;right: 50%;width: 0;height: 1px;background: #333;transition: all .3s;transform-origin: 50% 0;}
35 .porto-popup-menu .hamburguer-btn .close span {background: #fff;} 35 .porto-popup-menu .hamburguer-btn .close span {background: #fff;}
36 .hamburguer-btn .close span:nth-child(1) {transform: translateX(-50%) rotate(45deg);} 36 .hamburguer-btn .close span:nth-child(1) {transform: translateX(-50%) rotate(45deg);}
37 .hamburguer-btn .close span:nth-child(2) {transform: translateX(-50%) rotate(-45deg);} 37 .hamburguer-btn .close span:nth-child(2) {transform: translateX(-50%) rotate(-45deg);}
38 .hamburguer-btn.active .close span:nth-child(2) {transition-delay: .3s;} 38 .hamburguer-btn.active .close span:nth-child(2) {transition-delay: .3s;}
39 .porto-popup-menu.opened {position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 1001;background: rgba(51, 51, 51, 0.99);display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;transition: background .25s;margin: 0 !important;} 39 .porto-popup-menu.opened {position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 1001;background: rgba(51, 51, 51, 0.99);display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;transition: background .25s;margin: 0 !important;}
40 .porto-popup-menu.opened .hamburguer-btn {position: absolute;left: 15px;top: 30px;z-index: 9;} 40 .porto-popup-menu.opened .hamburguer-btn {position: absolute;left: 15px;top: 30px;z-index: 9;}
41 .hamburguer-btn.active .hamburguer {opacity: 0;} 41 .hamburguer-btn.active .hamburguer {opacity: 0;}
42 .hamburguer-btn.active .close {opacity: 1;transition: all .3s;} 42 .hamburguer-btn.active .close {opacity: 1;transition: all .3s;}
43 .hamburguer-btn.active .close span {width: 80%;transition: inherit;} 43 .hamburguer-btn.active .close span {width: 80%;transition: inherit;}
44 .porto-popup-menu .sections.nav-sections:not(.scroll-content) {overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;min-width: 80%;position: static;background: none;width: 100%;} 44 .porto-popup-menu .sections.nav-sections:not(.scroll-content) {overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;min-width: 80%;position: static;background: none;width: 100%;}
45 .porto-popup-menu .sections.nav-sections {display: none;height: 80%;} 45 .porto-popup-menu .sections.nav-sections {display: none;height: 80%;}
46 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu, 46 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu,
47 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu .subchildmenu li.ui-menu-item .subchildmenu {display: none;padding: 10px 0;visibility: visible;opacity: 1;width: 100% !important;margin: 0 auto !important;position: static;box-shadow: none;background: none;} 47 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu .subchildmenu li.ui-menu-item .subchildmenu {display: none;padding: 10px 0;visibility: visible;opacity: 1;width: 100% !important;margin: 0 auto !important;position: static;box-shadow: none;background: none;}
48 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu {font-family: Poppins,sans-serif;font-size: 18px;font-weight: 600;line-height: 22px;height: auto;} 48 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu {font-family: Poppins,sans-serif;font-size: 18px;font-weight: 600;line-height: 22px;height: auto;}
49 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu .subchildmenu li.ui-menu-item .subchildmenu {font-size: .8em;opacity: .7;} 49 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu .subchildmenu li.ui-menu-item .subchildmenu {font-size: .8em;opacity: .7;}
50 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item.opened > .submenu, 50 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item.opened > .submenu,
51 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu .subchildmenu li.ui-menu-item.opened > .subchildmenu {display: block;border: none;} 51 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item .submenu .subchildmenu li.ui-menu-item.opened > .subchildmenu {display: block;border: none;}
52 .page-header.type11 .navigation:not(.side-megamenu) {padding: 0;position: static;} 52 .page-header.type11 .navigation:not(.side-megamenu) {padding: 0;position: static;}
53 .page-header.type11 .navigation:not(.side-megamenu) > ul {display: block;background: none;} 53 .page-header.type11 .navigation:not(.side-megamenu) > ul {display: block;background: none;}
54 .page-header.type11 .navigation:not(.side-megamenu) li.ui-menu-item > .open-children-toggle {display: none;} 54 .page-header.type11 .navigation:not(.side-megamenu) li.ui-menu-item > .open-children-toggle {display: none;}
55 .page-header.type11 .navigation:not(.side-megamenu) .level0.parent > a:after, 55 .page-header.type11 .navigation:not(.side-megamenu) .level0.parent > a:after,
56 .page-header.type11 .navigation:not(.side-megamenu) .level0:hover:after, 56 .page-header.type11 .navigation:not(.side-megamenu) .level0:hover:after,
57 .page-header.type11 .navigation:not(.side-megamenu) .level0.parent > a > span:before, 57 .page-header.type11 .navigation:not(.side-megamenu) .level0.parent > a > span:before,
58 .page-header .navigation .level0.parent > a > span:after,.page-header.type11 .navigation:not(.side-megamenu) li.level0 .ui-menu-item > a:before {display: none;} 58 .page-header .navigation .level0.parent > a > span:after,.page-header.type11 .navigation:not(.side-megamenu) li.level0 .ui-menu-item > a:before {display: none;}
59  59 
60 .page-header.type11 .navigation:not(.side-megamenu) li.ui-menu-item {margin: 0; display: block;text-align: center;background: none;width: 100%;padding: 0;border: none; line-height: inherit;font-size: inherit;} 60 .page-header.type11 .navigation:not(.side-megamenu) li.ui-menu-item {margin: 0; display: block;text-align: center;background: none;width: 100%;padding: 0;border: none; line-height: inherit;font-size: inherit;}
61 .page-header.type11 .navigation:not(.side-megamenu) li.ui-menu-item .level-top {display: block;font-size: 24px;font-weight: 600;line-height: 30px;letter-spacing: -.12px;color: #fff !important;padding: 9px 12px 9px 12px;text-transform: uppercase;background: none;} 61 .page-header.type11 .navigation:not(.side-megamenu) li.ui-menu-item .level-top {display: block;font-size: 24px;font-weight: 600;line-height: 30px;letter-spacing: -.12px;color: #fff !important;padding: 9px 12px 9px 12px;text-transform: uppercase;background: none;}
62 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item > .submenu .row > * {display: none;} 62 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item > .submenu .row > * {display: none;}
63 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item > .submenu .row > .subchildmenu {display: block;max-width: 100%;flex: 0 0 100%;width: 100%;padding: 0;} 63 .page-header.type11 .porto-popup-menu .navigation li.ui-menu-item > .submenu .row > .subchildmenu {display: block;max-width: 100%;flex: 0 0 100%;width: 100%;padding: 0;}
64 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li li {line-height: inherit;} 64 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li li {line-height: inherit;}
65 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li.level0 .submenu li.level1 a {line-height: inherit;padding: .25rem 1rem;text-transform: capitalize;font-weight: 400;color: #a8a8a8 !important;pointer-events: all !important;font-size: inherit;} 65 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li.level0 .submenu li.level1 a {line-height: inherit;padding: .25rem 1rem;text-transform: capitalize;font-weight: 400;color: #a8a8a8 !important;pointer-events: all !important;font-size: inherit;}
66 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li.level0 .submenu li.level1 a:hover {color:#fff !important;background: none;} 66 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li.level0 .submenu li.level1 a:hover {color:#fff !important;background: none;}
67 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li.level0 .submenu li.level1 a:hover span {text-decoration: none;} 67 .page-header.type11 .porto-popup-menu .navigation:not(.side-megamenu) li.level0 .submenu li.level1 a:hover span {text-decoration: none;}
68 .page-header.type11 .nav-sections-item-title {display: none;} 68 .page-header.type11 .nav-sections-item-title {display: none;}
69 @media (min-width: 992px) { 69 @media (min-width: 992px) {
70 .porto-popup-menu .sections.nav-sections {height: 50%;} 70 .porto-popup-menu .sections.nav-sections {height: 50%;}
71 } 71 }
72 .porto-popup-menu.opened .sections.nav-sections {display: block;} 72 .porto-popup-menu.opened .sections.nav-sections {display: block;}
73 .porto-popup-menu.opened .sections.nav-sections .navigation:not(.side-megamenu) li.ui-menu-item>a {position: relative;right: 0;width: 100%;text-align: center;transition: color .25s,right .25s;} 73 .porto-popup-menu.opened .sections.nav-sections .navigation:not(.side-megamenu) li.ui-menu-item>a {position: relative;right: 0;width: 100%;text-align: center;transition: color .25s,right .25s;}
74 .porto-popup-menu .sections.nav-sections .navigation:not(.side-megamenu) li.ui-menu-item:hover>a {right: 5px;color: #fff;} 74 .porto-popup-menu .sections.nav-sections .navigation:not(.side-megamenu) li.ui-menu-item:hover>a {right: 5px;color: #fff;}
75 @media (max-width:991px){ 75 @media (max-width:991px){
76 } 76 }
77 @media only screen and (max-width:767px){ 77 @media only screen and (max-width:767px){
78 .page-header.type11 .separator {display: none;} 78 .page-header.type11 .separator {display: none;}
79 .porto-popup-menu .hamburguer-btn {margin: 0 5px;} 79 .porto-popup-menu .hamburguer-btn {margin: 0 5px;}
80 } 80 }
81 @media (max-width: 575px) { 81 @media (max-width: 575px) {
82 .page-header.type11 .header-right > * {margin-right: .2rem;} 82 .page-header.type11 .header-right > * {margin-right: .2rem;}
83 .page-header.type11 .panel.wrapper {min-height: 36px;} 83 .page-header.type11 .panel.wrapper {min-height: 36px;}
84 .page-header.type11 .top-custom-links {padding-left: 0;padding-right: 0;margin-right: 0;} 84 .page-header.type11 .top-custom-links {padding-left: 0;padding-right: 0;margin-right: 0;}
85 .page-header.type11 .top-custom-links>li.menu-item>a {padding-top: 5px;padding-bottom: 5px;padding-left: 8px;padding-right: 8px;} 85 .page-header.type11 .top-custom-links>li.menu-item>a {padding-top: 5px;padding-bottom: 5px;padding-left: 8px;padding-right: 8px;}
86 .page-header.type11 .search-area.show-icon-tablet .block.block-search {left: -100px;} 86 .page-header.type11 .search-area.show-icon-tablet .block.block-search {left: -100px;}
87 } 87 }
88 @media (max-width:991px) { 88 @media (max-width:991px) {
89   .page-header.type11 .panel.wrapper .header-left {display: none;} 89   .page-header.type11 .panel.wrapper .header-left {display: none;}
90 } 90 }
91 @media (min-width:992px) { 91 @media (min-width:992px) {
92 .page-header.type11 .switcher {margin-right: 0;} 92 .page-header.type11 .switcher {margin-right: 0;}
93 .page-header.sticky-header.type11 .logo {max-width: 100px;} 93 .page-header.sticky-header.type11 .logo {max-width: 100px;}
94 .page-header.sticky-header.type11 .logo img {transform: scale(.8);transform-origin: right center;} 94 .page-header.sticky-header.type11 .logo img {transform: scale(.8);transform-origin: right center;}
95 .page-header.sticky-header.type11 .nav-sections {background-color: #fff;position: static !important;background: none;box-shadow: none;} 95 .page-header.sticky-header.type11 .nav-sections {background-color: #fff;position: static !important;background: none;box-shadow: none;}
96 .page-header.type11.sticky-header .header-main {position: fixed;width: 100%;top: 0;right: 0;} 96 .page-header.type11.sticky-header .header-main {position: fixed;width: 100%;top: 0;right: 0;}
97 .page-header.type11.sticky-header .minicart-wrapper {position: relative;transform: none;left: 0;top: 0;} 97 .page-header.type11.sticky-header .minicart-wrapper {position: relative;transform: none;left: 0;top: 0;}
98 .page-header.type11.sticky-header .header-row .header-right, .page-header.type11.sticky-header .header-row .header-left {padding-top: 8px;padding-bottom: 8px;} 98 .page-header.type11.sticky-header .header-row .header-right, .page-header.type11.sticky-header .header-row .header-left {padding-top: 8px;padding-bottom: 8px;}
99 .page-header.type11 .search-area .block.block-search {border-radius: 0;} 99 .page-header.type11 .search-area .block.block-search {border-radius: 0;}
100 } 100 }