Produced by Araxis Merge on 2023-03-13 03:01:33 +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 | Porto v4.0.4/Porto Theme/pub/media/porto/web/css/header | type18.css | 2021-05-01 01:53:40 +0000 |
| 2 | Porto v4.0.5/Porto Theme/pub/media/porto/web/css/header | type18.css | 2021-05-01 01:53:40 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 160 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| 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.type18 .header-col>* {margin-left: .875rem;} | 1 | .page-header.type18 .header-col>* {margin-left: .875rem;} | |||
| 2 | .page-header.type18 .header-col>*:first-child {margin-left: 0;} | 2 | .page-header.type18 .header-col>*:first-child {margin-left: 0;} | |||
| 3 | .page-header.type18 .main-panel-top {display: none;} | 3 | .page-header.type18 .main-panel-top {display: none;} | |||
| 4 | .page-header.type18 .header-main .header-center {padding: 20px 15px;text-align: center;flex: inherit;} | 4 | .page-header.type18 .header-main .header-center {padding: 20px 15px;text-align: center;flex: inherit;} | |||
| 5 | .page-header.type18 .header-main .header-left, .page-header.type18 .header-main .header-right {flex: 1;} | 5 | .page-header.type18 .header-main .header-left, .page-header.type18 .header-main .header-right {flex: 1;} | |||
| 6 | .page-header.type18 .logo {margin-left: 0;} | 6 | .page-header.type18 .logo {margin-left: 0;} | |||
| 7 | .page-header.type18 .header-contact {margin-top: 5px;margin-bottom: 5px;display: inline-block;vertical-align: middle;white-space: nowrap;font-size: .9em;color:#777;} | 7 | .page-header.type18 .header-contact {margin-top: 5px;margin-bottom: 5px;display: inline-block;vertical-align: middle;white-space: nowrap;font-size: .9em;color:#777;} | |||
| 8 | .page-header.type18 .header-contact .nav-top {align-items: center;font-size: .9524em;font-weight: 500;letter-spacing: .01em;list-style: none;margin: 0;padding: 0;} | 8 | .page-header.type18 .header-contact .nav-top {align-items: center;font-size: .9524em;font-weight: 500;letter-spacing: .01em;list-style: none;margin: 0;padding: 0;} | |||
| 9 | .page-header.type18 .header-contact .nav-top li {margin: 0;} | 9 | .page-header.type18 .header-contact .nav-top li {margin: 0;} | |||
| 10 | .page-header.type18 .header-contact .nav-top li>a{display: inline-block;padding: 6px 10px;color: inherit;} | 10 | .page-header.type18 .header-contact .nav-top li>a{display: inline-block;padding: 6px 10px;color: inherit;} | |||
| 11 | .page-header.type18 .header-contact .nav-top li:first-child>a{padding-left: 0;} | 11 | .page-header.type18 .header-contact .nav-top li:first-child>a{padding-left: 0;} | |||
| 12 | .page-header.type18 .custom-block {color:#777;} | 12 | .page-header.type18 .custom-block {color:#777;} | |||
| 13 | .page-header.type18 .custom-block a {color: inherit;} | 13 | .page-header.type18 .custom-block a {color: inherit;} | |||
| 14 | .page-header.type18 .wishlist i {font-size: 27px;display: block;position: relative;top: -1px;} | 14 | .page-header.type18 .wishlist i {font-size: 27px;display: block;position: relative;top: -1px;} | |||
| 15 | #main-toggle-menu {position: relative;} | 15 | #main-toggle-menu {position: relative;} | |||
| 16 | #main-toggle-menu .menu-title {background: none;font-size: 15px;text-transform: none;padding: 16px 20px;height: 52px;color: #222529;border-right: 1px solid #e7e7e7;font-weight: 700;line-height: 20px;cursor: pointer;transition: .25s;} | 16 | #main-toggle-menu .menu-title {background: none;font-size: 15px;text-transform: none;padding: 16px 20px;height: 52px;color: #222529;border-right: 1px solid #e7e7e7;font-weight: 700;line-height: 20px;cursor: pointer;transition: .25s;} | |||
| 17 | #main-toggle-menu .menu-title:after {content: '\f078';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-left: .3rem;font-size: .75em;} | 17 | #main-toggle-menu .menu-title:after {content: '\f078';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-left: .3rem;font-size: .75em;} | |||
| 18 | #main-toggle-menu .menu-title .toggle {border-top: 2px solid;width: 18px;vertical-align: middle;margin-right: .75rem;top: -1px;display: inline-block;padding: 0;position: relative;} | 18 | #main-toggle-menu .menu-title .toggle {border-top: 2px solid;width: 18px;vertical-align: middle;margin-right: .75rem;top: -1px;display: inline-block;padding: 0;position: relative;} | |||
| 19 | #main-toggle-menu .menu-title .toggle:before {content: '';position: absolute;left: 0;right: 0;top: -7px;border-top: 2px solid;} | 19 | #main-toggle-menu .menu-title .toggle:before {content: '';position: absolute;left: 0;right: 0;top: -7px;border-top: 2px solid;} | |||
| 20 | #main-toggle-menu .menu-title .toggle:after {content: '';position: absolute;left: 0;right: 0;bottom: -5px;border-top: 2px solid;} | 20 | #main-toggle-menu .menu-title .toggle:after {content: '';position: absolute;left: 0;right: 0;bottom: -5px;border-top: 2px solid;} | |||
| 21 | #main-toggle-menu .menu-title:hover, #main-toggle-menu .menu-title:not(.closed) {background: #293871;color: #fff;border-right-color: #293871;} | 21 | #main-toggle-menu .menu-title:hover, #main-toggle-menu .menu-title:not(.closed) {background: #293871;color: #fff;border-right-color: #293871;} | |||
| 22 | #main-toggle-menu:before {content: '';position: fixed;width: 100vw;height: 100vh;left: 0;margin-top: 52px;background: rgba(34,37,41,.15);z-index: 999;display: none;} | 22 | #main-toggle-menu:before {content: '';position: fixed;width: 100vw;height: 100vh;left: 0;margin-top: 52px;background: rgba(34,37,41,.15);z-index: 999;display: none;} | |||
| 23 | #main-toggle-menu:not(.closed):before {display: block;} | 23 | #main-toggle-menu:not(.closed):before {display: block;} | |||
| 24 | #main-toggle-menu .toggle-menu-wrap {display: none;position: absolute;left: 0;top: 100%;background: #fff;z-index: 1001;width: 250px;box-shadow: 0 0 60px rgb(0 0 0 / 15%);} | 24 | #main-toggle-menu .toggle-menu-wrap {display: none;position: absolute;left: 0;top: 100%;background: #fff;z-index: 1001;width: 250px;box-shadow: 0 0 60px rgb(0 0 0 / 15%);} | |||
| 25 | #main-toggle-menu.closed .toggle-menu-wrap {display: none;} | 25 | #main-toggle-menu.closed .toggle-menu-wrap {display: none;} | |||
| 26 | #main-toggle-menu .toggle-menu-wrap > .nav-sections {border-bottom: none;border-top: 3px solid #293871;} | 26 | #main-toggle-menu .toggle-menu-wrap > .nav-sections {border-bottom: none;border-top: 3px solid #293871;} | |||
| 27 | #main-toggle-menu.show-always .toggle-menu-wrap {height: auto!important;display: block!important;} | 27 | #main-toggle-menu.show-always .toggle-menu-wrap {height: auto!important;display: block!important;} | |||
| 28 | @media (max-width:991px){ | 28 | @media (max-width:991px){ | |||
| 29 | .page-header.type18 .header-main .header-left,.page-header.type18 .main-menu-wrap .second-menu-block,#main-toggle-menu .menu-title {display: none;} | 29 | .page-header.type18 .header-main .header-left,.page-header.type18 .main-menu-wrap .second-menu-block,#main-toggle-menu .menu-title {display: none;} | |||
| 30 | .page-header.type18 .header-main .header-center {padding-left: 0;padding-right: 0;} | 30 | .page-header.type18 .header-main .header-center {padding-left: 0;padding-right: 0;} | |||
| 31 | .page-header.type18 .custom-block,.page-header.type18 .header-bottom .header-right .search-area {display: none;} | 31 | .page-header.type18 .custom-block,.page-header.type18 .header-bottom .header-right .search-area {display: none;} | |||
| 32 | .page-header.type18 .side-nav-wrap,#main-toggle-menu .toggle-menu-wrap,.page-header.type18 .sw-megamenu.navigation.side-megamenu {display: block !important;} | 32 | .page-header.type18 .side-nav-wrap,#main-toggle-menu .toggle-menu-wrap,.page-header.type18 .sw-megamenu.navigation.side-megamenu {display: block !important;} | |||
| 33 | .page-header.type18 .main-menu-wrap {height: 0;} | 33 | .page-header.type18 .main-menu-wrap {height: 0;} | |||
| 34 | .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a > em {display: none;} | 34 | .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a > em {display: none;} | |||
| 35 | } | 35 | } | |||
| 36 | @media only screen and (max-width:575px){ | 36 | @media only screen and (max-width:575px){ | |||
| 37 | .page-header.type18 .search-area .block.block-search {right: -123px;} | 37 | .page-header.type18 .search-area .block.block-search {right: -123px;} | |||
| 38 | } | 38 | } | |||
| 39 | @media (min-width:992px) { | 39 | @media (min-width:992px) { | |||
| 40 | .page-header.type18 .header-bottom {border-top: 1px solid #f0f0f0;border-bottom: 1px solid #e7e7e7;} | 40 | .page-header.type18 .header-bottom {border-top: 1px solid #f0f0f0;border-bottom: 1px solid #e7e7e7;} | |||
| 41 | .page-header.type18 .header-bottom .header-left,.page-header.type18 .header-bottom .header-right {padding: 0;} | 41 | .page-header.type18 .header-bottom .header-left,.page-header.type18 .header-bottom .header-right {padding: 0;} | |||
| 42 | .page-header.type18 .header-bottom .header-right {flex:1;max-width: 33.3333%;} | 42 | .page-header.type18 .header-bottom .header-right {flex:1;max-width: 33.3333%;} | |||
| 43 | .page-header.type18 .second-menu-block {margin-left: 0;} | 43 | .page-header.type18 .second-menu-block {margin-left: 0;} | |||
| 44 | .page-header.type18 .navigation {padding: 0;} | 44 | .page-header.type18 .navigation {padding: 0;} | |||
| 45 | .page-header.type18 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;} | 45 | .page-header.type18 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;} | |||
| 46 | .page-header.type18 .navigation:not(.side-megamenu) .level0 {margin: 0 1px 0 0;} | 46 | .page-header.type18 .navigation:not(.side-megamenu) .level0 {margin: 0 1px 0 0;} | |||
| 47 | .page-header.type18 .navigation:not(.side-megamenu) .level0 .level-top { | 47 | .page-header.type18 .navigation:not(.side-megamenu) .level0 .level-top { | |||
| 48 | font-size: 14px; | 48 | font-size: 14px; | |||
| 49 | font-weight: 500; | 49 | font-weight: 500; | |||
| 50 | line-height: 22px; | 50 | line-height: 22px; | |||
| 51 | letter-spacing: .14px; | 51 | letter-spacing: .14px; | |||
| 52 | padding: 15px 20px 15px 20px; | 52 | padding: 15px 20px 15px 20px; | |||
| 53 | text-transform: capitalize; | 53 | text-transform: capitalize; | |||
| 54 | border-right: 1px solid rgba(0,0,0,.1); | 54 | border-right: 1px solid rgba(0,0,0,.1); | |||
| 55 | } | 55 | } | |||
| 56 | .page-header.type18 .navigation:not(.side-megamenu) .level0:last-child .level-top {border: none;} | 56 | .page-header.type18 .navigation:not(.side-megamenu) .level0:last-child .level-top {border: none;} | |||
| 57 | .page-header.type18 .navigation:not(.side-megamenu) .level0 > .submenu {border-top: 3px solid #293871;} | 57 | .page-header.type18 .navigation:not(.side-megamenu) .level0 > .submenu {border-top: 3px solid #293871;} | |||
| 58 | .page-header.type18 .navigation:not(.side-megamenu) .level0.parent > a > span:before, .page-header.type18 .navigation:not(.side-megamenu) .level0.parent > a > span:after {display: none;} | 58 | .page-header.type18 .navigation:not(.side-megamenu) .level0.parent > a > span:before, .page-header.type18 .navigation:not(.side-megamenu) .level0.parent > a > span:after {display: none;} | |||
| 59 | .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a, | 59 | .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a, | |||
| 60 | .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a { | 60 | .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a { | |||
| 61 | color: #333; | 61 | color: #333; | |||
| 62 | } | 62 | } | |||
| 63 | .page-header.type18 .navigation:not(.side-megamenu) .level0 .submenu a, .page-header.type18 .navigation:not(.side-megamenu) .level0 .submenu .level1 a {font-size: 13px;text-transform: capitalize;font-weight: 500;line-height: 20px;} | 63 | .page-header.type18 .navigation:not(.side-megamenu) .level0 .submenu a, .page-header.type18 .navigation:not(.side-megamenu) .level0 .submenu .level1 a {font-size: 13px;text-transform: capitalize;font-weight: 500;line-height: 20px;} | |||
| 64 | .page-header.type18 .navigation:not(.side-megamenu) .level0:not(.classic) .submenu .level1 > a {font-weight: 700;} | 64 | .page-header.type18 .navigation:not(.side-megamenu) .level0:not(.classic) .submenu .level1 > a {font-weight: 700;} | |||
| 65 | .page-header.type18.sticky-header .nav-sections {position: static !important;box-shadow: none !important; width: auto;} | 65 | .page-header.type18.sticky-header .nav-sections {position: static !important;box-shadow: none !important; width: auto;} | |||
| 66 | .page-header.type18.sticky-header .main-menu-wrap {position: fixed;top: 0;left: 0;right: 0;;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);border-bottom: none;} | 66 | .page-header.type18.sticky-header .main-menu-wrap {position: fixed;top: 0;left: 0;right: 0;;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);border-bottom: none;} | |||
| 67 | .page-header.type18.sticky-header .navigation {padding: 0;} | 67 | .page-header.type18.sticky-header .navigation {padding: 0;} | |||
| 68 | .page-header.type18 .search-area .block-search {border: none;border-radius: 0;border-bottom: 2px solid #222529;font-size: 14px;margin-bottom: -2px;} | 68 | .page-header.type18 .search-area .block-search {border: none;border-radius: 0;border-bottom: 2px solid #222529;font-size: 14px;margin-bottom: -2px;} | |||
| 69 | .page-header.type18 .block-search input {height: 50px;color: inherit;background: none;font-size: 1em;font-style: italic;padding: 0;} | 69 | .page-header.type18 .block-search input {height: 50px;color: inherit;background: none;font-size: 1em;font-style: italic;padding: 0;} | |||
| 70 | .page-header.type18 .block-search input::placeholder {opacity: .7;color:#555;} | 70 | .page-header.type18 .block-search input::placeholder {opacity: .7;color:#555;} | |||
| 71 | .page-header.type18 .block-search input:-ms-input-placeholder {opacity: .7;color:#555;} | 71 | .page-header.type18 .block-search input:-ms-input-placeholder {opacity: .7;color:#555;} | |||
| 72 | .page-header.type18 .block-search input::-ms-input-placeholder {opacity: .7;color:#555;} | 72 | .page-header.type18 .block-search input::-ms-input-placeholder {opacity: .7;color:#555;} | |||
| 73 | .page-header.type18 .search-category {right: 36px !important;height: 50px;line-height: 50px;} | 73 | .page-header.type18 .search-category {right: 36px !important;height: 50px;line-height: 50px;} | |||
| 74 | .page-header.type18 .search-area .minisearch .actions button {width: 36px;height: 50px;line-height: 50px;margin: 0;color:#333;} | 74 | .page-header.type18 .search-area .minisearch .actions button {width: 36px;height: 50px;line-height: 50px;margin: 0;color:#333;} | |||
| 75 | .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a {display: block;font-size: 14px;font-weight: 500;line-height: 24px;padding: 11.5px 15px;margin: 0;text-transform: none;letter-spacing: .14px;border-top-color: rgba(0,0,0,.125);} | 75 | .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a {display: block;font-size: 14px;font-weight: 500;line-height: 24px;padding: 11.5px 15px;margin: 0;text-transform: none;letter-spacing: .14px;border-top-color: rgba(0,0,0,.125);} | |||
| 76 | .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a > em, .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a i {color: inherit;margin-right: .5rem;font-size: 1.25em;position: relative;top: .1em;} | 76 | .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a > em, .page-header.type18 .sw-megamenu.navigation.side-megamenu li.level0 > a i {color: inherit;margin-right: .5rem;font-size: 1.25em;position: relative;top: .1em;} | |||
| 77 | } | 77 | } | |||
| 78 | @media (min-width:992px) and (max-width: 1290px) { | 78 | @media (min-width:992px) and (max-width: 1290px) { | |||
| 79 | .page-header.type18 .navigation:not(.side-megamenu) .level0 .level-top {padding: 15px 13px 15px 13px;} | 79 | .page-header.type18 .navigation:not(.side-megamenu) .level0 .level-top {padding: 15px 13px 15px 13px;} | |||
| 80 | } | 80 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.