503. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09: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.

503.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:33 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo13_en.css2021-04-28 03:15:02 +0000

503.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1270
Removed00

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

503.4 Active regular expressions

No regular expressions were active.

503.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-28 03:15:02 */
    4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
    5 }
    6 @media (min-width: 768px) {
    7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
    8         width: 57.17%;
    9     }
    10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
    11         width: 40.83%;
    12     }
    13 
    14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    15         width: 42.8775%;
    16     }
    17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    18         width: 30.6225%;
    19     }
    20 }
    21 
    22 @media (max-width: 575px){
    23 body {
    24     font-size: 13px;
    25     line-height: 21px;
    26 }
    27 }
    28 h1, h2, h3, h4, h5, h6 {
    29     font-family: Poppins,sans-serif;
    30     color: #222529;
    31     letter-spacing: normal;
    32 }
    33 h1 { 
    34     font-weight: 700;
    35     font-size: 36px;
    36     line-height: 44px;
    37     margin: 0 0 32px 0;
    38 }
    39 h2 { 
    40     font-weight: 700;
    41     font-size: 30px;
    42     line-height: 40px;
    43     margin: 0 0 32px 0;
    44 }
    45 h3 { 
    46     font-weight: 700;
    47     font-size: 25px;
    48     line-height: 32px;
    49     margin: 0 0 20px 0;
    50 }
    51 h4 { 
    52     font-weight: 700;
    53     font-size: 16px;
    54     line-height: 20px;
    55     margin: 0 0 14px 0;
    56 }
    57 h5 { 
    58     font-weight: 700;
    59     font-size: 14px;
    60     line-height: 18px;
    61     margin: 0 0 14px 0;
    62 }
    63 h6 { 
    64     font-family: Open Sans,sans-serif;
    65     font-weight: 700;
    66     font-size: 14px;
    67     line-height: 18px; 
    68 }
    69 p { 
    70     letter-spacing: 0;
    71 }
    72 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
    73     font-family: 'Segoe Script','Savoye LET';
    74 }
    75 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    76     color: #ee3d43;
    77 }
    78 html .heading-primary, html .lnk-primary, html .text-color-primary {
    79     color: #282d3b;
    80 }
    81 
    82 html .btn-modern {
    83     text-transform: uppercase;
    84     font-size: .75rem;
    85     padding: .75rem 1.5rem;
    86     font-weight: 600;
    87     height: auto;
    88 
    89 html .btn-sm {
    90     padding: .3rem .65rem;
    91     font-size: .75rem; 
    92 }
    93 html .btn-lg {
    94     padding: .5rem .875rem;
    95     font-size: .875rem; 
    96 }
    97 html .action.primary, html .btn {
    98     font-family: Poppins;
    99     letter-spacing: .01em;
    100     font-weight: 700;
    101     line-height: 1.42857;
    102     padding: .8em 2em; 
    103 }
    104 html .action.primary, html .btn-primary {
    105     color: #fff;
    106     background-color: #282d3b;
    107     border-color: #282d3b #282d3b #14161d;
    108 }
    109 html .btn-xl {
    110     font-size: 1rem;
    111     padding: .8rem 2rem;
    112 }
    113 .btn-modern.btn-xl {
    114     font-size: 1rem;
    115     padding: 1.25em 3.125em;
    116 }
    117 .btn-modern.btn-sm {
    118     font-size: .7rem;
    119     padding: .7rem 1.4rem;
    120 }
    121 html .btn-modern {
    122     font-size: .8125rem;
    123     padding: 1em 2.8em;
    124 }
    125 html .btn-sm { 
    126     line-height: 1.5;
    127 }
    128 
    129 html .btn-lg { 
    130     line-height: 1.3333;
    131 }
    132 .btn-flat {
    133     padding: 0!important;
    134     background: none!important;
    135     border: none!important;
    136     border-bottom: 1px solid transparent!important;
    137     box-shadow: none!important;
    138     text-transform: uppercase;
    139     font-size: .75rem;
    140 
    141 html .btn-dark {
    142     color: #fff;
    143     background-color: #222529;
    144     border-color: #222529 #222529 #0b0c0e;
    145 
    146 html .btn-light {
    147     color: #222529;
    148     background-color: #fff;
    149     border-color: #fff #fff #e6e6e6;
    150 }
    151 html .btn-quaternary {
    152     color: #fff;
    153     background-color: #000;
    154     border-color: #000 #000 #000;
    155 }
    156 html .background-color-secondary {
    157     background-color: #ee3d43 !important;
    158 }  
    159 .top-icon .porto-sicon-header {
    160     margin-bottom: .75rem;
    161 }
    162 .page-header.type1 .main-panel-top {
    163     border-bottom: 1px solid #e7e7e7;
    164 
    165 .page-header.type1 .header.panel > .header.links > li > a, .header.panel > .header.links > li.greet.welcome {
    166     padding: 7px 12px; 
    167     text-transform: capitalize;
    168 }
    169 .page-header.type1 .page-header .switcher:first-child .options .action.toggle { 
    170     padding-left: 0;
    171 }
    172 .page-header.type1 .main-panel-top .panel.header+.gap {
    173     background: #e7e7e7;
    174 }
    175 .page-header.type1 .header-main a.wishlist {
    176     padding-right: 0 !important;
    177 }
    178 .block-search .action.search {
    179     color: #222529;
    180 }
    181 .page-header.type1 .search-category { 
    182     border-color: #fff;
    183 }
    184 .page-header.type1 .search-category select {
    185     padding-right: 8px;
    186 }
    187 .page-header.type1 .block-search input {
    188     font-size: inherit;
    189 
    190 .page-header.type1 .block-search input::placeholder {
    191     color: #777;
    192     opacity: .7; 
    193 
    194 .page-header.type1 .search-area .minisearch .actions button {
    195     width: 43px;
    196 
    197 @media (min-width: 992px) {
    198 .page-header.type1 .header.panel > .header.links > li.greet.welcome + .customer-welcome {  
    199     padding-top: 7px;
    200     padding-bottom: 7px;
    201 }
    202 header.page-header.type1.sticky-header .nav-sections {
    203     background-color: #282d3b;
    204 }
    205 .page-header.type1 .navigation:not(.side-megamenu) .level0 {
    206     margin: 0 1px 0 0;
    207 }
    208 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top 
    209     font-weight: 700;
    210     line-height: 20px;
    211     letter-spacing: -.12px;
    212     padding: 20px;
    213 }
    214 .page-header.type1 .navigation:not(.side-megamenu) .level0:first-child .level-top {
    215     padding-left: 0;
    216 }
    217 .page-header.type1.sticky-header .cart-design-2 .action.showcart .minicart-icon {
    218     border-color: #fff;
    219 }
    220 .page-header.type1.sticky-header .minicart-wrapper .action.showcart, .page-header.type1.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type1.sticky-header .minicart-wrapper .action.showcart.active:before {
    221     color:#fff;
    222 }
    223 }
    224 @media (max-width: 1219px) {
    225 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top {
    226     padding: 18px 12px 18px 12px;
    227 }
    228 }
    229 .widget {
    230     margin-bottom: 1.875rem;
    231     margin-top: 1.875rem;
    232 }
    233 .widget:first-child {
    234     margin-top: 0;
    235 }
    236 .widget .widgettitle {
    237     font-size: 1em;
    238     letter-spacing: 0;
    239 }  
    240 .top-icon .porto-sicon-header {
    241     margin-bottom: .75rem;
    242 
    243 .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {
    244     background-color: #282d3b;
    245 }
    246 .page-wrapper > .breadcrumbs {
    247     border-bottom: 1px solid #dfdfdf;
    248     margin-bottom: 35px;
    249 }
    250 .page-wrapper > .breadcrumbs .items {
    251     font-size: .75rem;
    252     font-weight: 400;
    253     letter-spacing: 0;
    254 }
    255 .page-wrapper > .breadcrumbs .items>li.home a {
    256     width: auto;
    257     text-indent: 0;
    258 }
    259 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;}
    260 .block-category-list .block-title, .side-custom-block .custom-block h2 {
    261     font-family: Poppins;
    262 }
    263 .footer .widgettitle, .footer .widget-title {
    264     font-size: .9375rem;
    265     font-weight: 600;
    266 }
    267 .footer, .footer p { 
    268     line-height: 20px;
    269     letter-spacing: 0;
    270 }