Produced by Araxis Merge on 2021-05-13 09:09:35 +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.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type11.css | 2018-06-13 22:06:42 +0000 |
| 2 | /Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type11.css | 2021-03-24 04:11:30 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 4 | 8 |
| Changed | 3 | 120 |
| Inserted | 1 | 17 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | .page-header.type11 .minicart-wrapper | 1 | .main-panel-inner {position: relative;} | |||
| 2 | .page-header.type11 .top-custom-links {border-right: 1px solid #2c3035;margin-right: 1em;padding-right: 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;} | |||||
| 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 {right: 0;left: auto;} | |||||
| 6 | .page-header .switcher .options ul.dropdown:before {right: 22px;left: auto;top: -12px;} | |||||
| 7 | .page-header .switcher .options ul.dropdown:after {right: 21px;left: auto;top: -14px;} | |||||
| 8 | .page-header.type11 .header-main { background-repeat: no-repeat;background-size: cover;background-position: left top; } | |||||
| 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;} | |||||
| 11 | .page-header.type11 .panel.wrapper a {color: inherit;} | |||||
| 12 | .page-header.type11 .panel.wrapper h5 {font-size: 1.1em;} | |||||
| 13 | .page-header.type11 .header-right > * {margin-left: .875rem;} | |||||
| 14 | .page-header.type11 .header-right > *:first-child {margin-left: 0;} | |||||
| 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;} | |||||
| 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;} | |||||
| 19 | .page-header.type11 .header.panel {display: block;} | |||||
| 20 | .page-header.type11 .panel.header.show-icon .header.links {right: -4px;margin-top: 10px;font-size: 12px;} | |||||
| 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;} | |||||
| 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);right: 44px !important;} | |||||
| 25 | .page-header.type11 .search-area .minisearch .actions button {width: auto;height: 42px;line-height: 42px;font-size: 20px;right: 0;padding: 0 12px;color: inherit;} | |||||
| 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-left: 1px solid rgba(153,153,153,.25);} | |||||
| 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;} | |||||
| 30 | .hamburguer-btn .hamburguer span {position: absolute;top: 50%;left: 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%;} | |||||
| 32 | .hamburguer-btn .hamburguer span:nth-child(3) {top: 70%;transition-delay: .2s;} | |||||
| 33 | .hamburguer-btn .close {opacity: 0;transition: all .3s;float: right;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%;left: 50%;width: 0;height: 1px;background: #333;transition: all .3s;transform-origin: 50% 0;} | |||||
| 35 | .porto-popup-menu .hamburguer-btn .close span {background: #fff;} | |||||
| 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);} | |||||
| 38 | .hamburguer-btn.active .close span:nth-child(2) {transition-delay: .3s;} | |||||
| 39 | .porto-popup-menu.opened {position: fixed;left: 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;right: 15px;top: 30px;z-index: 9;} | |||||
| 41 | .hamburguer-btn.active .hamburguer {opacity: 0;} | |||||
| 42 | .hamburguer-btn.active .close {opacity: 1;transition: all .3s;} | |||||
| 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%;} | |||||
| 45 | .porto-popup-menu .sections.nav-sections {display: none;height: 80%;} | |||||
| 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;} | |||||
| 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;} | |||||
| 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;} | |||||
| 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;} | |||||
| 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, | |||||
| 56 | .page-header.type11 .navigation:not(.side-megamenu) .level0:hover:after, | |||||
| 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;} | |||||
| 2 | 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;} | |||||
| 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;} | |||||
| 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;} | |||||
| 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;} | |||||
| 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;} | |||||
| 69 | @media (min-width: 992px) { | |||||
| 70 | .porto-popup-menu .sections.nav-sections {height: 50%;} | |||||
| 71 | } | |||||
| 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;left: 0;width: 100%;text-align: center;transition: color .25s,left .25s;} | |||||
| 74 | .porto-popup-menu .sections.nav-sections .navigation:not(.side-megamenu) li.ui-menu-item:hover>a {left: 5px;color: #fff;} | |||||
| 75 | @media (max-width:991px){ | |||||
| 76 | } | |||||
| 3 | @media only screen and (max-width:767px){ | 77 | @media only screen and (max-width:767px){ | |||
| 4 | .page-header.type11 .nav-toggle{float:right} | 78 | ||||
| 5 | .page-header.type11 .logo{height:40px;float:left;margin | 79 | .porto-popup-menu .hamburguer-btn {margin: 0 5px;} | |||
| 6 | .page-header.type11 .logo img{max-width:100%;max-height:100%;width:auto} | 80 | } | |||
| 7 | .page-header.type11 .minicart-wrapper{position:relative;top:auto;right:auto;left:auto;margin:10px 0;float:right} | 81 | @media (max-width: 575px) { | |||
| 8 | .page-header.type11 .block-search{float:none;margin-bottom:0} | 82 | ||||
| 9 | .page-header.type11 .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:10px} | 83 | ||||
| 10 | .page-header.type11 .custom-block{display: | 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;} | |||||
| 86 | .page-header.type11 .search-area.show-icon-tablet .block.block-search {right: -100px;} | |||||
| 87 | } | |||||
| 88 | @media (max-width:991px) { | |||||
| 89 | .page-header.type11 .panel.wrapper .header-left {display: none;} | |||||
| 11 | } | 90 | } | |||
| 12 | @media all and (min-width:768px),print{ | 91 | @media | |||
| 13 | header.page-header.sticky-header.type11 .nav-sections{background-color:#fff} | 92 | ||||
| 14 | header.page-header.sticky-header.type11 .navigation{text-align:left} | 93 | .page-header.sticky-header.type11 .logo {max-width: 100px;} | |||
| 15 | .page-header.type11{background-color:#fff;color:#777;border-top-width:5px} | 94 | .page-header.sticky-header.type11 .logo img {transform: scale(.8);transform-origin: left center;} | |||
| 16 | .page-header.type11 .logo{margin | 95 | .page-header.sticky-header.type11 .nav-sections {background-color: #fff;position: static !important;background: none;box-shadow: none;} | |||
| 17 | .page-header.type11 .header.content{text-align:center} | 96 | .page-header.type11.sticky-header .header-main {position: fixed;width: 100%;top: 0;left: 0;} | |||
| 18 | .page-header.type11>.panel.wrapper{background-color:#f0f0ed;color:#777} | 97 | .page-header.type11.sticky-header .minicart-wrapper {position: relative;transform: none;right: 0;top: 0;} | |||
| 19 | .page-header.type11 .panel.header .switcher{border-left:1px solid #ccc;padding:0 15px} | 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;} | |||
| 20 | .page-header.type11 .panel.header .switcher:first-child{border-left:0;padding-left:0} | 99 | ||||
| 21 | .page-header.type11 .panel.header .switcher:last-child{padding-right:0} | |||||
| 22 | .page-header.type11 .panel.header .header.links>li>a{color:#08c} | |||||
| 23 | .page-header.type11 .panel.header .header.links>li>a:hover{color:#08c} | |||||
| 24 | .page-header.type11 .nav-sections{background-color:transparent;color:#777;margin-bottom:15px} | |||||
| 25 | .page-header.type11 .navigation{background-color:transparent;padding:0 15px;text-align:center} | |||||
| 26 | .page-header.type11 .navigation>ul{padding:0;background-color:transparent;border-radius:5px} | |||||
| 27 | .page-header.type11 .navigation>ul li{text-align:left} | |||||
| 28 | .page-header.type11 .navigation li.level0{margin-right:3px;color:#08c} | |||||
| 29 | .page-header.type11 .navigation li.level0.last{margin-right:0} | |||||
| 30 | .page-header.type11 .navigation li.level0>.level-top{color:inherit;padding:0 20px;line-height:40px} | |||||
| 31 | .page-header.type11 .navigation li.level0:hover>.level-top{color:inherit} | |||||
| 32 | .page-header.type11 .navigation li.level0.active,.page-header.type11 .navigation li.level0:hover{border-radius:5px;color:#fff;background-color:#08c} | |||||
| 33 | .page-header.type11 .navigation li.level0.parent:hover{border-radius:5px 5px 0 0} | |||||
| 34 | .page-header.type11 .navigation li.level0.parent>a:after{line-height:40px} | |||||
| 35 | .page-header.type11 .block-search{margin:0;position:absolute;left:15px;top:50%;margin-top:-20px;width:300px} | |||||
| 36 | .page-header.type11 .block-search input{background-color:#fff;color:#777;border-color:#ccc;height:36px} | |||||
| 37 | .page-header.type11 .block-search .action.search{border-left:1px solid #ccc;padding:0 10px;height:36px;line-height:36px} | |||||
| 38 | .page-header.type11 .block-search .action.search:focus:before{color:#777} | |||||
| 39 | .page-header.type11 .block-search .action.search:before,.page-header.type11 .block-search .action.search:hover:before{color:#777} | |||||
| 40 | .page-header.type11 .block-search | |||||
| 41 | .page-header.type11 .custom-block{height:40px;line-height:40px;position:absolute;top:50%;right:60px;margin-top:-20px;font-size:14px;color:#777} | |||||
| 42 | .page-header.type11 .custom-block>*{display:inline-block;vertical-align:middle} | |||||
| 43 | .page-header.type11 .custom-block>a{font-size:12px} | |||||
| 44 | .page-header.type11 .search-category select{border:none} | |||||
| 45 | } | 100 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.