Produced by Araxis Merge on 2021-05-13 09:09:32 +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 | 2021-05-13 09:09:32 +0000 | ||
| 2 | /Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_css | design_demo18_en.css | 2021-04-07 03:48:16 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 0 | 0 |
| Changed | 0 | 0 |
| Inserted | 1 | 208 |
| 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 | /** | |||||
| 2 | * WARNING: Do not change this file. Your changes will be lost. | |||||
| 3 | * 2021-04-07 03:48:16 */ | |||||
| 4 | ||||||
| 5 | body { | |||||
| 6 | font-family: Poppins; | |||||
| 7 | } | |||||
| 8 | html .background-color-primary { | |||||
| 9 | background-color: #222529 !important; | |||||
| 10 | } | |||||
| 11 | .theme-color{color:#222529 !important;} | |||||
| 12 | .theme-hover-color:hover{color:#222529 !important;} | |||||
| 13 | .theme-bg-color{background-color:#222529 !important;} | |||||
| 14 | .theme-border-color{border-color:#222529 !important;} | |||||
| 15 | .theme-hover-bg-color:hover{background-color:#222529 !important;} | |||||
| 16 | a,a:hover, .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .owl-theme .owl-controls .owl-nav [class*=owl-], .recent-posts .post-date .day, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .sorter-action:hover:before, .page-main > .page-title-wrapper .page-title, .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong, .authentication-wrapper button.action-auth-toggle, .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .opc-progress-bar-item._complete > span, .checkout-payment-method .payment-option-title .action-toggle, .checkout-payment-method .payment-option-title .action-toggle:after, .opc-block-shipping-information .shipping-information-title .action-edit:before, .opc-block-shipping-information .shipping-information-title .action-edit:hover:before, .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong, .block-collapsible-nav .item a:hover, .block-collapsible-nav .item a:active, .block-collapsible-nav .item a:focus, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, p .alternative-font, .entry-content h3, .history h4, .nav-.block-search .label:before, .block-search .label:hover:before, .fotorama .fotorama-sprite, .page-header.type5 .search-area > a, .page-header.type5 .search-area > a:hover, .page-header.type5 .minicart-wrapper .action.showcart:before, .page-header.type5 .minicart-wrapper .action.showcart.active:before, .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch, .qty.field .qty-changer > a:hover, .post-holder .post-date .day, .widget.block-recent-posts ul li a, .post-list .post-content .post-read-more, .post-header .post-title a, .alink:visited, a:active, .alink:active, .block-category-event > div.event-desc, .block-category-event .event-ticker .dates > div > span.desc, #ln_slider_price .ui-slider-handle, .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove,.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span,html .heading-primary, html .lnk-primary, html .text-color-primary,.modes-mode.active, .modes-mode:hover,.sidebar-main .porto-icon {color:#222529;} | |||||
| 17 | ||||||
| 18 | .action.primary, .action.primary:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .recent-posts .post-date .month, .footer-ribbon, button:hover, .action.primary:focus, .action.primary:active, .btn-primary, .contact-index-index .page-main .contact-info [class^="porto-icon-"], .contact-index-index .page-main .contact-info [class*=" porto-icon-"], .btn-default, .cms-index-index blockquote.testimonial, .btn-default:hover, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .post-holder .post-date .month, .page-header.type8 .header.content,.page-header.type8.header-newskin .header.content, .iwd-summary-cart, #ln_slider_price .ui-slider-handle, .filter-toggle.active,.products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2, .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot.active span:before,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.action:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type9 .product-item-inner .product-item-actions>.actions-primary .tocart:hover, .product-item-info.type9 .product-item-inner .product-item-actions>.action:hover,.sw-dailydeal,.catalog-product-view .sw-dailydeal .number-wrapper,.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected,.sidebar-main .product-banner .sale-text:before, .sidebar-main .product-banner .sale-text:after,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart | |||||
| 19 | {background-color:#222529;} | |||||
| 20 | .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected | |||||
| 21 | {background-color:#222529 !important;} | |||||
| 22 | .action.primary, .action.primary:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, button:hover, .action.primary:focus, .action.primary:active, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .filter-toggle.active,i.ajax-loader, .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart | |||||
| 23 | {border-color:#222529;} | |||||
| 24 | .page-header, .authentication-dropdown, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .featured-box .box-content, .history .featured-box .box-content, .form.search.advanced, .homepage-grid-banner .ribbon:before, .testimonial .testimonial-arrow-down, #newsletter_popup, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary, .block-header-customer-login, .mfp-preloader, .ln_overlay .loader | |||||
| 25 | {border-top-color:#222529;} | |||||
| 26 | .minicart-wrapper .block-minicart:before, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before, .block-header-customer-login:before | |||||
| 27 | {border-bottom-color:#222529;} | |||||
| 28 | @media (max-width: 991px) { | |||||
| 29 | .navigation a { | |||||
| 30 | color: #777 !important; | |||||
| 31 | } | |||||
| 32 | .navigation a:hover, .nav-sections .header.links a:hover { | |||||
| 33 | color: #222529 !important; | |||||
| 34 | } | |||||
| 35 | header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus{ | |||||
| 36 | color: #222529; | |||||
| 37 | } | |||||
| 38 | header.page-header .nav-sections-item-title, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus { | |||||
| 39 | background-color: #222529; | |||||
| 40 | } | |||||
| 41 | } | |||||
| 42 | @media (min-width: 992px) { | |||||
| 43 | .page-header .navigation li.level0 { | |||||
| 44 | color: #222529; | |||||
| 45 | } | |||||
| 46 | .page-header.type24 .navigation li.level0 > a:before { | |||||
| 47 | background-color: #222529; | |||||
| 48 | } | |||||
| 49 | .navigation .level0 .submenu { | |||||
| 50 | border-color:#222529; | |||||
| 51 | } | |||||
| 52 | .sw-megamenu.navigation.side-megamenu li.level0:hover > a,.sw-megamenu.navigation.side-megamenu li.level0.active > a { | |||||
| 53 | border-top-color:#222529; | |||||
| 54 | } | |||||
| 55 | } | |||||
| 56 | .page-wrapper { | |||||
| 57 | background-color:#f4f4f4; | |||||
| 58 | } | |||||
| 59 | .filterproduct-title .content { | |||||
| 60 | background-color:#f4f4f4; | |||||
| 61 | } | |||||
| 62 | button.action.primary{ | |||||
| 63 | } | |||||
| 64 | button.action.primary:hover{ | |||||
| 65 | } | |||||
| 66 | .page-wrapper > .breadcrumbs{background-color:#f4f4f4} | |||||
| 67 | .page-wrapper > .breadcrumbs{color:#111} | |||||
| 68 | .page-wrapper > .breadcrumbs a, .page-wrapper > .breadcrumbs a:focus{color:#111} | |||||
| 69 | .page-wrapper > .breadcrumbs a:hover{color:#111} | |||||
| 70 | #ln_slider_price.ui-slider-horizontal{background-color:#eee} | |||||
| 71 | #ln_slider_price .ui-slider-handle{background-color:#111} | |||||
| 72 | .page-header.type1, .page-header.type23, .page-header,header.page-header.sticky-header .header-main { | |||||
| 73 | background-color: #111; | |||||
| 74 | } | |||||
| 75 | @media (max-width: 767px){ | |||||
| 76 | header.page-header.sticky-header .header-main { | |||||
| 77 | background-color: #111; | |||||
| 78 | } | |||||
| 79 | } | |||||
| 80 | .page-header .header-main { | |||||
| 81 | color: #fff; | |||||
| 82 | } | |||||
| 83 | .page-header .header-main a, .page-header.type5 .search-area a.search-toggle-icon{ | |||||
| 84 | color: #fff; | |||||
| 85 | } | |||||
| 86 | .cart-design-2 .action.showcart .minicart-icon {border-color: #fff;} | |||||
| 87 | @media (min-width: 992px){ | |||||
| 88 | .page-header.type1 .nav-sections,.page-header.type2 .nav-sections, .page-header .navigation > ul { | |||||
| 89 | background-color: transparent; | |||||
| 90 | } | |||||
| 91 | } | |||||
| 92 | @media (min-width: 992px){ | |||||
| 93 | .page-header .navigation li.level0, | |||||
| 94 | .page-header.type23 .navigation .level0 > .level-top { | |||||
| 95 | color: #fff; | |||||
| 96 | } | |||||
| 97 | } | |||||
| 98 | @media (min-width: 992px){ | |||||
| 99 | .sw-megamenu.navigation.side-megamenu li.level0 {color: #555;} | |||||
| 100 | } | |||||
| 101 | @media (min-width: 992px){ | |||||
| 102 | .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, | |||||
| 103 | .page-header .navigation li.level0.active, .page-header .navigation li.level0:hover, | |||||
| 104 | .page-header.type23 .navigation .level0:hover > .level-top, | |||||
| 105 | .page-header.type23 .navigation .level0.active > .level-top, | |||||
| 106 | .page-header.type23 .navigation .level0.has-active > .level-top { | |||||
| 107 | background-color: transparent; | |||||
| 108 | } | |||||
| 109 | } | |||||
| 110 | @media (min-width: 992px){ | |||||
| 111 | .sw-megamenu.navigation.side-megamenu li.level0:hover, | |||||
| 112 | .sw-megamenu.navigation.side-megamenu li.level0.active { | |||||
| 113 | background-color: #08c; | |||||
| 114 | } | |||||
| 115 | .sw-megamenu.navigation.side-megamenu li.level0:hover > a { | |||||
| 116 | border-top-color: #08c; | |||||
| 117 | } | |||||
| 118 | } | |||||
| 119 | @media (min-width: 992px){ | |||||
| 120 | .page-header .navigation li.level0.active, | |||||
| 121 | .page-header .navigation li.level0:hover, | |||||
| 122 | .page-header.type23 .navigation .level0.active > .level-top, | |||||
| 123 | .page-header.type23 .navigation .level0.has-active > .level-top { | |||||
| 124 | color: #fff; | |||||
| 125 | } | |||||
| 126 | .page-header.type2 .navigation .level0 .level-top:before { | |||||
| 127 | background-color: #fff; | |||||
| 128 | } | |||||
| 129 | } | |||||
| 130 | @media (min-width: 992px){ | |||||
| 131 | .sw-megamenu.navigation.side-megamenu li.level0:hover, | |||||
| 132 | .sw-megamenu.navigation.side-megamenu li.level0.active { | |||||
| 133 | color: #FFFFFF; | |||||
| 134 | } | |||||
| 135 | } | |||||
| 136 | @media (min-width: 992px){ | |||||
| 137 | .sw-megamenu.navigation li.level0.fullwidth > .submenu a, .sw-megamenu.navigation li.level0.staticwidth > .submenu a { | |||||
| 138 | color: #696969; | |||||
| 139 | } | |||||
| 140 | } | |||||
| 141 | @media (min-width: 992px){ | |||||
| 142 | .sw-megamenu.navigation li.level0.fullwidth > .submenu a:hover, .sw-megamenu.navigation li.level0.staticwidth > .submenu a:hover { | |||||
| 143 | color: #696969; | |||||
| 144 | } | |||||
| 145 | } | |||||
| 146 | .search-area .block.block-search { | |||||
| 147 | background-color: #fff; | |||||
| 148 | } | |||||
| 149 | .search-area { | |||||
| 150 | color: #777; | |||||
| 151 | } | |||||
| 152 | .search-area { | |||||
| 153 | border-color: #ccc; | |||||
| 154 | } | |||||
| 155 | @media (min-width: 768px){ | |||||
| 156 | .header.panel .minicart-wrapper .action.showcart .counter.qty { | |||||
| 157 | color: #fff; | |||||
| 158 | } | |||||
| 159 | } | |||||
| 160 | @media (min-width: 992px){ | |||||
| 161 | .page-header .minicart-wrapper .action.showcart, .page-header .minicart-wrapper .action.showcart:before, .page-header .minicart-wrapper .action.showcart.active:before { | |||||
| 162 | color: #fff; | |||||
| 163 | } | |||||
| 164 | .cart-design-2 .action.showcart .minicart-icon {border-color: #fff;} | |||||
| 165 | } | |||||
| 166 | .footer-top{ | |||||
| 167 | background-color:#111; | |||||
| 168 | } | |||||
| 169 | .footer-top{ | |||||
| 170 | color:#777; | |||||
| 171 | } | |||||
| 172 | .footer-top a { | |||||
| 173 | color:#999; | |||||
| 174 | } | |||||
| 175 | .footer-top a:hover{ | |||||
| 176 | color:#fff; | |||||
| 177 | } | |||||
| 178 | .footer-middle{ | |||||
| 179 | background-color:#111; | |||||
| 180 | } | |||||
| 181 | .footer-middle, .footer-middle p{ | |||||
| 182 | color:#999; | |||||
| 183 | } | |||||
| 184 | .footer-middle a{ | |||||
| 185 | color:#999; | |||||
| 186 | } | |||||
| 187 | .footer-middle a:hover,.footer .widget .tagcloud a:hover{ | |||||
| 188 | color:#fff; | |||||
| 189 | } | |||||
| 190 | .footer .widget .tagcloud a:hover {border-color: #fff;} | |||||
| 191 | .footer-middle .block .block-title strong, .footer .widget-title,.footer .contact-details strong{ | |||||
| 192 | color:#FFFFFF; | |||||
| 193 | } | |||||
| 194 | .footer-middle [class^="porto-icon-"].theme-color, .footer-middle [class*=" porto-icon-"].theme-color{ | |||||
| 195 | color:#999 !important; | |||||
| 196 | } | |||||
| 197 | .footer-bottom{ | |||||
| 198 | background-color:#111; | |||||
| 199 | } | |||||
| 200 | .footer-bottom, .footer-bottom p{ | |||||
| 201 | color:#999; | |||||
| 202 | } | |||||
| 203 | .footer-bottom a{ | |||||
| 204 | color:#999; | |||||
| 205 | } | |||||
| 206 | .footer-bottom a:hover{ | |||||
| 207 | color:#999; | |||||
| 208 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.